Get the Flash Player to see this player.


Dengarkan di WINAMP

Streaming Provider by :
www.smileindonesiaradio.com

Selasa, 06 Maret 2012

Membuat Gulungan di Sudut Blog


Logo Design by FlamingText.com



Aksesoris blog di butuhkan bagi setiap blog yang masih aktif, aksesoris blog dapat memperindah dan mempercantik tampilan blog kita agar pengunjung betah mengunjungi blog kita berkali - kali. Namun jika terlalu banyak aksesoris mengakibatkan blog menjadi lola' (loading lama) dan pengunjung enggan untuk mampir ke blog kita lagi, kebanyakan pengunjung blog menutup blog yang dikunjungi nya sebelum semua kode pada blog yang dikunjunginya karena terlalu lama loadingnya. Maka dari itu, kita harus pintar memilih aksesoris yang cocok untuk blog kita, bukan semua aksesoris di masukan di blog kita.


1.Login ke Blogger

2.Klik Design > Edit HTML > centang 'Expand Widget Template'
3.Pasang kode berikut di atas kode ]]></b:skin>



#pageflip {


position: relative;


}


#pageflip img {


border: none;


width: 50px; height: 52px;


z-index: 99;


position: absolute;


right: 0; top: 0;


-ms-interpolation-mode: bicubic;


}


#pageflip .msg_block {


width: 50px; height: 50px;


position: absolute;


right: 0; top: 0;


background: url(http://kon.tl/deopra)no-repeat right top;


text-indent: -9999px;


}



#Ganti kode yang berwarna Merah dengan link kode gambar (300px x 300 px) yang kalian inginkan


#Bisa juga diganti dengan gambar dengan link berikut http://kon.tl/deopra




4.Kemudian pasang lagi kode berikut di bawah kode <b:skin><![CDATA[ atau <b:skin><![CDATA[/*




<script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js

' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>

5.Selanjutnya pasang kode berikut di bawah kode <body>




<div id='pageflip'>
<a href='http://alomban.blogspot.com/' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHlAeanNa_jSkTg7g_w_5ekX6XBiy2Rhv6uOe5UN0zQa1iw1m707czLjVzxEgItfK45bjI0w0fGNf1CCfDirldWqph9ZvJo77E_fUsg7GI7dvAe3jKu8YoFIeml8bTwKwHQUYte58jreL/'/>
<span class='msg_block'/>
</a>
</div>



#Ganti kode yang berwarna hijau dengan alamat blog atau link yang kalian ingin pasang


6.Terakhir klik 'Save Template' dan tinggal lihat hasilnya seperti apa ^^



Logo Design by FlamingText.com

0 komentar:

Posting Komentar

Maaf klu ada kata yang salah
Senang bisa berbagi

Test block