Tampilkan postingan dengan label Navbar. Tampilkan semua postingan

Minggu, 06 Mei 2012

Membuat Navbar / Tool Bar Share di Bawah Blog

Tambahkan Widget Tool Bar Share Social Network di Blog Kamu

Dulu pernah kami share ya seputar membuat navbar sederhana,namun bukan navbar seperti itu yang akan kita bahas gan.
Lihat screenshot gambar ini,ini adalah widget toolbar yang gratis tentunya dari:
wibiya.conduit.com
,or jika 'beliau' ini masih memberikan kami kesempatan untuk memasangnya,sobat bisa lihat tool bar dibawah blog ini.

Klik gambar untuk tampilan lebih besar:

Seperti sobat lihat,navbar ini sangat efektif sekali apalagi didukung dengan tampilan bantuan script yang sangat menarik.
Betul kita dapat membagikan artikel maupun blog yang kita miliki ke semua social network seperti twitter,facebook,kirim email,print bahkan mensubmit ke directory terkenal seperti reddit.

Wah,keren juga ya sob,gimana sih cara dapetinnya?

1.Silakan klik di SINI,dan klik tombol 'GET IT NOW!'

Klik gambar untuk tampilan lebih besar:

navigasi bar tool share social network bottom blogger

2.Selanjutnya,isikan url dari blog yang sobat miliki,misal
http://indonesianbiggestdirectories.blogspot.com,lalu klik tombol 'Create Now'

Klik gambar untuk tampilan lebih besar:

cara membuat bar tool jquery dibawah bagian blog

3.Kemudian,sobat pilih warna navbar,bahasa yang akan tampil dan login dengan email dan password baru sobat,lanjutkan dengan menekan tombol 'Get Your Bar'

Klik gambar untuk tampilan lebih besar:

4.Lanjutkan denga meng-klik link 'Install on Blogger'

Klik gambar untuk tampilan lebih besar:

cara memasang widget nav bar tool share facebook twitter

5.Akan tampil jendela popup seperti ini,berhubung tak ada pilihan untuk platform blogger,maka sobat pilih saja 'Website and Other Blog Platform'

Klik gambar untuk tampilan lebih besar:

6.Copy kode script navbar keren yang tercipta,dan klik tombol 'Activate'

Klik gambar untuk tampilan lebih besar:

7.Nah,untuk menampilkannya widget pada blog coba pilih Tata Letak / Rancangan,dan klik tulisan Add New Widget atau Tambah Gadget,pilih HTML/Javascript lihat Gambar:

Belajar Membuat Navigasi Bar

Selanjutnya kemudian letakkan kode script nav bar tool yang baru saja kita copy tadi,lalu simpan dan sobat sudah bisa lihat hasilnya.Semoga bermanfaat ya sob :D

Rabu, 21 Juli 2010

Membuat Navbar Blog Auto Hide / Auto Hide Navbar Blogger

Navbar Blog Fleksible: "

Membuat navbar Blog Fleksibel,saya bingung mau ngasih judul apa,so..itu aja kali ya..:) Pelajaran Blog

Maksudnya apa nich?

Maksudnya,Navbar Blog hanya akan muncul hanya saat mouse diarahkan di atasnya,ya seperti Navbar pada Blog ini.
Meskipun ini hanya akan berfungsi baik di Mozilla Firefox. Pelajaran Blog

Untuk kodenya sederhana,Pilih Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Setelah itu cari kode berikut :

]]></b:skin>

Kalau sudah ketemu,letakkan kode dibawah ini diatas kode tersebut

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Setelah itu Simpan,dan lihat hasilnya di browser Mozilla Firefox. Pelajaran Blog

Rabu, 14 Juli 2010

Menghilangkan Navbar pada Blog

Menghilangkan Navbar pada Blog: "

Ingin menghapus Navbar punya blogger?bikin ga sedap mata? Ilangin aja yuk!

Letakkan kode di bawah ini di atas kode ]]></b:skin> pada halaman html anda.

#navbar-iframe { height:0px; visibility:hidden; display:none }

Atau bisa dengan cara lain dengan meletakkan kode di bawah ini tepat di bawah kode <body> :

<style type='text/css'> #navbar-iframe {display:none;} </style>

Lalu Simpan Template.

Selesai !

Mudah khan?

Untuk navbar yang akan tampak hanya jika ada mouse diatasnya,seperti navbar pada blog ini,akan saya bahas nanti,meskipun ini hanya akan bekerja baik pada Browser Mozilla Firefox.

MXM BERBAGI INFO