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

107 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 pukul 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. Besok dicoba Gan.kepala berat nih tiap hari Online hehe nice post.

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

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

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

    BalasHapus
  14. Sob, buat templates Artisteer berlakukah?

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

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

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

    BalasHapus
  18. 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
  19. 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
  20. wah keren, ntar aku coba dech, hihihihiih, mksh yh infonya

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

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

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

    BalasHapus
  24. semakin mantab saja tips dan triksnya, salam

    BalasHapus
  25. wow.... sdh peringkat 100ribuan...


    thanks for the info

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

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

    BalasHapus
  28. info yang menarik nih .......

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

    BalasHapus
  30. Mantab infonya... keep posting...

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

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

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

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

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

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

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

    BalasHapus
  37. 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
  38. 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
  39. :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
  40. wah..mantap tuh gan.. boleh dicoba ni..

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

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

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

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

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

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

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

    BalasHapus
  48. Hebat sekali merubahnya jadi gambar.
    Mantap gan

    BalasHapus
  49. Berkunjung pagi.
    Trims tipsx

    BalasHapus
  50. Mampir tuk menuntut ilmu disini berguru sama master

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

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

    BalasHapus
  53. 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
  54. 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
  55. 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
  56. triks bagus gan... tapi ati2 gan ntar loding blognya berat gara2 byk gbrnya.. ;)

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

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

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

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

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

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

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

    BalasHapus
  64. 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
  65. lanjutkan sobat ... bermanfaat dan membantu. Salam

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

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

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

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

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

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

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

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

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

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

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

    BalasHapus
  77. Mantab... thanks tutornya....

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

    BalasHapus
  79. Informatif dan ilmunya mau dicoba di blogku.

    BalasHapus
  80. keren infonya memang dicari...makasih

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

    BalasHapus
  82. waahh.. makasih banget ya infonya !

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

    BalasHapus
  84. makasih atas infonya
    saya sagat terbantu

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

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

    BalasHapus
  87. 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
  88. susah gimana sih caranya yang lebih muda

    BalasHapus
  89. 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.