ane bukan berniat mengajari atau menggurui, kalo ada yang merasa ane seperti itu, ane mohon maaf ya...
disini ane cuma mau belajar dan berbagi, semoga berkah, he...
cara membuat image menjadi sebuah link nggak susah kok yang penting ada gambarnya, he, dan yang penting lagi gambarnya harus menarik, itu sih menurut gue..daripada berpanjang lebar, ini nih caranya :

• Upload Photo di Google Foto atau Photo Bucket

• copy Url photo kamu yang udah di upload tadi, biar lebih mudah di notepad contoh : http://i1076.photobucket.com/albums/w444/semuaadalho/Picture1-2.jpg

• buka link yg kamu mau, simpan url nya, contoh http://bagikomputer.blogspot.com/

• kemudian kamu bikin seperti ini :

<a href="http://i1076.photobucket.com/albums/w444/semuaadalho/Picture1-2.jpg" target="_blank"><img src="http://bagikomputer.blogspot.com/" alt=""></a>

• masukkan kode diatas yang telah kamu rubah seperti yang kamu inginkan ke dalam gadget HTML/script yang merupakan gadget blogger di opsi tata letak (biar lebih jelas, lihat membuat menu horizontal di blogger)

•  selesai dan berhasil

menu horizontal di blog selain memperindah blog kamu, juga untuk mempermudah pengunjung mengakses posting sesuai keinginan mereka. bagi kamu yang pengen memasang menu horizontal, ni ane kasih tutorial singkat dan mudahnya.

• seperti biasa kamu harus sudah login ke blog menu 
• pilih template, edit HTML dan centang expand nya
• cari kode " ]]></b:skin> "
• letakkan kode  

#tabshori {

float:center;

width:100%;

font-size:13px;

border-bottom:0px solid #2763A5; /* Garis Bawah*/

line-height:normal;

}

#tabshori ul {

margin:0;

padding:10px 10px 0 50px; /*Posisi Menu*/

list-style:none;

}

#tabshori li {

display:inline;

margin:0;

padding:0;

}

#tabshori a {

float:center;

background: url("http://i1076.photobucket.com/albums/w444/semuaadalho/Picture2.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabshori a span {

float:center;

display:block;

background: url("http://i1076.photobucket.com/albums/w444/semuaadalho/Picture2.gif") no-repeat right top;

padding:5px 14px 4px 4px;

color:#fff;

}

#tabshori a span {float:none;}

/* End IE5-Mac hack */

#tabshori a:hover {

background-position:0% auto;

}

#tabshori a:hover span {

background-position:100% auto;

} 

diatas kode ]]></b:skin>  tadi

• save template kamu.

jika kamu ingin mengganti gambar tab, kamu tinggal mengganti background: url("http://superinhost.com/gambar/blackleft.gif") no-repeat left top; url didalam kurung itu aja

langkah selanjutnya yang perlu kamu lakukan adalah

• kembali  ke menu tata letak, tambah gadget pilih " HTML/JavaScript " 
• di dalam kontent nya diisikan kode dibawah ini

 <div id="tabshori">

    <ul>

    <li><a href='http://semua-ada-lho.blogspot.com/'>home</a></li>

    <li><a href='http://semua-ada-lho.blogspot.com/search/label/Islami'>Islamic Corner</a></li>

    <li><a href='http://semua-ada-lho.blogspot.com/search/label/Pendidikan'>Pendidikan</a></li>

    <li><a href='http://semua-ada-lho.blogspot.com/search/label/Kesehatan'>Kesehatan</a></li>

    <li><a href='http://semua-ada-lho.blogspot.com/search/label/Anak%20dan%20bayi'>Anak & Bayi</a></li>

    </ul>

    </div>

• gantikan yang berwarna merah seperti yang kamu mau
• sedangkan yang berwarna pink kamu ganti dengan url kamu
• simpan dan selesai

dibeberapa template mungkin tidak bisa, tenang saja, kamu gantikan 

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='semuanya ada disini (Header)' type='Header'>

<b:includable id='title'>

menjadi 

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

<b:widget id='Header1' locked='false' title='semuanya ada disini (Header)' type='Header'>

<b:includable id='title'>

semoga berhasil

banyak blogger yang menghilangkan Navbar agar tampilan blog nya menjadi lebih elegan. cara menghilangkan Navbar di blogger tu nggak susah kok. langsung ke TKP ya,he

1. login ke Blogger
2. buka opsi template dan centanglah expand widget nya,
3. cari kode  ]]></b:skin> ,
4. letakkan kode script '  #navbar-iframe {display: none;}  '(tanpa tanda petik),
5. simpan atau save template,
6. kamu sudah berhasil menghilangkan atau menyembunyikan navbar di blog kamu

itu aja, nggak susah kan?