Mengubah Judul Gadget Di Blog Dengan Gambar


Setelah kemarin saya posting tentang modifikasi kotak komentar part-1, kali ini saya akan posting lagi tentang modifikasi template, tapi bukan di kotak komentar, tapi modifikasi di bagian sidebar yaitu "Mengubah judul gadget di blog dengan gambar". Coba sobat lihat di blog sobat, judul gadget blog sobat pasti berupa teks, lha dengan cara ini nanti kita akan ubah teks tersebut menggunakan gambar. Tentunya gambar tersebut juga harus berupa judul gadget untuk memberi penjelasan kepada pengunjung gadget apa yang tersimpan di bawah gambar tersebut.

Biar gak bingung, saya kasih gambar contohnya ya:
Judul gadget sebelum di modif :

Judul gadget setelah di Modif

Sobat sudah paham kan setelah lihat gambar di atas?
Untuk membuatnya, silahkan ikuti langkah-langkah berikut ini :
1. Login dulu di akun blogger sobat
2. Klik "Rancangan" => "Edit HTML"
3. Centang "Expand Template Widget"
4. Sebagai contoh, saya akan mengubah judul gadget "Site Info" dengan gambar. Maka untuk mencarinya saya akan mengetikkan "Site Info" dikotak pencarian (CTRL+F). maka hasil yang akan keluar akan seperti ini :
<b:widget id='HTML2' locked='false' title='Site Info' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Untuk mengubah judul gadget dengan gambar, maka hapus kode
<data:title/>

Dan ganti dengan kode :
<img src="URL GAMBAR YANG AKAN DIPASANG SEBAGAI JUDUL GADGET" alt="NAMA JUDUL GADGET"/>

6. Preview hasilnya
7. Kalau sudah berhasil, silahkan "Simpan Template"

Keterangan :
  • Untuk membuat gambar judul gadget, bisa sobat lakukan di Cooltext

  • Untuk Upload gambar, sobat bisa upload di Tinypic

  • Nama judul gadget, isi dengan judul gadget blog sobat. Sebagai contoh : judul gadget yang saya ubah menjadi gambar adalah site info. Sesuaikan dengan gadget yang akan sobat ganti


Semoga bisa menambah pengetahuan sobat.

Mengubah Judul Gadget Di Blog Dengan Gambar Rating: 4.5 Diposkan Oleh: muzzy musthofa

