Membuat warna background posting populer

Membuat warna background posting populer

Trik

Trik ini akan mengubah warna latar belakang blog Anda ketika posting/artikeln yang paling banyak dilihat di blog anda dibuka. Untuk melihat posting/artikel terpopuler atau paling banyak dilihat bisa dilihat dari widget popular post blogger, jika sobat belum tahu silahkan tambahkan widgetnya karena trik ini membutuhkan widget tersebut.

Metode 1: Gunakan JavaScript.

Tambahkan kode berikut sebelum tag </ body> dalam template Anda

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var bgU=location.href;bgPP=document.getElementById('PopularPosts1');bgTN=bgPP.getElementsByTagName('a');if(bgTN){bgH=bgTN.item(0).href;if(bgU.indexOf(bgH)!=-1){document.write('<style type="text/css">body{background:#800000!important}</style>')}}
//]]>
</script>
</b:if>

Metode 2: Menggunakan XML Blogger.

Tambahkan kode dibawah ini sebelum kode tag <b:if cond='data:showThumbnails == &quot;false&quot;'> di dalam template Anda.

<b:if cond='data:post.href == data:blog.url'>
<style type='text/css'>body{background:#800000!important}</style>
</b:if>

Sebaliknya 800000 warna latar belakang ini silahkan anda sesuaikan dengan kode warna pilihan Anda.

Gunakanakan salah satu trik di atas, dua cara di atas sama - tidak memberatkan loading blog anda.

Selamat berexperimen sob...

Artikel Terkait

  • Cara membuat navigasi Breadcrumbs
      Cara Membuat Breadcrumbs SEO Friendly 1. Masuk ke Blogger 2. Klik Template > Edit HTML > Lanjutkan 3. Centang Expand Template Widget 4. Cari kode ]]></b:skin> dan simpan kode ini diatasnya: .breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb…
  • Menampilkan profil di pencari google
    Masalah berbagi saya tidak punya lelah buat sobat, ini adalah trik baru untuk menyatakan bahwa sobat adalah penulis yang sah di mata mesin pencari google untuk artikel yang tercopas. maraknya copas hasil karya artikel dan tulisan blogger yang membuat bingung para pembaca dan cara menghadapinya, karena terkadang muncul dua hasil yang sama di m…
  • Membuat background posting terakhir berbeda
    Saya bertemu hal menarik ketika mengunjungi salah satu blog milik sahabat blogger, yaitu pada setiap posting/artikel yang di publikasikan terakhir/terbaru memiliki background/latar belakang yang berbeda dengan artikel yang di terbitkan sebelumnya. trik ini, di buat agar setiap pengunjung tertarik untuk membaca artikel yang di publikasikan tera…
  • Membuat Related Post terbaru dengan gambar
    Di sini, saya akan memperkenalkan dua jenis tampilan related post thumbnail yaitu related post dengan gaya vertikal dan horisontal. related post ini berbeda dengan lainnya, ketka dalam satu label yang tidak memiliki posting lebih dari satu, maka akan secara otomatis akan menampilkan pesan tidak ada artikel terkait, juga memiliki kegunaan yang …
  • Membuat warna background posting populer
    Trik ini akan mengubah warna latar belakang blog Anda ketika posting/artikeln yang paling banyak dilihat di blog anda dibuka. Untuk melihat posting/artikel terpopuler atau paling banyak dilihat bisa dilihat dari widget popular post blogger, jika sobat belum tahu silahkan tambahkan widgetnya karena trik ini membutuhkan widget tersebut. Metode …
  • Rahasia muncul dan hilangnya widget di blogger
    Trik ini di gunakan untuk tujuan tertentu, menghilangkan atau memunculka widget sebagai mana mestinya atau lebih tepat fungsinya. misalkan di halaman depan blog ini sudah ada daftar posting update terbaru, jadi untuk widget recent post lebih cocok di munculkan hanya pada halaman posting saja. trik ini juga bisa di gunakan untuk membuat halaman…

10 komentar

  1. Unknown16 Maret 2014 pukul 23.46

    ijin untum mencoba mas salam kenal

    BalasHapus
  2. PerumJogja.info17 Maret 2014 pukul 00.07

    ijin nyimak dulu sob,..
    kunjungn bliknya ditunggu :) salam kenal

    BalasHapus
  3. Mizz Aiza17 Maret 2014 pukul 00.28

    terima kasih di atas sharing ini.. :D

    BalasHapus
  4. Claresta17 Maret 2014 pukul 02.51

    keren mas tutornya bikin bacground most popular, ijin belajar ya, hehehe :D oya gimana tuh cara bikin READ ME seperti di atas :) makasih bantuannya :)

    BalasHapus
    Balasan
    1. Dafin defandaky17 Maret 2014 pukul 03.16

      silahkan mbak semoga berguna, pakek lightbox evo trus buat html yang di host di google drive... :-bd

      Hapus
    2. Claresta20 Maret 2014 pukul 20.20

      wah tapi gak tau caranya nih mas, hehehe :D oke deh makasih petunjuknya :)

      Hapus
    3. Dafin defandaky20 Maret 2014 pukul 20.26

      haha, cari cari aja dlu tutor semua trik di atas mbak nnti trus di phami... :)

      Hapus


Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...