Senin, 21 Mei 2012

MEMBUAT POJOK KANAN ATAS BLOG MELIPAT

Diposting oleh Evanzz Cyber4rt di 12.06 ·


asang Logo Page Feel HTC ( Layar Menggulung Pada Blog Anda, Tidak Berat Saya Yang Jamin Namun Mempercantik Blog ini Juga Memperkuat Rasa Persatuan Dan Persahabatan Antar Bloggers )


Pasang Kodenya Di Bawah ini di atas kode </head> :


<SCRIPT type='text/javascript'>var tujuan ='http://ojelhtc.blogspot.com/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>


dan kalau  sobat  mau tampilan gambar yang lain silahkan ikuti langkah langkah berikut ini:
  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik Edit HTML.
  4. Klik Expand widget template.
  5. Cari kode <b:skin><![CDATA[
  6. Kalau sudah ketemu copy kode dibawah ini diatas kode <b:skin><![CDATA[

<script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.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>

7.Lalu cari lagi kode ]]></b:skin> Dan letakkan kode berikut tepat di atasnya.

#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGec0i-uCaHrj7xo6fgRgwC5TPqt7dnlezbnSeb6M0-NqOI3nj14oBHGkypg6j8Sxz09Bkd6NsNaMQi4Kn2BVj7oiJOTzKJsnrAOajgOeGSee3iRIfMn1aQgciU1WtThI5rlYiyrKEZ1r/) no-repeat right top;
text-indent: -9999px;
}


8. Lalu cari lagi kode <body> Dan letakkan kode berikut tepat di dibawahnya. <div id='pageflip'>



<a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger'target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixYPYkF6Z8jDWALjw6MKK6WEDyX-6OgJ9bRt5zA2GRfTDnv6KmS4i65MrlAXEXUMaoMP01S3IrvQ_weGbPsu8GStQ8FnXJh3y62HS6BcPN3WPjm8f3WU7zXYebBUIKm1tYPhJO-zANVN9q/'/>
<span class='msg_block'/>
</a>
</div>


9. Anda bisa mengganti warna  merah dengan Link yang anda inginkan. Saran saya Link RSS atau link berlangganan.
10 Simpan template.

1.Selesai
  1. Untuk mengganti gambar dinding, sobat bisa mengganti URL berikut :
    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGec0i-uCaHrj7xo6fgRgwC5TPqt7dnlezbnSeb6M0-NqOI3nj14oBHGkypg6j8Sxz09Bkd6NsNaMQi4Kn2BVj7oiJOTzKJsnrAOajgOeGSee3iRIfMn1aQgciU1WtThI5rlYiyrKEZ1r/) no-repeat right top;
    text-indent: -9999px;
    }

    SELAMAT MENCOBA SEMOGA BERHASIL
Label: , , ,

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

handapeunpost