Cara Membuat Tombol Google+ Sederhana Di Blog | widget Blog

Cara  Membuat  Tombol  Google+  Sederhana Di Blog | Widget Blog

kali ini, saya akan membagikan cara untuk membuat tombol google plus sederhana di blog, walaupun pihak blogger sudah menyediakan widget ini tapi terkadang masih ada blogger yang kurang suka dengan style yang disediakan oleh blogger. Widget ini sedikit berbeda dengan tombol yang disediakan blogger, lebih dinamis dan simple menurut saya. Screenshot nya bisa sobat lihat dibagian sidebar blog ini, 
atau dibawah ini :

sederhana bukan ???


nah buat sobat yang tertarik untuk membuatnya silahkan ikuti tutorial nya berikut ini :

1. masuk ke menu blogger
2. pilih tata letak
3. pilih tambah gadget dibagian yang sobat inginkan
4. pilih html/javascript
5. lalu masukkan kode dibawah ini :

<div class='widget-content'> <div style="float: right; margin-right: 10px;"> <span style="font-size: 60%"><a href="#" target="_blank" title="Widget G+ Circles ">Get Widget</a></span></div> <br /> <div class='g-plus' data-action='followers' data-height='300' data-href='https://plus.google.com/101385423073163418247' data-source='blogger:blog:followers' data-width='260'> </div> <script type='text/javascript'> (function() { window.___gcfg = {'lang': 'in'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div>

silahkan sobat ganti kode yang warna merah dengan kode ID google+ sobat,,,dan untuk yang warna biru silahakan sobat ganti dengan url sumber pembuatan widget, jika ingin diarahkan ke sumber blog ini yah monggo mas silahkan hehehe

oke,,samppai disini dulu,,semoga bermanfaat sob!!!

Continue

Cara Membuat Random Post Bergerak Otomatis | Widget Blogger

Cara Membuat Random Post Bergerak Otomatis | Widget Blog
Assalamualaikum wr.wb
selamat datang kembali di blog ini sob, kali ini saya akan berbagi widget yang pastinya sangat berguna untuk blog yaitu random post, dengan widget ini akan memudahkan pengunjung blog melihat isi dari blog kita secara acak, Dan perbedaan dari widget yang satu ini adalah bergerak dengan otomatis sehingga kita akan memanjakan pengunjung untuk membaca isi artikel blog kita secara acak,
seperti ini screenshot nya :

gimana sob,, apakah berminat untuk membuat nya ??

kalau iya silahkan ikuti langkah- langkah nya :

1. seperti biasa, login dulu ke dashbord blogger kamu
2. pilih tata letak
3. lalu pilih tambah gadget
4. pilih Html/java script
5. lalu masukkan kode dibawah ini 

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:450px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 600;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 15;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

keterangan :
warna biru adalah ukuran tinggi widget yang akan sobat pasang di sidebar blog sobat, bisa sobat atur sendiri
warna merah adalah kecepatan pergantian tiap posting, bisa sobat sesuaikan dengan keinginan sobat
warna hijau adalah waktu pause posting, juga bisa sobat atur sendiri
dan warna orange adalah jumlah postingan yang akan dimasukan kedalam widget

terakhir simpan ,,dan lihat hasilnya :)

oke semoga membantu sob !!

Continue

Membuat Widget semut muter muter di blog | blogger

Membuat Widget semut muter muter di blog | blogger
selamat malam sobat, malam ini saya habis blogwalking dan melihat kok ada semut yang bergerak seperti gambar dibawah ini

kok bisa ada semutnya gitu ??gak bisa dibuang kali yah,,ganggu aja...
heheh, sebenarnya itu adalah widget yang sengaja dipasang oleh blogger untuk menghibur pengunjung yang datang, unik juga sih saya rasa, widget ini juga tidak berat kelihatnya. hanya berbentuk gambar.gif aja dan ditambah kode css sedikit saja.
oke bagaimana cara buatnya,,

• langsung aja sobat blogger masuk ke dashbord blogget
• lalu pilih tata letak
• pilih tambah gadget dibagian yang sobat inginkan
• pilih HTML/java script
• lalu masukan kode dibawah ni :

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>

• kode yang warna biru adalah kode gambar semut nya, 
• jika sudah siap silahkan di save dan lihat hasilnya

pasti para pengunjung awalnya akan kaget seakan akan tu semut ada dilayar komputernya,,
padahal widget,,
oke semoga artikel kali ini bermanfaat sob :)

Continue