Widget Facebook, Twitter dan G+1 Slider

Jika anda sudah memiliki website sendiri, tentunya anda ingin tampilan website anda menarik buat dilihat oleh banyak pengunjung, selain modern dan keren pengunjung betah berada di website anda.
salah satunya yang buat blog anda terlihat menarik, yaitu memasang widget.
disini saya akan memberikan pada anda widget social facebook, twitter dan G+1 dengan tampilan slider dan menarik.
berikut screen shotnya :

Menarik bukan?
jika anda tertarik, ikuti saja langkah-langkahnya di bawah ini.

1. Masuk ke akun blogger
2. Tata Letak/Layout
3. Add gadget
4. Add/Edit HTML
5. Copy Paste kode di bawah ini :

<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/ javascript"></script> <link rel="stylesheet" type="text/css" href="https://dl.drop boxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" /> <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/ 3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">       <img alt="" src="http://3.bp.blogspot.com/-wQUpmiGwynE/UNHJaesfqeI/ AAAAAAAAItg/JQlnTuoFRnQ/s1600/NBTfacebook_right.png" />       <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href= http%3A%2F%2Fwww.facebook.com%2FCoMetSHaRE&amp;width=200&amp; height=346&amp;colorscheme=light&amp;show_faces=true&amp; border_color&amp;stream=false&amp;header=false"       style="border: none; height: 346px; overflow: hidden; width: 200px;"> </iframe>      </div>    </div>  </div>  <div id="on">   <div id="twitter_right" style="top: 28%;">      <div id="twitter_div">       <img id="twitter_right_img" src="http://3.bp.blogspot.com/-UrPbwWyd88E/ UNHJhIlDSRI/AAAAAAAAIt4/fmis0qzbcfI/s1600/NBTtwitter_right.png" /> <div style="width:248px;font-size:8px;text-align:right;"> <script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=@IkhsanGaozhan& settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/ javascript'%3E%3C/script%3E"));</script><a href="http://cometshare.blogspot.com/" target="_blank"></a></div>        </div>      </div>    </div>   <div id="on">      <div id="google_plus_right" style="top: 45%;">       <div id="google_plus_div">          <img id="google_plus_right_img" src="http://2.bp.blogspot.com/-e2uAzeEjWU4/UTHxwZv6O_I/AAAAAAAAACo/ IIkUjVUrtus/s1600/NBTgoogle_plus_right.png" />          <div style= "float: left; margin: 10px 10px 10px 0;">           <a href='http://cometshare.blogspot.com/'>             <img alt='Comet Share' src= 'http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/ xo2eFaDbfrE/s1600/best+blogger+tips.png' />            </a>           <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/101354035066564687263" data-source=" blogger:blog:followers" data-width="270"></div>            <script type= "text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              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>        </div>      </div>

Keterangan :

• Kode berwarna Merah ganti dengan ID Fans page facebook anda
• Kode berwarna Hijau ganti dengan ID twitter anda
• Kode berwarna Biru ganti dengan ID Google Plus anda.

Cara Memasang Widget Radio Tuna di Blog

anda penggemar widget?
ada wajib mencoba yang satu ini. selain unik juga menarik.
saya perkenalkan widget untuk blog, Radio Tuna Online. anda bisa lihat screen shots di bawah ini :

Gimana keren kan. banyak pilihan genre nya.
jika anda ingin mencoba nya, saya akan share link nya buat pengunjung setia Comet Share.
Langkah demi langkah :
Cara membuat nya :
1. klik Get Widget
2. setting warna dan ukuran
3. Add/Pilih genre musik pilihan kamu.
4. Copy kode dan paste kan di blog kamu.
Bagi anda yang belum tau cara copy paste di blog anda, ikuti pada langkah2 berikut :
saya akan contohkan pada website blogger.
1. login di akun blogger anda
2. pilih pada tata letak/layout
3. Add gadget
4. pilih Edit HTML
5. Paste kan kode.
6. Simpan/Save
Link Widget Radio Tuna Online : http://radiotuna.com/OnlineRadioPlayer/Intro

Widget Ramadhan untuk Blogger

Untuk menyambut bulan ramadhan, para pengguna blogger/blogspot bisa memeriahkan ramadhan ini dengan menambahkan widget ramadhan di blogger/blogspot anda, biar ramadhan kali ini lebih tambah semangat dan penuh warna baru...caranya cukup mudah, anda cukup copy paste kan kode di bawah ini .

Berikut Langkah 2 nya :
1. Login ke blogger
2. Klik tata letak
3. add gadget
4. pilih edit html/javascript
5.kemudian copy dan pastekan kode nya.
6. save.

Berikut Widget Ramadhan dan copy kode nya  :

Kode :

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/wiDget-Ramadhan-BeRcahaya-6142-8192_134217728.widget?__install_id=1248336094072&__view=expanded" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="true" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="300" height="300"></embed> </p>

Zawa Hello Ramadhan
Kode :

