Auto Hide pada Navbar Blogger

Sudah saya informasikan sebelumnya bila menghilangkan navbar blogger (Navigation Bar) merupakan salah satu pelanggaran TOS Blogger, solusi lainya kita bisa menggunakan Auto hide navbar Blogger. Cara kerja Auto hide, ketika pengunjung mengarahkan mouse ke bagian atas maka navbar asli akan muncul begitu juga sebaliknya jika pengunjung penggeser mouse ke bawah (tidak dalam area navbar) maka secara otomatis navbar tersebut akan di hilangkan.


Cara memasangnya:


Pada halaman Edit HTML, cari kode body { kemudian letakan kode dibawah ini diatas kode body {

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

Selamat mencoba :)

sumber

Posted on 20:30 by @mink and filed under | 0 Comments »

Cara Menghilangkan Tanggal Posting

Cara Menghilangkan tanggal posting blogger;

pertama masuk halaman Edit HTML

kemudian cari h2.date-header {

jika sudah ketemu tambahkan visibility: hidden;

diantara kode tersebut. lihat contoh kodenya dibawah:


h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;

visibility: hidden;
}


Selama mencoba :)

Posted on 20:20 by @mink and filed under | 1 Comments »

Pasang widget animasi hewan

Untuk mempercantik Blog anda animasi flash yang satu ini mungkin menjadi salah satu pilihannya. Nah disini ada 6 kode animasi hewan yaitu ikan, hamster, pinguin, kura-kura dan katak yang bisa rekan netter pasang diBlog.

Caranya :
- masuk ke Rancangan/Layout
- klik Elemen/Laman
- klik gadget atau tambah lalu pilih HTML/JavaScript
- copas code yang ada di bawah ini.

Lihat pilihan codenya dibawah ini.



Klik Untuk melihat code Ikan
<object type="application/x-shockwave-flash" style="outline: medium none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" height="200" width="300"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="scale" value="noscale"><param name="salign" value="tl"></object>



Klik Untuk melihat code Hamster
<object type="application/x-shockwave-flash" data="http://widgets.clearspring.com/o/4921d1bbde64b665/49ae5fb6b804387f/4921d1bbde64b665/b1cf1f42/-cpid/dd468e3c3a719afc" id="W4921d1bbde64b66549ae5fb6b804387f" height="210" width="280"><param name="movie" value="http://widgets.clearspring.com/o/4921d1bbde64b665/49ae5fb6b804387f/4921d1bbde64b665/b1cf1f42/-cpid/dd468e3c3a719afc"><param name="allowNetworking" value="all"><param name="allowScriptAccess" value="always"></object>



Klik Untuk melihat code Pinguin
<object type="application/x-shockwave-flash" style="outline: medium none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" height="200" width="300"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="scale" value="noscale"><param name="salign" value="tl"></object>



Klik Untuk melihat code Kura-kura
<object type="application/x-shockwave-flash" style="outline: medium none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" height="200" width="300"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="salign" value="tl"></object>



Klik Untuk melihat code Laba-laba
<object type="application/x-shockwave-flash" style="outline: medium none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" height="200" width="300"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="scale" value="noscale"><param name="salign" value="tl"></object>



Klik Untuk melihat code Katak
<object type="application/x-shockwave-flash" style="outline: medium none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" height="200" width="300"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="salign" value="tl"></object>

Posted on 02:57 by @mink and filed under | 3 Comments »

Buat Label Melayang | Blogumus

Blogumus adalah animasi label melayang, widget untuk Blogger.

Download code script Blogumus (wp-culumus)

Copy Paste code blogumus dibawah code berikut:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Atau ganti code widget "Label" seperti contoh berikut:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Ganti code widget label diatas dengan code blogumus.


Selamat Mencoba.



Thanks for Roy Tanck source the "object embed"

Posted on 04:11 by @mink and filed under | 0 Comments »

Navbar Blogger Transparant

Blogger kembali memperbaiki sistem tampilan pada Navigasi Bar mereka, jika dulu navbar blogger hanya memberikan 4 pilihan warna tradisional yaitu Blue, Black, Tan dan silver, sekarang blogger menambahkan dua lagi skema warna baru yaitu "Transparan Light" dan "Transparan Dark".


Skema warna baru ini memanfaatkan kemampuan browser modern untuk memberikan transparansi (sebuah teknik yang dikenal untuk web designer sebagai "alpha blending"). Hal ini memungkinkan kita untuk memadukan background navbar bersama dengan background warna blog saat ini. "Transparan Light" memiliki skema warna semi-transparan dengan latar belakang warna putih, menghasilkan warna pastel halus, sementara latar belakang "Transparan Dark" adalah warna hitam semi-transparan yang menghasilkan tampilan yang teduh.

Berita selengkapnya bisa dibaca langsung pada Blogger Buzz
Posted on 01:10 by @mink and filed under | 0 Comments »