Oke, sobat blogger yag saya hormati,, selamat pai, malam, sore, siang..sekarang saya akan berbagi pengalaman kepada sobat blogger yaitu bagaimana Cara Pasang Postingan ke Menu Horizontal Blog. Tapi sebelumnya blog sobat haru punya menu horizontal dulu agar postingan sobat bisa dimasukkan ke menu tersebut. Tidak usah berpanjang lebar, sekarang kita langsung saja ke tutornya :
- Login ke blog
- pilih Template
- Edit HTML
- pilih lompat ke widget
- klik header1 pada lompat ke widget tadi
- dan cari kode skrip seperti berikut :
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFB2kR2E1-IOAYF_izAitA8virb3S5MRro7dQdnL4Pw2Z9OZx-PJnP-EpR6tMQkHPL60qYJPLuJbGKsW6OZ-HdUlCHNXQajXOjYpOrplYNdCpaiJeafH2p_TJNl_F8hcaTKxWBlqE3QqGb/s0/home_white.png' style='padding:0px;'/> home</a></li>
<li><a href='http://desainblogkeren.blogspot.com/p/blog-page.html'>About Us</a></li>
<li><a class='trigger' href='#'>Contact Us</a>
<ul>
<li><a href='http://desainblogkeren.blogspot.com/p/hubungi-kami.html'>Kirim Pesan</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='http://desainblogkeren.blogspot.com/p/blog-page_14.html'>Pasang Iklan</a></li>
<li><a href='http://desainblogkeren.blogspot.com/p/blog-page_15.html'>Berita Terkini</a></li>
<li><a class='trigger' href='#'>Download</a>
<ul>
<li><a href='http://desainblogkeren.blogspot.com/p/download-mp3.html'>Download Mp3</a></li>
<li class='hr'/>
<li><a href='#'>Movie</a></li>
<li class='hr'/>
<li><a href='#'>Television</a></li>
</ul>
</li>
<li class='selected2'><a href='http://desainblogkeren.blogspot.com/p/blog-page_13.html'>Info Kesehatan</a></li>
<li class='selected'><a class='trigger' href='#'>More</a>
<ul>
<li><a href='http://desainblogkeren.blogspot.com/p/blog-page_2499.html'>Site Maps</a></li>
<li class='hr'/>
<li><a href='http://desainblogkeren.blogspot.com/'>Tutorial</a></li>
<li class='hr'/>
<li><a href='http://desainblogkeren.blogspot.com/'>Resource</a></li>
<li class='hr'/>
<li><a href='http://desainblogkeren.blogspot.com/p/blog-page_14.html'>Advertise</a></li>
<li class='hr'/>
<li><a href='http://desainblogkeren.blogspot.com/'>Javascript</a></li>
</ul>
</li>
</ul>
7. Isilah link postingan sobat pada tanda ('#') tanda pagarnya di hapus saja, lihat contoh berikut :
<li class='selected'><a class='trigger' href='http://desainblogkeren.blogspot.com/2013/12/cara-membuat-tombol-shareaholic-pada.html'>More</a>
8. Simpan template sobat dan lihat hasilnya..
Demikian tutor ini saya tulis, semoga bermanfaat. Jika sobat blogger berhasil memasang postingan ke menu horizontal jangan lupa like postingan ini. Good Luck For you ....







0 komentar:
Post a Comment