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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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.
102 komentar:
kak, itu cara gunain emoticon kaskusnya gimana? kalo diketik angkanya malah gabisa -,-
@ 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.
sering kutemukan yg seperti itu,,,
ternyata begitu to cara merubahnya...
thanks infonya....
Busyeeet infonya, Langsung dipraktekin ke TKP saja...
Mari kita Budayakan Tukar Komentar shobat
Wah ini keren sob, emank kudu dimodif judul gadgednya
Setelah dimodif, tampilannya memang jadi lebih menarik ya.
berkunjung kawan .. wah nambah ilmu ilmu lagi nih .. thanks atas info dan ilmunya ya sob .
keren tutorialnya sob, izin ngopy codenya ya sob, terima kasih.
:19 Keren Gan..... tapi loading blog bakalan jadi lambat ngga tuh kalo gadget nya buanyak... ??
Wuaduh emotnya ngga bisa yah?
Besok dicoba Gan.kepala berat nih tiap hari Online hehe nice post.
:10 haus Gan hehehhe numpang nge-juz neh...
terima kasih om, sangat bermanfaat untuk mempercantik tampiLan bLog. biar para pengunjung bisa tercerahkan matanya saat meLihat tempLate yang fuLL modifikasi.
Nais invoh gan,,,sangat membantu para blogger...
Sob, buat templates Artisteer berlakukah?
pak liek masih mikir untuk menggunakannya ... karena blog pak liek saat ini sudah diambang batas loadinganya ....
Wah ini mak nyus tenan kawan.
Judul bisa juga diganti gambar.
Thanks kang
Kunjungan pagi cari ilmu
Pinter tenan sampeyan cak.
Kapan2 tak copy ae
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
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.
mantap infonya sob
wah keren, ntar aku coba dech, hihihihiih, mksh yh infonya
keren gan :D
kreatif jg ni..blognya tambah keren...
wah....bisa dicobah tuh......thanks infonya gan....
apa ga ada pengaruh dengan loading web????
semakin mantab saja tips dan triksnya, salam
langsung dicoba sob ...
wow.... sdh peringkat 100ribuan...
thanks for the info
Great resource my friend.. :)
Keep Spirit
wahhh nice inpo sob.... gw coba ahhh
info yang menarik nih .......
wah tidak di pyngkiri lagi anda memang ahli dalam mengotak - atik blog1
Mantab infonya... keep posting...
owalah, makin manteb aja nih blognya kang, sukses selalu ^_^
wah.. makasih tipsnya gan! :10
poto ntu ya,iye bro,pacar ane tuh
btw ntu gimana caranya judul blog bisa ganti2 warna gt!!!
pngn dong bro!
@ Iplock : Coba baca DI SINI UNTUK CARA MEMBUATNYA
gitu ya cara mengubahnya...trims ya infonya
Nice info sob, oke2 nih tutorialnya, tetap semangat ngeblog dan berbagi ilmu terus
wah mantaf ntar dicoba aq lg ngurus yg laen dulu thx dah main ...
Ntar ane coba yah gan... makasih infonya. :D
Ilmu yang patut di coba.........
Boleh dicoba tuh!
Kok agak susah ya praktekinnya?
nice tutorial shob ...
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...
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
: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???
wah..mantap tuh gan.. boleh dicoba ni..
wahhh... mau nyoba ah... :)
wahh,, mantap infonya... tapi nanti kalo judul Gadget terlalu besar kan jelek juga....
sminggu kmaren saya jg prnh dpt ksulitan seperti ini, soalnya template saya beda kode" nya, tp skr gak lg, thanks infonya :)
semakin Lama semakin enggak kebagian pertamax nih, hehehehe.......
-----------------
semoga sudah sehat, om.
Postingan yg menarik sob, ntar ada waktu aQ mau coba!!! Thanks,, :)
thanks infonya sob, menarik tuk dcoba,..
wah selalu ada yang baru dan ngga kebagian pertamax ...
wow keren sob ane boleh caba nih
Keren sob artikelnya,,ijin coba ya...:10
Hebat sekali merubahnya jadi gambar.
Mantap gan
Berkunjung pagi.
Trims tipsx
Mampir tuk menuntut ilmu disini berguru sama master
Sgera dicoba...........mampir n komen balik
wah ramenya plennnnn..... kunjungabn balik.. oya contoh postinga yang ada judul gambar di mana plenn?
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
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???
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
triks bagus gan... tapi ati2 gan ntar loding blognya berat gara2 byk gbrnya.. ;)
mas muzzy ini pinter banget cari ide ya ..... keren banget trik nya
mantap om
bikin loading blog jadi lama gak nich ????
jadi tambah menarik tulisannya, kapan2 pengen di terapin di blog aku juga ah, makasih ya
tambah menarik aja ya, thanks infonyaa
pengen juga ikut praktek ni
wah mantap nih postinganya, baca-baca dulu ah....
Great post! Patut dicoba neh.. Komen juga ya sekali waktu..Thanks!
wah sepertinya mantap nih,, ane cuba dulu ah...
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...
lanjutkan sobat ... bermanfaat dan membantu. Salam
cek kulkas gan...
cendol sent :toast :49
wah jadi keren ya...
oia , agan kaskuser juga ya...
apa id kaskusnya??
wah.,.keren nihh..
boleh coba...??
mantab sob...
bisa membuat tampilan blog jadi makin menarik tuk dilihat...
thx buat infonya sob..
sip sob, bisa jadi acuan nanti nih, hehehe ;) kunjungi blog saya jg ya ...
nice info sahabatku....
keep blogging yo....
keren artikenya sob..harus cari ide neh mo di ganti gambar apa yng cocok
oh ternyata begitu toh...trimakasih bos ilmunya
wah...sob...artikelnya bagus sob. tapi kok gue gak mudeng2 ya...
ya.......h maklum msh newbie
good info sob, salah satu pilihan buat mempercantik blog....
hoohhh bisa di ganti juga yaaa,,,,
mantap nih :)
wah, mantap nih sob :D tapi sy lg OK dg blog sy yg sekarang
boleh dcoba tuh...
Mantab... thanks tutornya....
owh bisa diotak atik juga ya..... kalo ingin saya coba deh...
Informatif dan ilmunya mau dicoba di blogku.
keren infonya memang dicari...makasih
bagus nih, aku jg pake cara ini, praktis :)
yupz mak nyos! mksih atas tutorianya.
:17
waahh.. makasih banget ya infonya !
Maaf, saya udah coba, tapi untuk kolom followers nya tidak bisa diubah. Kira2 kenapa ya?
makasih atas infonya
saya sagat terbantu
Jangan Lupa Kasih Komentar Ya...
Silahkan Sobat semua komentar disini. Segala kritik dan saran dari Sobat semua akan sangat berguna bagi kemajuan blog ini.