Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • JUAL SUPERGREENFOOD

Cara Membuat Icon Post-Author, Post-Timestamp, Post-Comment-Link, & Post-Labels

Moocen Susan | Selasa, Agustus 27, 2013 |
Jika Anda perhatikan dibawah postingan blog kita tertera tulisan “Diposkan oleh…di…komentar…label…..” Nah, kali ini saya ingin berbagi cara membuat icon di depan tulisan tadi sehingga tampilannya nanti akan seperti ini :

Untuk itu ikutilah langkah-langkah berikut ini : 

1. Log in ke www.blogger.com 
2. Klik Template 
3. Klik Edit HTML 
4. Backup dulu template Anda → centang expand widget template 
5. Cari kode ]]></b:skin>dengan menekan Ctrl+F di dalam kotak template

6. Copy paste kode berikut ini tepat di atas kode ]]></b:skin>
Kode Script:
.post-author{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/user.png); } .post-labels{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/grdt-1-label.png); } .post-timestamp{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/grdt-1b-clock.png); } .post-comment-link a.comment-link{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/komen.png); } .post-author,.post-labels,.post-timestamp,.post-comment-link a.comment-link{ background-size:auto 16px; padding-left:22px; background-repeat:no-repeat; background-attachment:scroll; background-position:left center; } .post-author,.post-labels,.post-timestamp,.post-comment-link{ margin-left:auto !important; margin-right:8px !important; }
7. Klik Pratinjau Template jika sudah ok, silakan simpan template Anda dan lihat blog 

Well done, selamat mencoba ^_^

 Sumber : http://dariblogkeren.blogspot.com/2012/03/pasang-icon-di-post-author-post-labels.html

59 komentar:

  1. Wow...makasi tutorialnya Mbak
    Mbak Moocen tambah jago ih :)

    BalasHapus
    Balasan
    1. Jago kandang mbak Esti :d jane sih pengen banyak belajar dari mbak Lala, sayang gw ga pny doku ;(

      Hapus
  2. Wah, mantep tutorialnya. Btw, mbak Susan saya mau nanya gimana caranya memprivate postingan di blog / cara mengunci postingan lama gimana mbak selain di hapus? :D

    BalasHapus
    Balasan
    1. Kenapa diprivate mbak? soal itu saya cari tahu dulu ya :-? soalnya saya juga masih belajar :)

      Hapus
  3. Gak p2 mbak, cuma pengen tahu aja hehehe. Saya sudah mencoba dengan membuat tanggal dijadwalkan mbak, alhasil sudah menghilang sejenak dr home sesuai dengan jadwal yang saya inginkan :D

    BalasHapus
  4. thanks gan.. kalu untuk wp gimana ya?

    BalasHapus
  5. ya sepertinya bagunya kalau peke gambar ya....thanks sob sharingnya

    BalasHapus
  6. Terima kasih saya akan memasangnya. Tadi saya search di google ehh nemu blog ini. Terima kasih dan bermanfaat sukses selalu mbak :)

    BalasHapus
  7. makasih sist, berhasil di blog saya :)

    BalasHapus
  8. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  9. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  10. Bisa sih bisa. Tapi icon comment sama icon timestamp nya nggak ada, adanya cuma author sama labelnya.

    BalasHapus
  11. dan juga di bawah..., bukan di atas .. :(

    BalasHapus
  12. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    Obat Pembesar Penis

    BalasHapus
  13. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  14. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  15. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  16. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  17. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  18. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  19. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  20. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  21. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  22. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  23. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  24. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  25. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  26. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  27. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  28. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  29. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  30. THANK YOU for his article bro, this is very helpful and useful
    I hope to see your other articles

    BalasHapus
  31. For me this is very good information, because it makes us know more and learn more about the world wide, so that will greatly add insight for me, for that I say many thanks.......

    Do not forget to stop by my blog yes......

    Apotek Wan
    * Pembesar Penis


    - Minyak Lintah Papua

    - Titan Gel

    - Penirum

    - Vimax

    BalasHapus
  32. Greetings admin
    I like your topic, after reading your article very helpful at all and can be a source of reference
    I will wait for your next article updates
    Thank you, for sharing

    BalasHapus
  33. Greetings admin
    I like your topic, after reading your article very helpful at all and can be a source of reference
    I will wait for your next article updates
    Thank you, for sharing

    BalasHapus
  34. Greetings admin
    I like your topic, after reading your article very helpful at all and can be a source of reference
    I will wait for your next article updates
    Thank you, for sharing

    BalasHapus
  35. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  36. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  37. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  38. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  39. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  40. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  41. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  42. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  43. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  44. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  45. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus
  46. thank you boss the article really helped us, we wait for the boss's inspiration again. thank you

    BalasHapus

Terima kasih sudah berkunjung. Silakan tuliskan komentar Anda di bawah ini. Komentar Anda sangat bermanfaat dan sangat saya hargai atau jika ada pertanyaan silakan tinggalkan pesan di livechat saya (sidebar kiri bawah)
Perhatian: saya akan menghapus otomatis komentar yang ada link hidupnya :D

Related Posts Plugin for WordPress, Blogger...