Membuat Gulungan di Sudut Blog

       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.

        Pernah kalian melihat blog yang sudutnya mempunyai gulungan-gulungan aneh ?  Nah.. kali ini kita akan membahas gimana cara Membuat Gulungan di Sudut Blog, kalau belum pernah lihat cek ke situs Radar Banyuwangi.  Gimana ?  Tertarik dan cocok untuk di blog kalian ?  Ikuti langkah di bawah berikut

  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 hijau dengan link kode gambar (300px x 300 px) yang kalian inginkan
    #Bisa juga diganti dengan gambar dengan link berikut http://kon.tl/deopr

  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://dopind.blogspot.com/' target='_blank'>
    <img alt='' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/>
    <span class='msg_block'/>
    </a>
    </div>

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

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

Artikel Terkait

40 komentar:

Kapasca mengatakan...

wwuueeee...... ada yang kereen lagii..... seperti biasaaa..... langsuung pasaang..... ^_^

Deo Pradipta mengatakan...

wakawaka.. silahkan lngsung pasang sob.. thankz yakk :D

Kapasca mengatakan...

kok nggak mau menggulung yaa ??
malah kayak gambar melayang biasa....

Deo Pradipta mengatakan...

ada ksalah palingan sob.. ntar ane cek lagi dah..

Intikalis Kiri Administrator mengatakan...

wah keren banget sob :D

Deo Pradipta mengatakan...

sukses gak sob ? makasih yakk :D

My World Bookmarking mengatakan...
Komentar ini telah dihapus oleh administrator blog.
The World Bookmarking mengatakan...
Komentar ini telah dihapus oleh administrator blog.
World Bookmarking Site mengatakan...
Komentar ini telah dihapus oleh administrator blog.
World Bookmarking Now mengatakan...
Komentar ini telah dihapus oleh administrator blog.
Best Article Submission Today mengatakan...
Komentar ini telah dihapus oleh administrator blog.
New Best Article Submission mengatakan...
Komentar ini telah dihapus oleh administrator blog.
Unknown mengatakan...

kak,, q ygl 12 ada lomba desain blog,, penilaianx masalah desain, tatcara dan efect,,,
isi apa ni yang cocok buat blog q,, q blum punya pandangan nieeee....
mohon bantuannya

Deo Pradipta mengatakan...

siap membantu sob.. ntar ane liat dlu yakk ^^

spirit lion mengatakan...

ini membuat berat blog gak sob??

blas ya...
http://abadiorkes.blogspot.com/

Unknown mengatakan...

kalau anda siap membantu mohon add facebook saya di http://www.facebook.com/nikosempre
nick name : Nik BOrland

Deo Pradipta mengatakan...

@sprit : egaklahh sob.. kcuali emang udah bnyak gadgetnya di blg ^^

@nk : oke sobb ^^

airvan42 mengatakan...

sukses sob,dah tak coba..thanks

izayana yusuf mengatakan...

gmna caranya entrinya yang kayak dibawahnya tips dan trik membuat blog

Deo Pradipta mengatakan...

itu mah manual sob.. kalau mau yg otomatis ada dsiini .. http://dopind.blogspot.com/2011/10/membuat-daftar-isi-otomatis-di-blog.html

M Imron Pribadi mengatakan...

WAH KALI INI GAGAL MAS

Deo Pradipta mengatakan...

wah.. tergantung template kali ya.. :/

izayana yusuf mengatakan...

gk bisa gan?

Deo Pradipta mengatakan...

gak bisa kayaknya ini sob ~.~

Unknown mengatakan...

Gan, kalau buat widget seperti dibawah blog anda gimana sih gan? bisa menjadi 3 bagian gitu.. slain itu jg bisa diminamaze.

Deo Pradipta mengatakan...

kalau maximize cek dsini http://dopind.blogspot.com/2011/11/membuat-tombol-minimize-maximize-di.html .. kalau widget dibawah maen CSS yg panjang sob ~.~

ElmaLutfia♥ mengatakan...
Komentar ini telah dihapus oleh pengarang.
ElmaLutfia♥ mengatakan...

kok enggak bisa?

http://elmalutfia.blogspot.com

Deo Pradipta mengatakan...

maaf sob... cuma template tertentu yg bisa :3

Unknown mengatakan...

nggak bisa
http://doraemons-fatan.blogspot.com

Deo Pradipta mengatakan...

anda kurang bruntung sob.. mungkin template tertentu yg bisa ^^

Kormel Simanjuntak mengatakan...

Gan, tolong suara petirnya dimatikan aja..
saya jadi gak konsen bacanya artikelnya.. :)

Deo Pradipta mengatakan...

wah.. maaf sob.. ini ciri khas blog ini.. makasih masukannya ^^

Full Software Registered mengatakan...

thanks sob :) visit back ya .

Deo Pradipta mengatakan...

iya sob.. samasama.. langsung ke TKP sobat ^^

PNPM KOTA AMBON mengatakan...

Bro tanya dikit kalau cara pasang laman ganda kaya punya bro.yang klik topik akang muncul tulisanku.komputer dll.Tnks sebelumnya

Deo Pradipta mengatakan...

<li class='page_item')<a href='#')Topik</a)
<ul)
disini kode biasanya~
</ul)
</li)

ganti aja kode ')' nya ^^
mungkin CSS nya juga ikutan ditambah sob ^^

al rizky ilham mengatakan...
Komentar ini telah dihapus oleh pengarang.
Unknown mengatakan...

bagus blog.nya .. :)

Unknown mengatakan...

save template nya d bag. mana sob?

Posting Komentar

Askorus Distro Askorus Distro
Copyright 2010 - 2012 ^ Akatsuki Blog™ - Compatible with Chrome 1024 x 768 -