Info

SELAMAT DATANG

Selamat datang di Coretan Evanzip - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini semoga dari sekian banyak postingan ada beberapa artikel yang bermanfaat buat anda

Sekilas Tentang Evanzip


Nama saya Evan Saputra, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...

Posts Subscribe to This BlogComments

Follow Us


Sabtu, 03 Desember 2011

Membuat Pojok Kanan Atas Blog Melipat


 MEMBUAT POJOK KANAN ATAS BLOG MELIPAT


halo sahabat evanzip....wah sudah lama banget evanzip nga update postingan blog,maklum sob sibuk cari sesuap nasi dan segudang berlian....:^_^ baik sobat evanzip, Tutorial kali ini evanzip akan menjelaskan cara memasang pojok kanan atas blog melipat yang sebelum nya evanzip sudah jelaskan cara pasang screen saver Blog dengancss3.mungkin sobat evanzip penasarankan seperti apa pojok kanan atas Blog bisa melipat???? evanzip akan jelasakan dulu cara kerja nya ,sobat cukup arahkan kursor mouse sobat  tepat di pojok kanan atas maka secara otomatis blog kita akan ter buka/terlipat kalau sobat masih penasaran silahkan sobat lihat dulu demonya:
    


contoh gambar







evanzip sarankan untuk sobat blogger bisa bergabung dengan member HTC seperti blog evanzip untuk script nya sobat tinggal copas script berikut:


Pasang 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(http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) 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='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/>
<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(http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) no-repeat right top;
    text-indent: -9999px;
    }



    SELAMAT MENCOBA SEMOGA BERHASIL






Kritik Dan Saran Sobat Sangat Membantu evanzip Dalam Menulis Artikel Pada Tutorial Berikutnya

Related Post



32 komentar:

  • fantasti juga ganteng ha,ha,,, gak berat pisan top abis dah pokoke ^_^
    maaf om baru sempet liat buku tamu neh soale lg konsen kontes seo ini ^_^

  • ribet bener caranya, gak ngerti mas evan

  • @Sekolah Manajemen Perhotelan IHSsiip om...gw do'a in kontes seo nya sukses ya ..amin

  • @Ririn Anggrainisemua butuh kesabaran rin ...aku yakin lama2 ririn pasti paham jg hehe

  • mampiR Mas Bro....

    Keren Ini...

    Patut DiContoh.... :D

  • SAmgat bermanfaat sobat, terima kasih udah mau share infonya..

  • @KanciLmakasih bro...moga bermanfaat.^_^

  • om evan pasang iklan sitti aja om lumayan om daripada adscamp itu setau saya hanya 1 ip aja dan seterusnya gak bisa lg klo kiss

  • @Muhammad Joko Lukito ( Ojel HTC )makasih om Ojel HTC masukan nya saya akan coba daftar iklan sitti deh kl gitu

  • Nice Sob Infonya..
    Lanjutkan
    teruslah berkarya ...:)

  • wah bagus nih kayaknya izin nyobain ya :)

  • @Teja HTCiya sob thanks ya support nya...^_^

  • @Erma Yunitasilahkan sist di coba moga bermanfaat ya..

  • matur teng Q... Sip trik e... tp ne gambar e ganti blm berhasil... semangat

  • @Koerniawan_Blogjangan patah semangat kawan coba lg sy yakin sobat pasti bisa

  • sebelumnya, salam kenal dari Wonk Lembur.
    Tips"nya keren nih, nampaknya masih banyak ilmu yang harus sya pelajari dari halamannya || evanzip ||.
    boleh ya...

  • @Wonk Lembursilahkan sob kalau ada yang bermanfaat buat sobat monggo...ikhlas koq...hehehe

  • cara ngilanginya gmana bang???
    blog ane jadi berat bangett

  • blognya bagus banget tampilannya,goood gooog pertamax++++++++.. folow me www.pesugihan-bloger.blogspot.com

  • wah pengen punya blog kayak gini...keren bgt

  • @botjez_sruwunghehehehe gampang masuk aja ke postingan blog tinggal di delete...beres deh urusan nya

  • kalo ganti gambarnya gimna sich heheh
    makasih sebelume .

  • bung klo < body > + < div id='pageflip' > nya gx da gmna ???

  • kog punyaku nggak bisa ya ? ada cara yang gampang nggak ? :D

  • Mantap bos...nambah ilmu gwa.maaf udah gbung di HTC tanpa daftar..hehehe

  • terima kasih untuk tutorial dan scriptnya, pojok kanan atas melipat itu memang menambah kerennya blog, dan juga menghemat space. oh..ya, kayaknya di blog sobat ini ada sedikit masalah dengan java scriptnya. Mungkin yang punya script sudah menghapusnya dari google code. maaf, hanya memberi tahu. salam blogger

  • sip gan.. makasih atas tutornya... smoga bermanfaat

  • Mantap gan, sudut halaman terlipatnya sukses dan sudah nangkring di blog ane. Saya tunggu kunjungan dan komennya oke...... :)

    http://vanskoe.blogspot.com

  • Poskan Komentar

    Silahkan Berkomentar Di bawah ini Buat yang Belum Punya Akun Google/Blogger Bisa Di Ganti Dgn Anonymous

    ~ Berkomentarlah Dengan Sopan ~



    Silahkan Share Bila Anda Menyukainya Artikel ini



      ~ Evan Saputra ~

      Welcome

      Halo..sahabat evanzip...mau bergabung dengan ku di facebook @evanosaputra-Twitter @Evan_say atau di Yahoo Messenger ku @evansaputra33 ehhh...yang udah kunjung jangan lupa isi Buku Tamu nya Ya,,,

      My Profil

      Follow Me

     

    FIND US ON FACEBOOK

    SAHABAT KU

    Mengenalmu sangat menyenangkan

    Follow by Email


    BACK LINK

    EVAN < Free Auto Backlinks From 1Malaysia backlinks referer Backlink Exchange Free Automatic Backlink Florists Links Free Auto Backlinks SEO Links Exchanges, Blog Link Building Service Text Backlink Exchanges Text Backlink Exchanges Free Counter Text Backlink Exchanges Free Auto Backlinks Text Backlink Exchanges Auto Backlink Gratis Indonesia : Top Link Indo Free Automatic Backlink Backlink Exchange Statistik Blog
    Website Hit Counters
    page counter