MEMASANG PITA AUTHOR PADA KOMENTAR ADMIN ATAU PEMILIK BLOG

Masih belum jauh dari posting sebelumnya, yang membahas tentang memperindah blog. kali ini saya akan share bagaimana cara memasang pita author pada komentar admin, seperti gambar di atas posting ini.

TUTORIAL

  • Login ke akun blogger anda, (jangan punya orang).
  • Kemudian cari »» Template pada Edit HTML di blog kamu.
  • Cari kode ]]></b:skin> tekan [CTRL+F] untuk mempermudah pencarian.
  • Kemudian copy dan paste kode dibawah ini tepat diatas kode ]]></b:skin> tadi.
.comments .comments-content .icon.blog-author { position: absolute; top: 2px; right: 3px; margin: 0; background: url(http://i1347.photobucket.com/albums/p704/artaa666/author-cyan_zpsb162e164.png) no-repeat; width: 36px; height: 36px; }
keterangan!
  • Text yang berwarna merah adalah posisi pita, bisa anda ganti sesuai keinginan.
  • Text yang berwarna hijau adalah URL gambar, bisa di ganti dengan URL pita kreasi anda.

Untuk kemudahan pengunjung, saya sudah menyediakan dengan warna yang berbeda.

Warna Biru:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_czMUBN9H6YhvUt_9bjRYW2KaF_pruDUZfu7ZSiLZTrgQqx5lADFQ04Sh_FjPyzVKO7r3ZRjuXLsxqnuoVMzZomG16RyKIl8W8Hrs6L9HzYEqGIYzWhMqvvda7ggSaIkYgYKN1UZU3hM4/s1600/biru.gif

 Warna Hitam:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIF_Gf67BdxZde9t6Y8qV-rxQB1tG-SkrtPZHC6Esaxwgx8wCiQ3itzH2zV57WPVOB1aOCh3-ZgZ4i2nPXUQBIzwit70z4a2d0Yi2vIQ0XYV2s6_E2hT62J5ht22zxOR_G7Kb0fBc4Bk_0/s1600/hitam.gif

 Warna Merah:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-ENgwr5d-4blcEGxw3fpH_y3mB5FJ-Qd2q3J4B0m4O2TrKQGz5Bi0rroOSiyHBdUsZ_21Ak7Meg05grGU4FkKgvIxbu7uZpevgc5y818HciMPdylaUTVtpzeoo9lMfSVk_uYco6Y6F2Q/s1600/merah.gif

 Warna Hijau:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCmFPWMY2ZN3Nv-X3cwqY6-F2zrT_PBb82nF_DJ-fQE9mgeRCwmaVL8Q9h97phDi1_y1U0ux411_HeKCJz5_oJbnmaz52uh89UpOABt9xALyLxB83ag01M-WzpjYifoTHpUlG8AyHcIdLG/s1600/hijau.gif

Warna Ungu:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4TtaLAFR5Q6qaY7U0X8v6Ynt0J285Apa1EOuU5D9r6SHxMZTw3IfSw7KecjDAArvJIKetSHd3-S8deoEAm1XYTCmCIPOBObMEWyoThHf0_cmkadRK2H9ZCtXvdUJNChsf6yllyMJ9793P/s1600/ungu.gif

Silahkan di praktekan, semoga berhasil

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg

3 komentar

bisa jd ketumpuk sama css yg di atasnya gan..

Punya ane bisa om :)
makasih ya.

jangan sungkan berkomentar dengan sopan
dilarang memasang spam, memasang iklan, link aktif/mati dan memasang hal tentang pornografi.

Apabila ingin memasang gambar, cukup masukan link gambarnya.
Gunakan Konversi kode jika ingin memasukan kode script


Konversi KodeEmoticon