Kalo kita membuka website atau blog, biasanya ada icon di sambing Address Bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini .Tapi jika kita tidak puas dan ingin mengganti dengan icon lain bisa saja. Contohnya seperti icon Jempol di Tab Bar Blog ini.
Nah berhubung kebetulan ada teman yang nanya soal cara mengganti icon tersebut, maka kali ini saya akan coba buat tutorial singkat tentang hal tersebut. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel. Setelah itu upload file icon yang udah dibuat tadi ke Photobucket atau web sejenisnya. Tapi kalo kalian males untuk membuat icon sendiri bisa langsung cari aja di Google gambar sesuai dengan keinginan dan ukurannya.
Setelah itu masuk ke Dashboard --> Layout --> Edit HTML dan tempatkan kode/script berikut tepat sebelum kode </head> (biar gak repot cari dengan CTRL+F).
Nah berhubung kebetulan ada teman yang nanya soal cara mengganti icon tersebut, maka kali ini saya akan coba buat tutorial singkat tentang hal tersebut. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel. Setelah itu upload file icon yang udah dibuat tadi ke Photobucket atau web sejenisnya. Tapi kalo kalian males untuk membuat icon sendiri bisa langsung cari aja di Google gambar sesuai dengan keinginan dan ukurannya.
Setelah itu masuk ke Dashboard --> Layout --> Edit HTML dan tempatkan kode/script berikut tepat sebelum kode </head> (biar gak repot cari dengan CTRL+F).
<link href='http://saungsandy.blogspot.com/ikongue.gif' rel='SHORTCUT ICON'/>
Ganti kode yang dicetak warna merah dengan link gambar yang kalian inginkan. Setelah itu SAVE dan selesai deh...
FOR BONUS
Skalian saya kasi tutorial tentang caran membuat text berjalan di Tab Bar. Caranya gampang, tinggal tempatkan kode/script berikut setelah kode <head>
FOR BONUS
Skalian saya kasi tutorial tentang caran membuat text berjalan di Tab Bar. Caranya gampang, tinggal tempatkan kode/script berikut setelah kode <head>
<script language='JavaScript'>var txt="Welcome To Saung Sandy ";
var kecepatan=130;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
var kecepatan=130;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
dapetttt ilmu...senengNa,ntr mauuuu nyobain jg dech:))
ReplyDeleteThengkyu Sandy^^
Yuhuu..sama2...:D
ReplyDeletetq mas saya lagi nyoba hehe
ReplyDeletesaya sudah nyoba cara gnti icon tp ggal....
ReplyDeletesy nyoba pakai wordpress. berhasil! :-D
ReplyDelete@Make Ur_LiFe : Coba dicek lagi mungkin ada step yg kelewat...:D
ReplyDeletethanks...
ReplyDeleteKok Gak Bisa Malah Error ,, Tolong Pencerahaannya Thx's
ReplyDeletesama ko error klo pakai blogger,,,,,,,,
ReplyDeletegagal mass ,,
ReplyDeletesaya pakai bloger ,,
gak bisa mas bro. saya pake blogger.
ReplyDeletekalo teks berjalannya bisa, yg gak bisa ganti iconnya. mohon dibantu ya..
ReplyDeletehedeh
ReplyDeletemas,,cara buat table komentar di blog gimana..?
ReplyDeleteBuat yang masih gagal coba di baca lagi step2 nya...
ReplyDelete@logan : maksudnya tabel komentar apa ni? belum paham maksud km...:)
Makasih Info, saya udah coba & dua_duax brhasiL. . .
ReplyDeletesaya pke photobucket trus piLih direct Link. . .
sangat berguna bagi saya yang masih amatir :)) thanks yaaa sekalian juga tolong follow blog saya ada tutorial juga :D
ReplyDeletethx infonya..
ReplyDeletetrims gan tipsnya...mampir ke gubug ku ya? Ditunggu caci makinya..hehehe...
ReplyDeletekaci yaa
ReplyDeletemakasih mas bro...
ReplyDeleteKeren..
ReplyDeletetop markotop
ReplyDeleteThanks Mas ya
ReplyDeletethanks atas scriptnya
ReplyDeletekebetulan gw baru belajar ni.,
ReplyDeletethanxz yya infonya,,, :)
thx infrmsx
ReplyDeleteMakasih ya banggggggg
ReplyDeletetes
Deleteyoo gan thanks!
ReplyDeletemas tolong donkk caranya di jelaskan mas...
ReplyDeletekalo bisa di kasih gambar biar jelas
:D
(newbie)
wah keren juga, saya mau coba ah ke blog saya
ReplyDeletelumayan dapat tips baru
ReplyDeletekunjungi juga www.blackdakota.co.cc
Makasih gan ^^
ReplyDeletethnx bgt kk!!
ReplyDeleteOpen my blog ya. www.qolby-182.co.cc
salam kenal dik,, ilmunya sangat bermanfaat,, bila ada waktu ,singgah yah ke rumah.
ReplyDeleteMakasi Gan..........
ReplyDeleteartikel yang bagus mas,....
ReplyDeletedi tunggu kunjungan balik nya....
makasih ^ ^
dapat ilmu
ReplyDeletemakasih ia :)
OK mas bro..
ReplyDeleteudh di coba & berhasil
thx ilmunya.. =)
Ane uda follow...jagn lupa follback ya..di tunggu..!! heeeee..
ReplyDeletethanks ya bro, udah bisa :D
ReplyDeleteThanks ilmunya...
ReplyDeletethanks bgt gan tutornya bermanfaat bgt... salam bloger
ReplyDeletethanks ya :) BERHASIL ^^
ReplyDeletemantap dah! keep posting terus ya...
Sama-sama...
ReplyDeletehuhuhu...Senangnya diriku kalo postinganKu berguna buat orang lain :D
bisa d coba tuh...
ReplyDeleteo iya,,, gw bleh copy gk tuh?? buat postingan di blog gw??
mantap euy kang,,,, thanks ya kang,,,, sipp dah,,,
ReplyDeletewah mantep nich sob, coba ach...nice post
ReplyDeleteYang mau co basilahkan dicoba semoga sukses makmur lancar jaya sentosa selamanya!! :D
ReplyDeleteDan yang mau Copas Tutorial silahkan Copas Sesuka hati, Makin berguna bagi orang lain kan makin banyak Amal saya (Lumayan buat ngimbangin sama dosa).Xixixi
TAPI jangan lupa kasih Link http://saungsandy.blogspot.com tentunya...:D
mantap gan... thanks, jempol dah..
ReplyDeleteOKeh, nice !
ReplyDeleteMakasih atas infonya, semoga bisa diterapkan di blog saya =)
ReplyDeleteMakasih atas infonya ya gan
ReplyDeletemakasih ya ga info nya..
ReplyDeletehttp://iniblogane.blogspot.com
Makasih Atas Infonya kk....
ReplyDeletethanks infonya :D
ReplyDeleteaku nggak bisa nih T__T
ReplyDeleteCoba di cek lagi..mungkin ada Langkah2Nya yg belum benar..Semangat! :D
Deletesaya Langsung bisa
Deletewah mantap infonya ..
ReplyDeletesukses blog nya !!
kok susah ya. saya gagal tuch
ReplyDeletewah gampang., ne gantinya...
ReplyDeletebwt sobat2 baca dengan teliti dulu...!!
:D
trims mas buat infonya.. silahkan main ke blog-ku juga yah di http://nyemplungshops.blogspot.com.. sukses terus mas!
ReplyDeleteThis comment has been removed by the author.
Deletemantafff gan..monggo diliat hasilnya
ReplyDeletehttp://jayantimalang.blogspot.com/
hehehehe..
waah, sangat bermanfaat... akhirnya bisa juga... terimakasih informasinya ^^. kalau bisa silakan dilihat...
ReplyDeletewww.nadnadhifa.co.cc
makasih bro saya sudah coba semuanya ternyata hasilnya bagus juga bro
ReplyDeleteini alamat blog ku http://anggawar.blogspot.com/ makasih sudah berbagi ilmunya kk
DeleteAll : Thanks udah mampir ke Blog ini.. pagi ini gw akan jalan2 ke Blog kalian juga :))
ReplyDeletehalo bang sandy salam kenal :)
ReplyDeletemakasih bgt nh ilmunya hehe. jika ada waktu silahkan mampir ya ke blog gua http://jakaawaludin.blogspot.com/ hihi :p
thanks atas infonya sahabt
ReplyDeletethanks infonya mantab
ReplyDeletesaya suka template blog anda. simple + kreatif + menarik :)
ReplyDeletethanks buat tipsnya kawand..
#newbie :D
makasih infonya kakak..
ReplyDeletesangat membantu bagi saya yang masih pemula...
Thank's info nya bro..nice.
ReplyDeletelangsung berhasil dipercobaan pertama!!!
ReplyDeletethx....
buat yang belom berhasil coba perhatiin tanda petik satu di kode skripnya, kalo kehapus ga mungkin bisa, itu kemungkinan besar kehapus soalnya!!!!
maaf nyubi sedikit sotoy!!! :D
minta pollownya dong biar semangat nulis!!
here we go >>> http://thousand-links.blogspot.com
oh iya sekalian mau ngasih masukan!
ReplyDeletedi blog ini kalo ga mainin mouse kurang lebih 1 menit ada saving mode-nya ya?!
itu sedikit ganggu, tadi pas lagi baca2 eh tau2nya jadi gelap layarnya!!!
hihihihihihi, keren sih tapi ganggu pengunjung blognya!! :D
Iya dikasih Saving Mode nya biar Hemat energi #tsah :D
DeleteTapi Thanks masukannya yee..
visitback GAN
ReplyDeletekeren juga postinganya..n dah gue praktekin gan...
ReplyDeletefollow back ya gan...
http://arti-psikologi.blogspot.com/
tetep aja ga bisa gan...
ReplyDeleteudah teliti banget gan...
coba agan ganti icon blog agan, kl bisa coba tunjukin screenshoot penempatan kodenya ... ikon blog agan masih blogger.
makasih gan...
salam
http://belanjaonlineindonesia.co.cc
Oke deh...kalo masih ada yang gagal/gak ngerti cara ganti icon Blognya dengan cara ini. Saya akan buat Tutorial yang lebih mudahnya. klebetulan BLOGGER punya fitur baru sehingga kita gak perlu melalui edit HTML (kaya sebelumnya). Nih langsung aja di klik disini
ReplyDelete@ benny hidayat : aq posting hampir sama dengan postingan agan sandy57 ... cekidot,moga berhasil
ReplyDeletehttp://www.portalblogger.co.cc/2012/05/ganti-icon-blogger.html
mampirlah kebloggku ada kekurangan apam dibloggku
ReplyDeletehttp://sihombing-thedarkbing.blogspot.com/
sudah dicoba, ternyata bisa.. Makasih ^^
ReplyDeletemantep ni blog,.. standar tp menarik.. :)
ReplyDeleteMakasih gan Ilmunya
ReplyDeleteJangan Lupa Mampir Di Blogku Ya
http://hjgondes.blogspot.com/
jangan lupa difollow ya ntar gwa followback yg udah follow..
Thanks All..I'll visit back..:)
ReplyDeleteberhasil bang, makasih :)
ReplyDeletemampir ke blogku ya
http://limited-edition23.blogspot.com/
sippa gan..follow back my blog di aim-mualim.blogspot.com
ReplyDeletethankz..
makasih buat infonya.. visit to my blog ya.. :)) http://khusnulintheworld.blogspot.com
ReplyDeleteerror boss..
ReplyDeleteCoba lagi...:)
Deleteterima kasih infonya gan ,,,,mantap bangets
ReplyDeletemakasi ya kang ternyata berhasil succes
ReplyDeletemantap...
ReplyDeletemakasih qaqa :3
ReplyDeletemakacih....
ReplyDeletekok saya enggak bisa ya gan?
ReplyDeleteMakasih Infonya
ReplyDeletekeren gan ilmunya.. mampir ke blog ane gan www.supriatna.co.cc
ReplyDeleteMkasih infonya gan (^_^)
ReplyDeleteVisit blog aku ya: gustianime.blogspot.com
Follow juga ya,,ntar aku follow juga bagi yg ngefollow :)
Thanks
Mkasih infonya gan (^_^)
ReplyDeleteVisit blog aku ya http://1freeinvestment.blogspot.com/
salam blogger
thanks
Thanks juga ya..I'll visit yours too :)
ReplyDeletepostingan nya bagus gan
ReplyDeleteKok di aku kata2 welcomenya engga jalan ya ? Trus fotonya juga masih kayak biasa, emmm kira2 apa nya ya yg salah ? :(
ReplyDeletevisit juga ya http://fidyakhrahayu.blogspot.com/
Makasih sblumnya :)
@coba lebih teliti lagi gan dg kode2nya..pasti bisa kok. :)
ReplyDeletethanks... infony bermanfaat banget... ^_^
ReplyDeletePERTAMAXX
ReplyDeleteThanx bgt infonye, wat newbie seperti w...
ReplyDeleteit work
wehh keren gan...
ReplyDeleteThank Ya...
ReplyDeletemakasih infonya☺
ReplyDeleteSemoga blognya makin ramaaaiii hehehe
ReplyDeletekalo mau masukin gambar yang bergerak gimana
ReplyDeletemakasih banget yaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
ReplyDeleteGambarnya di Upload dulu gan bisa ke photobucket.com, stelah itu ambil link url gambarnya gan..
ReplyDeleteThanks gan :)
ReplyDeletesy dh nyoba pke ggle crome updaten terbaru gk bisa tampil....kenapa ya gan??tp klo pake firefox bisa....
ReplyDeletethan'x y Gan di blog ane work , lain kali mampir ya ke http://a7xgodhatesus.blogspot.com/ Di tunggu komentarnya
ReplyDeleteane dak bisa gan knp ya padahal dah ngikutin smua petunjuk gan, mohon bimbingan
ReplyDelete-salam bebek
agan, follow back donk agan. .,
ReplyDeletehehe
salam blogger ya
http://drafterkita.blogspot.com/
mantaf gan blognya
ReplyDeleteGan kok kok ane malah gagal? malah blog ane sekarang katanya kena malware T.T
ReplyDeleteiseng-iseng buka ngedit blog lagi, sekitar 2 tahun yang lalu aq coba, sekarang tak coba lagi, masiiiih saja gak bisa, kenapa yaa??
ReplyDeleteMantap ternyata bisa terima kasih gan
ReplyDeleteWow, Setelah ane coba di blog ane ternyata WORK ! :)
ReplyDeletethanks iya gan buat informasi nya ..
mampir juga ke blog ane gan .. makasih :)
ikuttt bilang makasih ahhh....
ReplyDeletemampir ya' . http://unyublast.blogspot.com
makasih, lagi :)
Gan Masih Kagak Ngarti Pas yang ini.>>
ReplyDeleteGanti kode yang dicetak warna merah dengan link gambar yang kalian inginkan. Setelah itu SAVE dan selesai deh...]
Cara tau link gambar dari mana..???
iya gan bener, dah tak coba dan BERHASIL, makasih triknya ya , ,, ,,,
ReplyDeletebagus gan..punya belum ada iconnya.ijin sedot
ReplyDeleteThis comment has been removed by the author.
ReplyDeletethaks kunjungi juga ya blog ane http://ilhamaf2.blogspot.com/
ReplyDeletega bisa mas....
ReplyDeleteizin sedon gan
ReplyDeletethanks gan infonya
ReplyDeleteGan, Blog saya law dibuka di Firefox bisa icon na, tpi klw di google chrome knapa g bsa gan????
ReplyDeletetolong ya gan
:)
sebelum (/head) maksudnya gimana? :)
ReplyDeleteDateng juga yah di blog ku, cerita-cerita khayalan dan nyata www.dien-galuh.blogspot.com atau http://dien-galuh.blogspot.com
Saya juga ada artikel serupa di blog Desainew
ReplyDeletekalau ada informasi lain seputar ini perbaharui aja gan
ReplyDeletekujngan balik ya
ReplyDeletewww.henfuu.blogspot.com
kunjungin ya :D
ReplyDeletemasih baru communicationscienceunmul@blogspot.com
kalau di wix.com bsa gk?
ReplyDeleteterima kasih, lgsg saya coba
ReplyDeleteGk Ngerti -_-
ReplyDeleteDi Baca Lagi aja kawan, yg lain bisa pasti dirimu juga bisa :)
Deleteudah saya coba, dan berhasil
ReplyDeletethanks infonya mas sandy :D
Thanks...dude! even it doesn't work yet.
ReplyDeletemudah dimengerti artikelnya... mantab sob, thanks
ReplyDeletebisa dicoba nih kayaknya...
ReplyDeleteninggalin jejak dulu ah di sini..
terima kasih udah di bagi ilmunya
ReplyDeleteterima kasih xoxoxo membantu sekaliiii
ReplyDelete