Membuat Gulungan di Sudut Blog

Browse » Home » Blogging Tutorial » Membuat Gulungan di Sudut Blog

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

Login ke Blogger
Klik Design > Edit HTML > centang 'Expand Widget Template'
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
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>
Selanjutnya pasang kode berikut di bawah kode <body>

<div id='pageflip'>
<a href='http://dopind.blogspot.com/' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqG3FpuavR2UTpIUmftqTt6WcDBUlaIVray13oz72OwXghUAi7zaIK026uR-JBvvzn-rz9MhUvMrb8l4XIl9cW6DWu5PZMDgCd8Ry1tgyp5kYlIbU-DjTop-0gwUZe6GW1grvZ1BZFsR1J/'/>
<span class='msg_block'/>
</a>
</div>

#Ganti kode yang berwarna putih dengan alamat blog atau link yang kalian ingin pasang
Terakhir klik 'Save Template' dan tinggal lihat hasilnya seperti apa ^^

40 komentar:

Kapasca mengatakan...: wwuueeee...... ada yang kereen lagii..... seperti biasaaa..... langsuung pasaang..... ^_^; 27 Januari 2012 pukul 17.07
Deo Pradipta mengatakan...: wakawaka.. silahkan lngsung pasang sob.. thankz yakk :D; 27 Januari 2012 pukul 17.10
Kapasca mengatakan...: kok nggak mau menggulung yaa ??
malah kayak gambar melayang biasa....; 27 Januari 2012 pukul 20.49
Deo Pradipta mengatakan...: ada ksalah palingan sob.. ntar ane cek lagi dah..; 28 Januari 2012 pukul 16.50
Intikalis Kiri Administrator mengatakan...: wah keren banget sob :D; 29 Januari 2012 pukul 19.42
Deo Pradipta mengatakan...: sukses gak sob ? makasih yakk :D; 30 Januari 2012 pukul 20.53
My World Bookmarking mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 3 Februari 2012 pukul 14.16
The World Bookmarking mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 3 Februari 2012 pukul 14.16
World Bookmarking Site mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 3 Februari 2012 pukul 14.16
World Bookmarking Now mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 3 Februari 2012 pukul 14.17
Best Article Submission Today mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 3 Februari 2012 pukul 14.17
New Best Article Submission mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 3 Februari 2012 pukul 14.18
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; 3 Februari 2012 pukul 21.01
Deo Pradipta mengatakan...: siap membantu sob.. ntar ane liat dlu yakk ^^; 4 Februari 2012 pukul 19.14
spirit lion mengatakan...: ini membuat berat blog gak sob??

blas ya...
http://abadiorkes.blogspot.com/; 5 Februari 2012 pukul 00.26
Unknown mengatakan...: kalau anda siap membantu mohon add facebook saya di http://www.facebook.com/nikosempre
nick name : Nik BOrland; 8 Februari 2012 pukul 19.02
Deo Pradipta mengatakan...: @sprit : egaklahh sob.. kcuali emang udah bnyak gadgetnya di blg ^^

@nk : oke sobb ^^; 9 Februari 2012 pukul 20.16
airvan42 mengatakan...: sukses sob,dah tak coba..thanks; 9 Februari 2012 pukul 20.17
izayana yusuf mengatakan...: gmna caranya entrinya yang kayak dibawahnya tips dan trik membuat blog; 16 Maret 2012 pukul 19.28
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; 18 Maret 2012 pukul 15.41
M Imron Pribadi mengatakan...: WAH KALI INI GAGAL MAS; 22 Maret 2012 pukul 12.44
Deo Pradipta mengatakan...: wah.. tergantung template kali ya.. :/; 22 Maret 2012 pukul 13.54
izayana yusuf mengatakan...: gk bisa gan?; 25 Maret 2012 pukul 07.26
Deo Pradipta mengatakan...: gak bisa kayaknya ini sob ~.~; 25 Maret 2012 pukul 14.13
Unknown mengatakan...: Gan, kalau buat widget seperti dibawah blog anda gimana sih gan? bisa menjadi 3 bagian gitu.. slain itu jg bisa diminamaze.; 4 April 2012 pukul 21.05
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 ~.~; 5 April 2012 pukul 13.24
ElmaLutfia♥ mengatakan...: Komentar ini telah dihapus oleh pengarang.; 11 April 2012 pukul 15.43
ElmaLutfia♥ mengatakan...: kok enggak bisa?

http://elmalutfia.blogspot.com; 11 April 2012 pukul 15.45
Deo Pradipta mengatakan...: maaf sob... cuma template tertentu yg bisa :3; 11 April 2012 pukul 17.14
Unknown mengatakan...: nggak bisa
http://doraemons-fatan.blogspot.com; 16 Mei 2012 pukul 20.03
Deo Pradipta mengatakan...: anda kurang bruntung sob.. mungkin template tertentu yg bisa ^^; 16 Mei 2012 pukul 22.51
Kormel Simanjuntak mengatakan...: Gan, tolong suara petirnya dimatikan aja..
saya jadi gak konsen bacanya artikelnya.. :); 28 Mei 2012 pukul 01.09
Deo Pradipta mengatakan...: wah.. maaf sob.. ini ciri khas blog ini.. makasih masukannya ^^; 31 Mei 2012 pukul 16.57
Full Software Registered mengatakan...: thanks sob :) visit back ya .; 10 Juni 2012 pukul 05.03
Deo Pradipta mengatakan...: iya sob.. samasama.. langsung ke TKP sobat ^^; 12 Juni 2012 pukul 14.22
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; 26 Juni 2012 pukul 08.24
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 ^^; 26 Juni 2012 pukul 08.50
al rizky ilham mengatakan...: Komentar ini telah dihapus oleh pengarang.; 23 Oktober 2012 pukul 23.12
Unknown mengatakan...: bagus blog.nya .. :); 20 Januari 2013 pukul 08.33
Unknown mengatakan...: save template nya d bag. mana sob?; 8 Maret 2013 pukul 15.20