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...

10 komentar

  1. ijin untum mencoba mas salam kenal

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

    BalasHapus
  3. terima kasih di atas sharing ini.. :D

    BalasHapus
  4. 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. silahkan mbak semoga berguna, pakek lightbox evo trus buat html yang di host di google drive... :-bd

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

      Hapus
    3. 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...