<embed src="http://fc03.deviantart.com/fs47/f/2009/198/9/f/helloramadhan_by_blogclocks.swf?msg=Marhaban%20Ya%20Ramadhan&c=0xffffff&r=0&k=2&w=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="140" height="170" wmode="transparent"></embed><a href="http://zawa.blogsome.com" style="display:none;">Zawa Hello Ramadhan</a>


Zawa Hello Ramadhan
Kode :

<embed src="http://fc03.deviantart.com/fs47/f/2009/198/9/f/helloramadhan_by_blogclocks.swf?msg=Marhaban%20Ya%20Ramadhan&c=0xffffff&r=1&k=1&w=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="140" height="170" wmode="transparent"></embed><a href="http://zawa.blogsome.com" style="display:none;">Zawa Hello Ramadhan</a>

Selamat Menjalankan ibadah puasa di bulan ramadhan ini dan tetap tambah semangat, semoga amal dan ibadah nya di terima..Amien..

Memasang widget twitter di blog

Bagi anda yang sudah memiliki blog sendiri dan anda ingin mempercantik tampilan blog anda, salah satunya dengan memasang widget twitter. hal yang pertama anda harus membuat akun twitter dulu, jika sudah copy kode di bawah ini dan paste kan.


<div style="background:#fff url(http://cometshare.blogspot.com/-CLBGzLyi1so/T1UPEFQD_oI/AAAAAAAAFuI/dTa03s7vVYg/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('AndieAAN').start();
</script>
</div>
<br />
<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
lang=en&amp;link_color=&amp;screen_name=AndieAAN&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>


Cara nya :
1.login ke blogger
2.klik tata letak
3.klik tambah gadget
4.pilih edit html/javascript
5.kemudian paste kode tersebut
6.save.
catatan : silahkan ganti yang berwarna merah dengan nama anda..
Lihat hasilnya..semoga bermanfaat buat anda. silahkan beri komentar nya. . .thank's

Membuat widget bendera translate

Jika anda ingin memasang widget google translate di blog anda, berikut ini saya akan berikan kode nya. Google Translate Berikut ini terdiri dari 8 bahasa yaitu Bahasa Indonesia, Bahasa Inggris, Bahasa Arab, Bahasa Prancis, Bahasa Jerman, Bahasa Spanyol, Bahasa Italia, Bahasa Belanda, Bahasa Rusia, Bahasa Portugis, Bahasa Jepang, Bahasa Korea dan Bahasa Mandarin. silahkan copy Kode HTML di bawah ini :

<html>
<a href="http://www.naskah.net">
<b style="color: blue;">Choose Language</b></a><br/><br/><a class="google_translate" href="#" rel="nofollow" title=" Bahasa Indonesa" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cid&hl=id'); return false;"><img alt="indonesia" border="0" align="absbottom" title="Bahasa Indonesa" height="24" src="http://naskah.net/indonesia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src=" http://naskah.net/inggris.jpg " style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Al Arabia" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=ar'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Al Arabia" height="24" src="http://naskah.net/arab.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=fr); return false;"><img alt="French" border="0" align="absbottom" title="Francais" height="24" src="http://naskah.net/prancis.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=de'); return false;"><img alt="German" border="0" align="absbottom" title="Germany" height="24" src="http://naskah.net/jerman.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=es'); return false;"><img alt="Spain" border="0" align="absbottom" title="Espanol" height="24" src="http://naskah.net/spanyol.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cit&hl=it'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italiano" height="24" src="http://naskah.net/italia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=nl'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Netherland" height="24" src="http://naskah.net/belanda.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=ru'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://naskah.net/rusia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=pt'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://naskah.net/brazil.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cjp&hl=jp'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://naskah.net/jepang.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=ko'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://naskah.net/korea.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=zh-cn'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://naskah.net/china.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a>
</html>

cara pasang :
1.login ke blogger
2.klik tata letak
3.tambah gadget
4.pilih edir html/javascript
5.paste kan kode di atas
6.save.

Memasang Widget Mr Bean di Blog

Sekarang ini banyak sekali website yang menggunakan widget2 yang menarik dan tentunya tujuannya adalah untuk menarik pengunjung, pengunjung akan suka jika widget yang anda tampilkan menarik, lucu, dan bagus. kalau begitu saya akan bagi kepada anda widget yang menarik dan lucu. di jamin pengunjung akan betah melihat2 ke blog anda..anda pasti tau tokoh komedi dari inggris yang begitu populer nama nya dan sangat terkenal di seluruh penjuru dunia..yaa siapa yang tidak tau mr bean..
Jika anda penggemar berat mr bean,di sini saya akan berbagi widget yang menampilkan mr bean sedang mengintip di samping blog anda, penasaran,hehehee....coba lihat dulu screen shoot nya :

Menarik bukan ??? jika anda ingin memasang nya di blog anda, coba anda copy kode berikut ini :

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="380" title="grab this widget @ widgetindex.blogspot" src="https://6073972830965350612-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex29/mr.bean.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

cara memasang widget ini :
1.login ke blogger anda
2.klik tata letak
3.pilih edit HTML
4.paste kan kode
5.save dan lihat hasil nya
silahkan like jika anda suka dengan posting ini.terima kasih...