Tuesday, September 11, 2012

Cara pasang kata sambutan ( informasi )di header blog

Tutorial-Onlineku.Bagi anda yang mau pasang code informasi blog untuk Blog toko online shops seperti screenshot di bawah ini,Siloahkan ikuti tutorialnya di bawah ini.

Caranya sebagai berikut:
1.Login ke akun blooger anda.
2.Masuk ke doshbor blog anda
3.Klik tab Rancangan dan centang Expan wedget
4.Cari kode ]]></b:skin>
5.Simpan code di bawwah ini di atas code ]]></b:skin>

/* INFO
----------*/
.info{width:525px;font-family:Tahoma,sans-serif; font-size:13px; color:#000000; padding:5px 5px 5px 5px; margin-bottom:10px; overflow:hidden;border:1px solid red;}
.info img{float:left;padding:0 10px 0 0;}
.more{padding:10px; display:block}
.info p{width:525px; float:left; padding:0 0 12px 0}
#inside{padding:15px 0 0 17px; float:left
}

/* PRODUK TERBARU
--------------------*/
.produkterbaru {
color: red;
font-family: Tahoma,sans-serif;
font-size: 11px;
margin-bottom: 0;
overflow: hidden;
padding: 0 5px;
width: 575px;
}
.produkterbaru h5 {
border-bottom: 2px solid #EFE7EF;
bottom: 5px;
color: red;
font-size: 12px;
font-weight: bold;
margin: 0;
text-align: left;
}
.produkterbaru img{float:left;padding:0 10px 0 0;}
.more{padding:0; display:block}
.produkterbaru p{width:575px; float:left; padding:0 0 12px 0}
#inside{padding:15px 0 0 17px; float:left
}

6.Cari code.<div id='main-wrapper'> lalu simpan code di bawah ini tepat di bawah code <div id='main-wrapper'>

<div class='info'>
<img alt='' height='120' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsie4BNjERFb6WHK_e170-uMr9d7sGVgW07VljfGtm6Ay-cE_O8-nf2MJEv82mPdNLeII1SVQpDJiaP9FoWs7nYiHKGjMgtT3CF3YHZ8KpEVQfagB9IzqxGR1-SWQ7ci8YuPzFAnpWXqk/s1600/callcenter1.jpg' width='100'/> <h3>Selamat datang di Toko Online Kami</h3>
Silakan Anda berbelanja di Toko Online Kami ini dengan aman dan nyaman. Apabila Anda memiliki pertanyaan, customer Kami yang sedang online akan dengan sangat senang hati dan ramah dalam melayani Anda saat bertransaksi. Jika Kami sedang offline, Anda masih bisa mengirimkan pertanyaan atau permintaan bantuan mengenai produk kami melalui email , BB, maupun YM.Terima kasih
</div>
<div class='produkterbaru'>
<h5>PRODUK TERBARU</h5>
</div><br/>

7.Save tamplate anda dan silahkan lihat hasilnya..GudLuck,Atau anda mau pasang slider pada blog anda silahkan lihat ( tutorialnya di sini ) semoga bermanfaat buat kaum blogger setia.

Judul: Cara pasang kata sambutan ( informasi )di header blog ; Ditulis oleh Unknown; Rating Blog: 5 dari 5