Membuat Auto Hide pada Navbar Blog

Membuat Auto Hide pada Navbar Blog
Merasa terganggu apa tidak dengan navbar? Mungkin ada yang merasa terganggu, makanya dulu pernah ada pelajaran untuk menghilangkan navbar. Sampai-sampai tidak hanya di blogger.com tapi juga di blogdetik navbarnya bisa kita hilangkan.

Sebenarnya navbar itu juga ada manfaatnya, yaitu untuk login atau menuju dasbor. Bahkan ada juga fitur untuk berbaginya (share) ke sosial media seperti twitter dan facebook. Oleh sebab itu kalau akan diberikan solusinya, dengan membuat auto hide pada navbar, kalau mouse kita gerakan di navbar maka akan muncul dan jika tidak ya akan tersembunyi.

Cara Membuat Auto Hide pada Navbar Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode body {
6. Jika sudah ketemu taruh kode berikut di atasnya:


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


7. Simpan Template jika sudah selesai.

Menambahkan Button Tweet dan Facebook Like

Menambahkan Button Tweet dan Facebook Like
Twitter dan facebookmemang menjadi situs jejaring sosial yang diminati dan banyak digunakan masyarakat Indonesia. Setiap orang punya akun facebook, dan hampir semua orang menyebarkan informasi lewat tweet. Keduanya menjadi situs yang banyak dikunjungi.

Sehingga kita juga harus bisa menyediakan button untuk berbagi ke twitter dan facebook. Selain untuk memudahkan pembaca blog kita untuk berbagi dengan teman-teman atau merekomendasikan untuk dibaca. Button tweet dan facebook like bisa mempermudah kita dalam mempromosikan tulisan. Tinggal mengklik tweet akan menyebar di timeline follower atau saat mengklik like akan menyebar di profil facebook. Akan ada banyak teman yang tahu, dan akan banyak yang akan berkunjung ke blog kita.

Cara Menambahkan Button Tweet dan Facebook Like
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kode berikut ini di bawahnya


<div style='float:left;padding:0px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='kurniasepta' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
</div>


7. Simpan Template jika sudah selesai.

Copyright © 2012 AREA-182