Membuat Judul Widget Dengan Icon Atau Gambar


Bismillah .. Pada hari yang cerah ini di Banjarmasin, aku akan memberikan sedikit trik yang mungkin bisa memberikan informasi atau memberikan cara untuk memodifikasi Widget Blog Sobat. Aku akan membagikan sedikit trik. "Bagaimana Cara Membuat Icon Atau Gambar Untuk di Taruh di Judul Widget Sidebar"

Pada kali ini mungkin ada beberapa para blogger yang sudah banyak mengetahuinya, tetapi jika Sobat yang belum tahu cara membuatnya aku akan dengan senang hati memberikan kepada Sobat yang sedang membutuhkan cara membuatnya. Untuk itu mari kita simak dengan seksama cara membuatnya,



Cara membuat icon atau gambar untuk di taruh di judul widget sidebar

1. Login  » Blogger
2. Rancangan » Edit HTML
3. Kemudian Sobat cari dengan menekan tombol ALT + F kode #sidebar h2 , Kemudian Masukan kode CSS di bawah ini.


{padding: 3px 13px 3px 17px;background: url(http://4.bp.blogspot.com/-dxoDLNz-Cbk/TpvEpeXr7hI/AAAAAAAAA4g/ohjOYh-pYZc/s1600/arrow-round.png) left center no-repeat ;}

  • Pada Tag Heading h2 silakan Sobat sesuaikan dengan Tag Heading yang ada pada Sidebar Widget pada Template Sobat.
  • Pada Tulisan Berwarna Merah, silakan sobat sesuaikan sendiri gambar yang ingin Sobat pasang pada Judul Widget,

4. Jika Sudah selesai, kemudian Save Template.


Alhamdulillah.. Tutorial pembuatan di atas sudah selesai, untuk bertanya masalah ini silakan tuliskan komentar Sobat di bawah ini beserta Alamat Blognya agar aku dapat melihat Struktur CSS Blog Sobat, Bagaimana Sobat? Mudah Bukan, untuk selanjutnya silakan sobat coba sendiri di Blog sobat,

Dengan Berusaha, pastinya tutorial yang mudah ini akan bisa dilaksanakan untuk membuat Membuat Judul Widget Dengan Icon Atau Gambar pada blog Sobat, Untuk itu aku ucapkan,


Selamat Mencoba ~

85 Responses to "Membuat Judul Widget Dengan Icon Atau Gambar"

  1. ooo...maksudnya ikon menempel ya bang... asik juga tuh bang... ntar2 ane praktekin deh bang...hehehe. tenkyu tutornya bang

    ReplyDelete
  2. Terima kasih sobat atas berbagi tipsnya...

    ReplyDelete
  3. @ Kang Farhan : iyaa bang... terima kasih atas kunjungannya...

    @ cardiacku : Terima kasih kawan atas kunjjungannya :)))

    ReplyDelete
  4. Kunjungan sore sobatttt
    wow kereeennnn

    ReplyDelete
  5. Pena hadir dan absen sore sobat...
    Bisa begitu yah..nice share sob...Tipsnya bagus and keren

    ReplyDelete
  6. ice info sob.. salam kenal ya.. visit me ALL ABOUT PHOTOSHOP

    ReplyDelete
  7. kek nya mantaf ni gan, syang kepotong tuh gan CSS nya,
    nunggu jampi2 lanjutanya nih...

    ReplyDelete
  8. Jangan lupa datang di website yang menyajikan informasi menarik dan terkini...
    www.108CSR.com

    www.selaluonline.com

    ReplyDelete
  9. Kunjungan silaturahmi saudaraku dan alhamdulillah mendapatkan ilmu baru

    ReplyDelete
  10. @ rizki_ris : Silakan :))

    @ tautanpena : Terima kasih pena udah hadir di sini yaa :))

    @ Elmud : wkwkwk,,, dari blogger banua jga ya?

    @ souvenir tasbih cantik : akan saya benarkan :))

    @ sampeweweh : silakan di save bang :))

    @ abufarras : Terima kasih telah berkunjung saudara ku,,, :))

    ReplyDelete
  11. Harau mantaf banar julakkai nah...ayu ai kusimpani lahhhhhh...hahhahyyyyy

    ReplyDelete
  12. Boleh juga ni tutorialnya ma, ijin save page as dulu ya mas. . .

    ReplyDelete
  13. Wah...
    Patut dicoba ne... hehehe
    Nice Jog Sob... Lanjutkand... :D

    ReplyDelete
  14. boleh mencoba juga ni bro..
    tapi ada contoh yang udah jadi gx,,,
    jadi kagak tau di bagian mana sih gambar iconya yang akan muncul...

    ReplyDelete
  15. Icon di depan judul widget apa judul widgetnya pake gambar?

    ReplyDelete
  16. wah berguna nhe sob... makasih ya :D
    Absen siang sob

    ReplyDelete
  17. hahayyyy haseegggg bgt sob..? sukses terus ya..? kunjungan sore nih..?

    ReplyDelete
  18. bookmark dulu Sob.. sapatau entar butuh.. :D

    ReplyDelete
  19. makasi tutornya bang...bermanfaat bgt nech :)

    ReplyDelete
  20. Ijin comot tutorialnya Sob..
    kayak na menarik nie bwt dpraktekin..
    thx for good info na

    Happy Blogging Sobat :D

    ReplyDelete
  21. Wah posting yg bermnfaat. Bisa dicoba nih. salam kenal bang. :)

    ReplyDelete
  22. pasang di template default susah -_-

    ReplyDelete
  23. keren banget tutorialnya kawan..sungguh menarik dan sangat bermanfaat :-)

    ReplyDelete
  24. info yg sangat berguna sob...salam kenal sbelumnya..

    ReplyDelete
  25. Btw, templatenya ganti ya sob? Pangling hehehe

    ReplyDelete
  26. Trick yang sederhana tapi sangat berguna untuk mempercantik blog.

    ReplyDelete
  27. mantap bang ini yang lagi saya search i\di google hehe

    ReplyDelete
  28. tipsnya mantapp...
    lawas kd bakunjung nah dngsanak ae.. :)

    ReplyDelete
  29. makasih Boss ngilmunya...
    bagi yang berminat jd agen pulsa elektrik dan tempat pembayaran PLN PascaBayar (PPOB),kunjungi;
    http://smartreload88.blogspot.com

    ReplyDelete
  30. Salam blogger dari http://www.andaikata.com ,kunjungi balik Gan...

    ReplyDelete
  31. Raja A'A neh beulah tutorial, betambah pulang ilmu ulun di dunia blogging mun kayni caranya.

    ReplyDelete
  32. mantap triknya...
    izin di bookmark dulu nah.. :)

    ReplyDelete
  33. wah infonya bagus sob..
    sangat bermanfaat & lengkap lagi..
    makasih ya :)
    salam kenal :)




    #Happy BLogging :D

    ReplyDelete
  34. Info menarik dan boleh sekali dicoba, Makasih buat infonya dan sukses

    ReplyDelete
  35. Terima kasih untuk tipsnya, saya mau coba semoga juga.

    ReplyDelete
  36. Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.

    ReplyDelete
  37. Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

    ReplyDelete
  38. Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

    ReplyDelete
  39. Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

    ReplyDelete
  40. aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

    ReplyDelete
  41. Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

    ReplyDelete
  42. Terima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses

    ReplyDelete
  43. Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

    ReplyDelete
  44. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

    ReplyDelete
  45. Artikel yang sangat Innovatif dan banyak Tipsnya. jadi ingin coba. semoga berhasi

    ReplyDelete
  46. Tulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.

    ReplyDelete
  47. Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

    ReplyDelete
  48. Amazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses

    ReplyDelete
  49. Amazing Artikel yang sangat berguna,terutama Tipsnya sangat membangun. boleh dicoba.

    ReplyDelete
  50. Terimakasih Tulisan dan Info yang bermanfaat. wajib dicoba. salam sukses selalu.

    ReplyDelete
  51. Tips dan Info menarik, boleh dicoba, Semoga berhasil

    ReplyDelete
  52. Artikel Menarik terutama Infonya, boleh dicoba. Salam sukses

    ReplyDelete
  53. Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

    ReplyDelete
  54. Tipsnya sangat Infomatif, wajib dicoba salam sukses

    ReplyDelete
  55. Informasinya keren sekali, sangat bermanfaat.sukses selalu

    ReplyDelete
  56. Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses

    ReplyDelete
  57. Terimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil

    ReplyDelete
  58. Ilmu yang bermanfaat dan berguna Cuma ada di Wibesite ini, terutama Tips dan Artikelnya. Jadi ingin coba. Salam sukses

    ReplyDelete
  59. Ilmu yang bermanfaat dan berguna Cuma ada di Wibesite ini, terutama Tips dan Artikelnya. Jadi ingin coba. Salam sukses

    ReplyDelete
  60. setelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu

    ReplyDelete
  61. Saat membaca Artikel dan Tipsnya yang benar benar menarik. Jadi ingin mencoba. Salam sukses selalu

    ReplyDelete
  62. Ide cemerlang saya dapat dari Artikel yang di buat di Wibesite ini, Wajib dicoba Tipsnya. Semoga berhasil

    ReplyDelete
  63. Wibesite yang menarik di dalamnya banyak Artikel dan Tips yang mengandung Ilmu Pengetahuan, Harus dicoba.Terimakasih

    ReplyDelete
  64. Gan Maaf nie.. ^_^
    Code #sidebar h2 Di Punya saya gx ada..

    ReplyDelete
  65. TipsNya, keren...

    terima kasih..

    ReplyDelete
  66. postingan yang bagus tentang Membuat Judul Widget Dengan Icon Atau Gambar

    ReplyDelete
  67. Stunning quest there. What happened after? Good luck!
    Feel free to visit my page Home Page

    ReplyDelete
  68. Kalau untuk blog wordpress caranya gimana ya gan? terima kasih sebelumnya atas jawabannya

    ReplyDelete
  69. gan, kalau di pasang seperti tsbt, mempengaruhi kecepatan web nya gak ??

    ReplyDelete