4 November 2013

Cara Membuat/Memasang Widget Melayang(Blogspot)

Happy blogger, kini saatnya update ya sobat. Tahu tidak bahwa sobat bisa lho menaruh widget/alat blog dapat terbang melayang-layang ibarat pesawat, hehehe. Biasanya kode ini digunakan untuk menghiasi blog dan diletakkan di pinggir blog. Karena berbagai alas an seperti tidak ada tempat lagi blog diisi widget karena kepenuhan widget dan lain-lain. Kode ini memungkinkan juga untuk memberikan pengaruh bagi si pengunjung agar mempermudah apa saja isi didalam blog tersebut.


Ok, tidak perlu panjang lebar ya, dikit saja asalkan bermanfaat ya. Hehehe..

Siap, Ok.. silahkan sobat masuk kea kun blogger.com
2. Klik bagian tata letak
3. lalu klikn tambah widget
4. Pilih widget Add script dan Html
5. Masukkan kode widget anda di keterangan “MASUKKAN WIDGET” dibawah ini dan lalu save,

<!-- 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" /></a></div>

MASUKKAN WIDGET

<br/>
<script type="text/javascript" src="http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js"></script>
</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" /></a>
</div>
<!-- Selesai Hidden Widget -->



Selamat menggunakan kode diatas, semoga membantu ya sobat. Terimakasih sudah berkunjung ke blog ane.. Happy blogger… 

Tidak ada komentar:

Posting Komentar