Welcome Guys!
Selamat datang di Deby's Blog dan jangan lupa komentarnya ya. Welcome to Deby's Blog. Have a nice visit and don't forget to leave your comments ^_^

Senin, 25 April 2011

Cara Mengganti Icon Blogger

Setelah sekian lama tidak membuat tutorial blogger, kali ini saya akan berbagi ilmu tentang bagaimana mengganti icon blogger pada blog kita dengan icon kita sendiri. Dengan ini teman-teman blogger dapat mengganti atau menyesuaikan icon blog-nya dengan icon teman-teman sendiri.

Icon menurut saya sih tidak terlalu penting namun dapat memberikan kesan tersendiri pada blog tersebut. Lumayan lah untuk mempercantik blog kesayangan kita. Ini menurut saya sih. hehe.

Untuk mengganti icon tersebut, yang kita perlukan adalah ::
  1. Icon yang sudah kita persiapkan, dengan ukuran 24x24 up to 32x32
  2. Blog yang mau kita ganti iconya tentunya.
Pada kebanyakan tutorial yang saya temukan, mereka menyarankan agar mengupload icon tersebut pada foto hosting yang lain. Namun saya berpikiran, kenapa kita tidak menguploadnya pada blogger saja. Jadi setelah saya coba-coba dan berhasil, inilah caranya, eksklusif by Deby's Blog.
  1. Upload icon teman-teman pada kolom posting seperti upload foto pada umumnya.
  2. Temukan link icon teman-teman pada tab Edit HTML. Hasilnya seperti berikut, dan yang merah adalah link dari icon teman-teman.
    <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhghQ1BSYpXxRx7rmAWoP4UJ70UontTwL0OtoTmkCd1t7OeDBUXWpdChO8Lg0179XGvcFyFlX5aITdiHuqLeWKrWQj-gZe5hHRwLOQw8Dkuw39AF2DFCQeDX69scQlFT0yJzRoxJ16S2M2N/s1600/Deby%2527sBlog_32.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhghQ1BSYpXxRx7rmAWoP4UJ70UontTwL0OtoTmkCd1t7OeDBUXWpdChO8Lg0179XGvcFyFlX5aITdiHuqLeWKrWQj-gZe5hHRwLOQw8Dkuw39AF2DFCQeDX69scQlFT0yJzRoxJ16S2M2N/s320/Deby%2527sBlog_32.png" width="32" /></a></div>
  3. Go to "Rancangan -> Edit HTML dan jangan lupa klik "Expand Template Widget"
  4. Cari kode berikut pada kode HTML. Gunakan fasilitas find dengan tekan Ctrl + F
    </head>
  5. Paste kode berikut sebelum kode di atas
    <link href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhghQ1BSYpXxRx7rmAWoP4UJ70UontTwL0OtoTmkCd1t7OeDBUXWpdChO8Lg0179XGvcFyFlX5aITdiHuqLeWKrWQj-gZe5hHRwLOQw8Dkuw39AF2DFCQeDX69scQlFT0yJzRoxJ16S2M2N/s1600/Deby%2527sBlog_32.png" rel="SHORTCUT ICON">
  6. Sesuaikan teks yang berwarna merah dengan link icon teman-teman sendiri.
  7. Simpan template dan Icon teman-teman akan berubah. 
Sebelum diganti
Setelah diganti
Selamat mencoba dan jangan lupa komentarnya ya (^_^)

Related Posts:

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o
:-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =)) XD :-x :-p :S :@

Posting Komentar

Silahkan bagi teman-teman untuk meluangkan waktunya memberikan sedikit komentar untuk kemajuan Deby`s Blog ini. Untaian kata anda sangat berarti bagi Kami,, :D

Related Posts Plugin for WordPress, Blogger...