JRTR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Berbagi informasi online, komputer, tutorial blogger, template untuk blogger, tips trik blogger.

Ahad, 3 Jun 2012

Cara Pasang Menu Horizontal Sederhana di Blog

Beberapa hari yang lalu aku di tanya temanku tentang bagaimana cara memasang menu horizontal pada template blogger,Dia bertanya melalui handphone dan menggunakan type nokia 3310

Sebenarnya sama,Aku kemarin juga bingung soal pasang menu horizontal di blog,Untung saja ada paman saya yang ngasih ( paman Google ).Searang ilmu dari pamanku aku turunkan ke shobat blog pemula seperti aku ini,,,langsung aja ya...

Jika sobat ingin memasang menu horizontal di bawah header blog di template perancang blogger,Silah kan ikuti langkah2 berikut:

1 , Login ke blogger--
2 ,Pilih Rancangan-
3 ,Klik Tambah gadget yang di bawah header
4 ,Pilih gadget HTML/JavaScript--lalu paste kode html di bawah ini:
<ul id='nav'> 
<div class='section' id='crosscol'><div class='widget linklist' id='linklist1'> 
<div class='widget-content'> 
<ul> 
<li><a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/I%20Love%20Islam'>I LOVE ISLAM</a></li> 
<li><a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Tipc%20dan%20Cara%20Komputer'>KOMPUTER</a></li> 
<li><a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Tips%20dan%20Trick%20Faceebook'>TIPS FACEBOOK</a></li> 
<li><a class='current' href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Tips%20dan%20cara%20Blogspot'>TIPS BLOGSPOT</a></li> 
<li><a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Donlowad%20Software%20Komputer'>DONLOWAD</a></li> 
<li><a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Seputar%20Cerita%20Seksualitas'>SEKSUALITAS</a></li> 
<li><a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Selintas%20Berita%20Bojonegoro'>LINTAS BOJONEGORA</a></li>
<li><a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Sosial%20Cinta%20dan%20Budaya'>CINTA DAN BUDAYA</a></li>
</ul> 
<div class='clear'/> 

<div class='clear'/> 
</div> 
</div></div> 
</div></div></ul>

Mudah kan,,,
Dan perlu ketahui Ganti yang warna biru dengan link yang shobat pilih,di blog shobat,,,
Ganti merah sesuai keinginan shobat...
Terakhir simpan gadget...dan lihat hasilnya...pasti hasilnya persis dengan yang saya pasang di blog ku.
Sampai di sini dulu semoga bermanfaat....

JokoRowoTlogoRejo Beri Komentar
Bagikan kepada teman!
Garis
300 x 250

0 komentar:

Catat Ulasan

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by JRTR Copyright © 2014 ~ 2015 Powered by Blogger
TOP