109 komentar:

  1. kak, itu cara gunain emoticon kaskusnya gimana? kalo diketik angkanya malah gabisa -,-

    BalasHapus
    Balasan
    1. kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
      dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
      berikan 4 angka 6614 alhamdulillah ternyata itu benar2 tembus AKI.
      dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
      ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
      allah saya akan coba untuk membuka usaha sendiri demi mencukupi
      kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
      sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
      yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di no (((082-313-336-747)))
      insya allah anda bisa seperti saya…menang togel 275
      juta, wassalam.


      dijamin 100% jebol saya sudah buktikan...sendiri....







      Apakah anda termasuk dalam kategori di bawah ini !!!!


      1"Dikejar-kejar hutang

      2"Selaluh kalah dalam bermain togel

      3"Barang berharga anda udah habis terjual Buat judi togel


      4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


      5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
      tapi tidak ada satupun yang berhasil..







      Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
      anda semua dengan Angka ritwal/GHOIB:
      butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
      100% jebol
      Apabila ada waktu
      silahkan Hub: AKI SOLEH DI NO: (((082-313-336-747)))




      atau klik langsung di KLIK DSINI BOCORAN TOGEL




      angka GHOIB: singapur 2D/3D/4D/



      angka GHOIB: hongkong 2D/3D/4D/



      angka GHOIB; malaysia



      angka GHOIB; toto magnum 4D/5D/6D/



      angka GHOIB; laos

      Hapus
  2. @ Mauditha : Keliatannya ada yang error. Coz dulu masih bisa, tapi sekarang kok gak bisa. Nanti deh kalau sempet tak cari dulu error dari mana. makasih ya udah ngingetin.

    BalasHapus
  3. sering kutemukan yg seperti itu,,,
    ternyata begitu to cara merubahnya...
    thanks infonya....

    BalasHapus
  4. Busyeeet infonya, Langsung dipraktekin ke TKP saja...
    Mari kita Budayakan Tukar Komentar shobat

    BalasHapus
  5. Wah ini keren sob, emank kudu dimodif judul gadgednya

    BalasHapus
  6. lina@women's perspectives9 Juni 2010 18.20

    Setelah dimodif, tampilannya memang jadi lebih menarik ya.

    BalasHapus
  7. berkunjung kawan .. wah nambah ilmu ilmu lagi nih .. thanks atas info dan ilmunya ya sob .

    BalasHapus
  8. keren tutorialnya sob, izin ngopy codenya ya sob, terima kasih.

    BalasHapus
  9. :19 Keren Gan..... tapi loading blog bakalan jadi lambat ngga tuh kalo gadget nya buanyak... ??

    BalasHapus
  10. Wuaduh emotnya ngga bisa yah?

    BalasHapus
  11. Besok dicoba Gan.kepala berat nih tiap hari Online hehe nice post.

    BalasHapus
  12. :10 haus Gan hehehhe numpang nge-juz neh...

    BalasHapus
  13. terima kasih om, sangat bermanfaat untuk mempercantik tampiLan bLog. biar para pengunjung bisa tercerahkan matanya saat meLihat tempLate yang fuLL modifikasi.

    BalasHapus
  14. Nais invoh gan,,,sangat membantu para blogger...

    BalasHapus
  15. Sob, buat templates Artisteer berlakukah?

    BalasHapus
  16. pak liek masih mikir untuk menggunakannya ... karena blog pak liek saat ini sudah diambang batas loadinganya ....

    BalasHapus
  17. Wah ini mak nyus tenan kawan.
    Judul bisa juga diganti gambar.
    Thanks kang

    BalasHapus
  18. Kunjungan pagi cari ilmu

    BalasHapus
  19. Pinter tenan sampeyan cak.
    Kapan2 tak copy ae

    BalasHapus
  20. Semoga makin sukses aja kawan ya.
    Di dunia maya dan dunia nyata.
    Suwun form komennya kelihatan pake hp.
    Jd mudah aja nih tuk komen hehehe

    BalasHapus
  21. OK banget, saya masih tarap belajar, suatu keuntungan bisa kenal anda saya banyak dapat ilmu. trim banget.
    Salam sukses.


    Kemarin masukan link baliknya gak bisa muncul.

    BalasHapus
  22. wah keren, ntar aku coba dech, hihihihiih, mksh yh infonya

    BalasHapus
  23. kreatif jg ni..blognya tambah keren...

    BalasHapus
  24. wah....bisa dicobah tuh......thanks infonya gan....

    BalasHapus
  25. apa ga ada pengaruh dengan loading web????

    BalasHapus
  26. semakin mantab saja tips dan triksnya, salam

    BalasHapus
  27. wow.... sdh peringkat 100ribuan...


    thanks for the info

    BalasHapus
  28. Great resource my friend.. :)
    Keep Spirit

    BalasHapus
  29. wahhh nice inpo sob.... gw coba ahhh

    BalasHapus
  30. info yang menarik nih .......

    BalasHapus
  31. wah tidak di pyngkiri lagi anda memang ahli dalam mengotak - atik blog1

    BalasHapus
  32. Mantab infonya... keep posting...

    BalasHapus
  33. owalah, makin manteb aja nih blognya kang, sukses selalu ^_^

    BalasHapus
  34. wah.. makasih tipsnya gan! :10

    BalasHapus
  35. poto ntu ya,iye bro,pacar ane tuh

    btw ntu gimana caranya judul blog bisa ganti2 warna gt!!!
    pngn dong bro!

    BalasHapus
  36. gitu ya cara mengubahnya...trims ya infonya

    BalasHapus
  37. Nice info sob, oke2 nih tutorialnya, tetap semangat ngeblog dan berbagi ilmu terus

    BalasHapus
  38. wah mantaf ntar dicoba aq lg ngurus yg laen dulu thx dah main ...

    BalasHapus
  39. Ntar ane coba yah gan... makasih infonya. :D

    BalasHapus
  40. Ilmu yang patut di coba.........

    BalasHapus
  41. wah dah banyak kang yg komen...
    tapi tutornya memang layak di koment kang,, mantap abizz... oh ya kang ku ada yg mau ditanyain nih,, cara bikin tab view kaya punya akang itu gimana??
    ku coba ga pernah berhasil.. ku mau bikin daftar isiku,sekalian recent comennya jadi 1 tempat aja..
    tolong jawabanya di sent ke blog ku ya mas... makasih banyak...

    BalasHapus
  42. Mantap Sob....Ide2 sobat emank selalu cemerlang....tetap berkarya dan di nantikan artikel selanjutnya....

    semoga bisa bermanfaat bagi yang membutuhkannya...tapi kalau sya sendiri mending gak usah pake gambar karena bisa menambah berat beban blog....hehehehehehe

    BalasHapus
  43. :24 bagus juga sob, kapan2 gw pasang ahh,satu lagi nih saya blh requet :31 engk nih, hehehehe, cara membuat tombol lari ke atas bagimana caranya???

    BalasHapus
  44. wah..mantap tuh gan.. boleh dicoba ni..

    BalasHapus
  45. wahhh... mau nyoba ah... :)

    BalasHapus
  46. wahh,, mantap infonya... tapi nanti kalo judul Gadget terlalu besar kan jelek juga....

    BalasHapus
  47. sminggu kmaren saya jg prnh dpt ksulitan seperti ini, soalnya template saya beda kode" nya, tp skr gak lg, thanks infonya :)

    BalasHapus
  48. semakin Lama semakin enggak kebagian pertamax nih, hehehehe.......
    -----------------
    semoga sudah sehat, om.

    BalasHapus
  49. Postingan yg menarik sob, ntar ada waktu aQ mau coba!!! Thanks,, :)

    BalasHapus
  50. thanks infonya sob, menarik tuk dcoba,..

    BalasHapus
  51. wah selalu ada yang baru dan ngga kebagian pertamax ...

    BalasHapus
  52. wow keren sob ane boleh caba nih

    BalasHapus
  53. Keren sob artikelnya,,ijin coba ya...:10

    BalasHapus
  54. Hebat sekali merubahnya jadi gambar.
    Mantap gan

    BalasHapus
  55. Berkunjung pagi.
    Trims tipsx

    BalasHapus
  56. Mampir tuk menuntut ilmu disini berguru sama master

    BalasHapus
  57. Sgera dicoba...........mampir n komen balik

    BalasHapus
  58. wah ramenya plennnnn..... kunjungabn balik.. oya contoh postinga yang ada judul gambar di mana plenn?

    BalasHapus
  59. Weleh2...aku kira apa maksud postingannya Sob...ternyata judul Sidebar toh......emank bagus tuh Sob....bikin Fresh.... aku coba di blog yg satunya deh ntar.......makasih Info'y Sob......Suskes slalu....

    maaf aku baru bisa mampir Sob...
    :10

    BalasHapus
  60. Wah makin hari maz muzzy makin pinter..
    kwkwkwkw

    o yaw... soal blog q tu iya btul.. siap begadang aq buat mbela2in piala dunia.. kwkwkw

    ikut gag???

    BalasHapus
  61. Ilmune selalu fresh, meguru sing wingi sik durung lulus, wis metu ilmu anyar. hhhh
    tapi trus tak coba belajar soko Bopo Guru Perguruan Silat Belajar Ngeblog

    BalasHapus
  62. triks bagus gan... tapi ati2 gan ntar loding blognya berat gara2 byk gbrnya.. ;)

    BalasHapus
  63. mas muzzy ini pinter banget cari ide ya ..... keren banget trik nya

    BalasHapus
  64. bikin loading blog jadi lama gak nich ????

    BalasHapus
  65. jadi tambah menarik tulisannya, kapan2 pengen di terapin di blog aku juga ah, makasih ya

    BalasHapus
  66. tambah menarik aja ya, thanks infonyaa
    pengen juga ikut praktek ni

    BalasHapus
  67. wah mantap nih postinganya, baca-baca dulu ah....

    BalasHapus
  68. Great post! Patut dicoba neh.. Komen juga ya sekali waktu..Thanks!

    BalasHapus
  69. wah sepertinya mantap nih,, ane cuba dulu ah...

    BalasHapus
  70. Maaf baru mampir nih sob, maklum sibuk.
    Boleh juga triknya, sayangnya ukuran imagenya gak disebutin. Soalnya kalo ukurannya tidak sesuai dengan lebar sidebar, pasti kliatan kurang indah.

    Gud trik sob...

    BalasHapus
  71. lanjutkan sobat ... bermanfaat dan membantu. Salam

    BalasHapus
  72. cek kulkas gan...
    cendol sent :toast :49

    BalasHapus
  73. wah jadi keren ya...
    oia , agan kaskuser juga ya...
    apa id kaskusnya??

    BalasHapus
  74. wah.,.keren nihh..
    boleh coba...??

    BalasHapus
  75. mantab sob...
    bisa membuat tampilan blog jadi makin menarik tuk dilihat...
    thx buat infonya sob..

    BalasHapus
  76. sip sob, bisa jadi acuan nanti nih, hehehe ;) kunjungi blog saya jg ya ...

    BalasHapus
  77. nice info sahabatku....
    keep blogging yo....

    BalasHapus
  78. keren artikenya sob..harus cari ide neh mo di ganti gambar apa yng cocok

    BalasHapus
  79. oh ternyata begitu toh...trimakasih bos ilmunya

    BalasHapus
  80. wah...sob...artikelnya bagus sob. tapi kok gue gak mudeng2 ya...
    ya.......h maklum msh newbie

    BalasHapus
  81. good info sob, salah satu pilihan buat mempercantik blog....

    BalasHapus
  82. hoohhh bisa di ganti juga yaaa,,,,
    mantap nih :)

    BalasHapus
  83. wah, mantap nih sob :D tapi sy lg OK dg blog sy yg sekarang

    BalasHapus
  84. Mantab... thanks tutornya....

    BalasHapus
  85. owh bisa diotak atik juga ya..... kalo ingin saya coba deh...

    BalasHapus
  86. Informatif dan ilmunya mau dicoba di blogku.

    BalasHapus
  87. keren infonya memang dicari...makasih

    BalasHapus
  88. bagus nih, aku jg pake cara ini, praktis :)

    BalasHapus
  89. yupz mak nyos! mksih atas tutorianya.

    BalasHapus
  90. waahh.. makasih banget ya infonya !

    BalasHapus
  91. Maaf, saya udah coba, tapi untuk kolom followers nya tidak bisa diubah. Kira2 kenapa ya?

    BalasHapus
  92. makasih atas infonya
    saya sagat terbantu

    BalasHapus
  93. Thank's gan, ini sangat membantu.
    'udah ane praktekin 'n berhasil, sekali lagi thanks ya

    BalasHapus
  94. kl followers nya kok sy gak bisa di ganti ya ? tlg di bales :)

    BalasHapus
  95. aol|[url=http://www.google.co.uk]google[/url]
    [url=http://www.google.co.uk rel=dofollow]google[/url]
    http://www.fashiontv.com/
    [link=http://www.google.co.uk]google[/link]
    fashion
    s

    BalasHapus
  96. susah gimana sih caranya yang lebih muda

    BalasHapus
  97. Menarik juga Mas Artikel nya
    Perlu di coba nih terima kasih salam sukses

    BalasHapus

Silahkan Sobat semua komentar disini. Segala kritik dan saran dari Sobat semua akan sangat berguna bagi kemajuan blog ini.