Gratis Widget Justin Bieber Hanya Ada Disini

Free Blogger Widget Justin Bieber – Sudah pada tau kan denganJustin Bieber ? Itu tuh penyanyi kondang pacarnya Selena Gomezyang banyak digandrungi muda-mudi Indonesia. Nah kali saya mau bagi-bagi koleksi Widget Justin Bieber keren gratis dan dapat sobat pasang di samping halaman posting atau sidebar. Widget dengan gambar animasi artis Justin Bieber ini dijamin akanmempercantik blog sobat karena masih jarang-jarang yang pasang widget beginian. Tanpa perlu panjang lebar lagi ini dia tampilanwidget Justin Bieber keren berikut kodenya…..cekidooottt !!   

<div style=”text-align: center;”></div>

<div style=”text-align: center;”></div>

Justin Bieber My World Australian Concert Widget

BONUSNYA NIH :

<div style=”text-align: center;”></div>

Petunjuk pemasangan:

Untuk memasang widget disamping kiri halaman posting seperti widget twiiter saya ini, gantilah kode <div style=”text-align: center;”> dengan kode ini <div style=”position: fixed; bottom: 20px; left: 2px;”>. Ukuran gambar widget dapat dikecilkan sesuai selera anda pada bagian width dan height.

Cara Membuat Widget Buku Tamu Melayang Floating Widget

Cara Membuat Widget Buku Tamu Melayang Floating Widget  –  Widget buku tamu/guestbook melayang atau floating widget biasanya digunakan untuk buku tamu/guest book (shoutmix atau cbox) atau widget seperti statistik blog dan lain-lain terserah yang mau memakai saja. Kelebihan utama dari widget ini adalah bisa disembunyikan (sistem buka-tutup) dan bisa diletakkan dibagian tepi kiri, kanan atau bawah, sehingga bisa menghemat tempat pada sidebar.

Cara membuat buku tamu (guest book) / chatbox melayang :

1.    Daftar dulu di Shoutmix atau Cbox, pilih salah satu saja.

2.  Isikan data yang diminta dengan lengkap, jika sudah selesai ambil kode shoutmix yang diberikan dan simpan dulu di notepad.

3.    Selanjutnya login ke dashboard blogger anda.

4.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

5.  Copy kode script dibawah ini dan paste pada gadget, kemudian masukkan kode shoutmix anda pada bagian yang saya tandai dengan tulisan warna merah.

<!– Mulai Hidden Widget –>
<style type=”text/css”>
.rifaldhi_fixed{
position:fixed;
top:180px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html .rifaldhi_fixed {position:relative;}
#hidden_rifaldhi {
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class=”rifaldhi_fixed”>
<table id=”hidden_rifaldhi” cellpadding=”0″ cellspacing=”0″>
<tr><td>
<!– Gambar Atas –>
<div style=”text-float:right”><a href=”javascript:void(0)” onclick=”rifaldhi_showHiderifaldhi()” title=”Close/Tutup”><img style=”border:0px; width:auto; height:auto;” alt=”Guestbook” src=”http://blog.akakom.ac.id/marcell/files/close.png&#8221; /></a></div>

LETAKKAN KODE GUESTBOOK/SHOUTMIX/CBOX/SHOUTCAMP ANDA DISINI

<br/>
<script type=”text/javascript” src=”http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js”></script&gt;
</td></tr></table></div>
<!– Gambar Samping –>
<div style=”z-index:+5″ class=”rifaldhi_fixed”>
<a href=”javascript:void(0)” onmouseover=”rifaldhi_showHiderifaldhi()”>
<img style=”border:0px;” src=”http://img221.imageshack.us/img221/4097/bukutamu3c.png&#8221; /></a>
</div>
<!– Selesai Hidden Widget –>

6.    Preview dulu untuk  melihat hasilnya.

7.  Edit kode shoutmix pada bagian width dan height untuk mengatur lebar dan tinggi kotak widget sesuai keinginan. Sobat juga dapat melakukan editing pada bagian CSS untuk mengganti kode warna background atau mengganti URL gambar button dengan URL gambar anda sendiri. Silahkan bereksplorasi sendiri saja ya. Saran saya buatlah blog khusus untuk tempat uji coba sobat.

8.  Jika sudah beres Simpan/Save gadgetnya.

cara membuat widget random post

Tips blogging kali ini saya ingin berbagi tentang bagaimana cara membuat widget random post, topik usang tapi masih banyak dicari oleh para newbie. Widget Random Post atau posting acak adalah satu dari sekian banyak pilihan widget yang bisa kita pasang di sidebar blog kita. Pada widget random post ini semua posting yang ada di blog, baik posting lama maupun postingan terbaru akan ditampilkan secara acak setiap kali kita membuka tab baru. Seperti apa cara membuat widget random post ini, ikuti langkah-langkahnya seperti dibawah ini :

• Login ke dashboard blogger anda.

• Pilih Rancangan >> Elemen Laman >> Tambah gadget (Add gadget) pilih HTML/JavaScript.

• Copy script dibawah ini dan paste pada gadget yang baru dibuat tadi.

<script type=”text/javascript”> var randarray = new Array();var l=0;var flag; var numofpost=10;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write(‘<ul>’); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel==’alternate’){var item = “<li>” + “<a href=” + entry.link[k].href + “>” + entry.title.$t + “</a> </li>”; document.write(item);}} }document.write(‘</ul>’);} </script> <script src=”/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts” type=”text/javascript”></script>

• Simpan dan preview hasilnya dengan mengklik Pratinjau.

• Selesai

Cara Membuat Widget Daftar Menu Blog Otomatis

Cara Membuat Widget Daftar Menu Blog Otomatis  – Daftar menu blog yang biasanya ditempatkan pada sidebar blog ini ada juga yang menyebutnya dengan table of content.Cara membuat table of content ini sedikit berbeda dengan daftar isi blog otomatis yang pernah saya posting sebelumnya. Pada widget daftar menu otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog anda dapat mempercepat pencarian artikel dengan menggunakan opsi pilihan label, title, tanggal posting serta dapat juga menampilkan seluruh isi blog jika kita memilih opsi “All label”. Pada script daftar menu blog yang mau saya share ini, mampu menampilkan sampai max 500 halaman posting. Jika blog anda sudah memiliki lebih dari 500 halaman posting, tinggal diganti saja angka 500 dengan angka 1000 beres !. Dan satu lagi kelebihannya : jika anda mengklik icon panah hitam yang ada didepan judul posting, maka akan memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.

Cara Membuat Daftar Menu/Isi Di Sidebar Blog :

1.       Login ke dashboard blogger anda.

2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

3.       Copy script dibawah ini dan paste pada gadget.

<div style=”background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;”>

<div id=”cl_option”>

Loading… </div>

<div id=”cl_content_list”>

</div>

<script type=”text/javascript”>

var jumlah_kata_dalam_ringkasan = 250;

</script>

<script src=”http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js”&gt;

</script>

<script src=”http://rayhanzhampiet.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500“>

</script></div>

4.       Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.

5.       Save / Simpan.