Sunday, 25 March 2012

Tutorial Highlight Author di Thread Comment


Tutorial Highlight Author di Thread Comment

Judul : Tutorial Highlight Author di Thread Comment
Platform : Blogspot / Blogger
Untuk Tingkatan : Pemula, Menengah dan Mahir
Waktu Praktek : 5 menit


Berikut adalah langkah cepat Tutorial Highlight Author di Thread Comment :
  1. Login Blog terlebih dahulu di http//draft.blogger.com
  2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
  3. Pilih Tab Edit HTML lalu Cek/Centang kotak Expand Widget Templates
  4. Cari kode <body>
  5. Untuk mencari kode dimaksud dapat menggunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox terletak di Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
  6. Selanjutnya Letakkan baris kode berikut tepat diatas kode <body> :
    7. <script src='http://code.jquery.com/jquery-latest.js'/> <script type='text/javascript'> //<![CDATA[ $(function() { function authorlight(){ $('.user.blog-author').closest('.comment-block') .css('Font', '20px Arial') // 20px = Size Font , Arial= Tipe Font .css('Color','#FFFFFF') // Warna Tulisan Admin .css('Background', '#000000'); } // Background Tulisan Admin $(document).bind('ready scroll click',  authorlight); }); //]]> </script>
  7. Ganti baris kode yang bewarna merah dengan kode yang sesuai dengan tema template yang sedang digunakan..
  8. Simpan perubahan template lalu lihat hasilnya :)
  9. Terimakasih semoga bermanfaat.

Sumber Referensi : southernspeakers.net

Tutorial Highlight Author di Thread Comment

No comments:

Post a Comment

Terima Kasih Atas Pandangan Dan Komen Anda . Shahril Akan Memperbetulkan Apa Yang Kurang . :) Lepas komen Jangan Lupa Share Artikel Dan Follow Blog Shahril !