Link label bergeser saat disorot (Link Nudging)

Link Nudging adalah salah satu fasilitas dari jQuery yang memberikan effect pada link. Effect Link Nudging ini di kembangkan oleh David Walsh Blog. Lihat di sini

Untuk cara membuatnya:

1. Silahkan login blogger, Rancangan, Edit HTMl,

2. Cari kode lalu simpan kode berikut diatas kode tadi :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Selanjutnya simpan kode berikut Dibawah kode berwarna biru tadi Java :

<script type='text/javascript'>

$(document).ready(function() {

$(&#39;#Label1 li&#39;).hover(function() { //mouse in

$(this).animate({ marginLeft: &#39;12px&#39; }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});

</script><!-- end LinkNudging -->

Yang berwarna Merah silahkan ganti sesuai keinginan.

Simpan template.

Semoga Berhasil

Read more >>

Menyembunyikan Navbar pada Blogger

Menyembunyikan Navbar pada Blogger, apa itu navbar?. Navbar adalah bagian yang terlihat pada bagian 

teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan posting baru, kostumisasi, dan keluar. Ada beberapa blogger yang ingin menghilangkan navbar ini, hal ini tentu saja melanggar peraturan yang telah diterapkan. Untuk mewujudkan keinginan kamu, kita bisa menyembuyikan navbar tersebut dengan auto hide navbar. Caranya adalah sebagai berikut

1.klik kostumisasi dan kemudian edit html

2.Cari kode body {

3.Masukkan kode di bawah ini di atas kode kode body { tadi

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

Formatnya seperti ini

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

body {

4.Jika sudah klik simpan dan lihat blog

arahkan mouse pada bagian teratas blog, maka akan muncul navbar yang telah disembunyikan. Apabila mouse di arahkan ke tempat lain, maka navbar akan kembali hilang atau disembunyikan.

Selamat mencoba...

Read more >>

Cara menghilangkan garis bawah link di blogspot

Mungkin ada teman-teman yang menggunakan template blog yang di download dari Internet,saat anda memasang template tersebut di blog anda ternyata disetiap link akan otomatis ada garis bawah link-nya, contohnya seperti link pada template denim yang saya gunakan di blog saya. pada link adsense PTC Lokal ada garis bawah-nya

memudahkan menghilangkan garis bawah link tersebut, anda perlu
menambahkan script css, ke template anda. script ini saya dapatkan ketika googling dan ketemu di blog teman menghilangkan garis bawah link

1. Login ke dashboard , tata letak , edit html

cari kode berikut:

<b:skin><![CDATA[

Letakkan script berikut sebelum script <b:skin><![CDATA[ 

<style type='text/css'>

A:link {text-decoration: none}

A:visited {text-decoration: none}

A:active {text-decoration: none}

</style>

Scriptnya akan tampak seperti di bawah ini

<style type='text/css'>

A:link {text-decoration: none}

A:visited {text-decoration: none}

A:active {text-decoration: none}

</style>

<b:skin><![CDATA[ 

Silahkan di coba mudah-mudahan bisa berjalan di blog anda.

Read more >>

Cara Menghilangkan Link Berlangganan Entri Atom di Blog

Cara Menghilangkan Link Berlangganan Entri Atom di Blog ini Cukup mudah.Caranya tinggal ikuti aja langkah-langkah Menghilangkan Link Berlangganan Entri Atom Berikut Ini.
1.Login Ke blogger Dengan ID kamu.
2.Klik Tata Letak Kemudian Klik Edit HTML.
3.Selanjutnya Cari Kode ]]></b:skin> .Atau biar lebih gampang gunakan tombol CTRL+F.
4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.
feed-links{
display:none;
}
5.Kalo Udah selesai jangan lupa klik Simpan Template.

Read more >>

Menambah Gadget/Elemen Halaman di Header Blog

Template defaulf atau bawaan blogger/blogspot maupun beberapa tempate dari situs penyedia template gratis, pada bagian header biasanya tak ada menu 'Add Widget/Tambah Elemen'. Nah, bagaimana cara menambah widget atau elemen halaman di header blog? (misalnya mau dipasang skrip iklan, gambar/foto, link, dll). Ternyata caranya gampang. Simak tutorial berikut ini:

1. Masuk Dashbor, Layout/Tata Letak, edit HTML

2. Beri centang pada Expand Template Widget

3. Cari kode showaddelement

4. Ganti kode showaddelement='no' dengan showaddelement='yes'

5. Ganti angka 1 pada kode maxwidgets='1' dengan angka sesuai jumlah elemen halaman/gadget yang ingin ditempatkan di header.

6. Selesai.

Ini contoh header sebelum dan sesudah ditambahkan gadget.

Sebelum:

Sesudah:

Read more >>