BLOG RANGGA

<script type="text/javascript">var hn_url_blog = "http://blog-rangga.blogspot.com/";var hn_jumlah_post = 15;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="https://blograngga.googlecode.com/files/rangga_Headline-animasi.js"> </script>

• Ganti http://blog-rangga.blogspot.com/ dengan Url kepunyaan sobat.
• Ganti 15 dengan jumlah link yang ingin di tampilkan
• Ganti warna latar atau backgroud widget FAF8F8. 
• Ganti warna garis FD0606
• Ganti posisi top sesuai dengan posisi yang di inginkan

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi740llxahZ16jZDaj7Igow1daVWs94m4KBUviYl9wkFz0m7ku_IilqBtuUKKaINYntdm3K9tt41Bq3IKhn070y-MDRNykOnZYAN3flUDmkCtpapdv9D7LvjzkJPm1Yje4dt_3EM4PWFz4/s1600/maskolis.co.cc.jpg') no-repeat bottom right; } .Rssardi33 a { background: none;}  .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; }

<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/BlogRangga' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>Blog Rangga </font>
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='BlogRangga'/>
<input name='title' type='hidden' value='BlogRangga'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td><td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/BlogRangga'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/BlogRangga?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script src='http://blog-rangga.googlecode.com/files/back%20top.js' type='text/javascript'/><!-- Back to top created by Blog-rangga.blogspot.com --><a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwVBfysLXnhUr_FXaUAaBqhAm2tn2SE6TyczPJAGvNXvAGWobB8IRADdTaORNHls8JKtVZbFrsDax7csQ4OIYpo4F_Cy3DAktf6O5hP3iRwC170bTJZoZjXTmT7r8jcv80oHLyjIRopYc/s1600/blog-rangga1.gif'/></a>

    <script language="JavaScript" src="http://blog-rangga.googlecode.com/files/kameracctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4uJamw0cyVxBQmiP9P4p9d4_zIpR_vwBP7wXBMigW11YGM2Cx_R6gzOu_PHJepCWdqx_7ZHVF7IUFwueGBFKE2eVyabRsn5xWjk6V9hATppYUSOR8xBhcKUSCg9kSlLwSXb2uuCf52CA/s1600/cctv.gif")</script><span style="font-size: 50%">Widget<a href="http://blog-rangga.blogspot.com/2013/01/cara-memasang-kamera-cctv-di-blog.html" target="_blank" rel="follow">Blog Rangga</a></span>

1. Login dulu ke blogger.
2. Pilih Template di dasbor blog.
3. Pilih Edit HTML 
4. Centang dulu Expand Template Widget.
5. Cari kode </head> di Template blog . 
6. pasang kode di bawah ini sebelum kode atau diatas kode </head>

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> 

7. Simpan Template.
8. Pilih Tata Letak di dasbor blog
9. Klik Salah satu tambah gadged/add a gadged.
10. Pilih HTML/Javascript .
11. Pasang kode di bawah ini ke halaman HTML/Javascript

            <script type="text/javascript">
            //<!--
            $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
            //-->
            </script>
            <style type="text/css">
            .floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg4QVtOgozP930tDR58T0nMWUDNosSXNGeugITiMjygIsawyNVl0o2TJTsBMUUUTWGol1m-4-kh90p0pdwN-plYtOOXJyMtJKJ729TJDo5dfcio8tBgrQx7ZYk5ic5aoM685DRam-LBwAG/s1600/floatingfbpng1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
            .floatinglikebox div{border:none;position:relative;display:block;}
            .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
            .floatinglikebox span a{color: #808080;text-decoration:none;}
            .floatinglikebox span a:hover{text-decoration:underline;}
            </style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blog-rangga/***************&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#ffffff;" allowtransparency="true"></iframe><span><a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-like-box-fans-facebook.html" target="_blank">Get Widget</a></span></div></div>

12. Terakhir Klik simpan kode 

Ganti kode yang berwarna merah dengan URL Fan page facebook sobat

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<br />
<div id="pageshare" title="bagikan ke teman anda">
<div class="sbutton" id="gb">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like font="" layout="box_count" show_faces="false"></fb:like></div>
<div class="sbutton" id="rt">
<a class="twitter-share-button" data-count="vertical" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div>
<div class="sbutton" id="gplusone">
<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script><g:plusone size="tall"></g:plusone></div>
<div class="sbutton" id="su">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class="sbutton" id="digg" style="margin-left: 3px; width: 48px;">

<script src="http://widgets.digg.com/buttons.js" type="text/javascript"></script><a class="DiggThisButton DiggMedium" href="http://www.blogger.com/blogger.g?blogID=2011306476484227578"></a></div>

<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<br />
<div style="clear: both; font-size: 9px; text-align: center;">
<a href="http://blog-rangga.blogspot.com/2012/12/cara-pasang-widget-share-social-di-blog.html" target="blank" title="Cara Pasang Widget Share Social di Blog"><span style="color: blue;">[Get Widget]</span></a></div>
</div>
<!--Widget Share Button Melayang End-->

• untuk tulisan warna merah bisa di ubah nilai nya sesuai posisi yang di inginkan.
• untuk tulisan warna hijau warna border atau garis widget.
• untuk tulisan warna orange adalah kode backgroud widget ubah kode HTML nya sesuai selera untuk mendapatkan kode warna HTML klik >> disini .
• untuk tulisan warna biru hapus kalau ingin menghapus button stumbleupon dan Digg biar tampilan nya lebih simple .

1. Login ke blogger.
2. pilih tata letak.
3. tambah gadget.
4. pilih Pengikut Google+ Baru!.
5. Simpan untuk memasang nya di blog 

• Login di Alexa.com kalau account sobat belum ada pilih Create Account untuk membuat accout Alexa
• Lalu pilih products
• Cari See Other Tools for Site Owners Pada bagian Bawah Alexa products
• Pilih tampilan Widget Alexa rank yang akan dipasang
• Masukkan Url Blog sobat dan klik Build Widget
• Lalu Copy Script danpaste di blog sobat
• Masuk ke blog  Klik Tata Letak pilih salah satu Tambah Gadged
• Pastekan kode yang script Alexa pada halaman HTML/JavaScript
• Terakhir simpan untuk melihat hasil nya

• Login dengan account blog sobat yang telah terdaftar .

• Setelah sampai di dasbor pilih lah "tata letak".

• Lalu pilih salah satu "tambah gadged" di halaman tata letak .

• Pilih lah "HTML/Javascript" untuk meletakan kode scriptnya.

• Paste kan code script yang telah sobat tadi dan lalu klik "simpan" untuk melihat hasilnya.

1. login dulu dengan acount blogger sobat
2. pilih menu design =>>add gadget =>>HTML javascript.
3. copy paste kode di bawah ini ke halaman HTML yang tadi.

• kode yang berwarna biru ganti dengan kode twitter sobat

• kode warna merah bisa sobat di sesuai kan dengan tema blog sobat dengan mengganti nya dengan kode di bawah ini 

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOSa7eHur7TyxdQDbdz0RLNCSpJsK2WUqNtzXY9wTUYuIMOzJknQiQ8OnLhu0rTmihiqy4fj1H0AYmfaSH0OiA-sx1VW3qqszH9JGHSoEdn-TTcirsz_Kw8cDcMbuCPEGAaoRWFvgt7pw/s1600/yellow+bird.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZyIi_Wz2M3ibtTne2UlcTf-fKBqkK-47GGve_V7VzeZfTytCjzDsPk04FeBYXh_nCK9DDFEQg5bNYTlgzwD4T-KpaV5AKTKXI5gJSlkYZwAAjyGI1fQj_FWXIrBOjYbzItpoBCcGWNrQ/s1600/black+bird.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ0tPSHm37_zlWaALrgGNHuMd-GsNp5yEbYveB_oCW9YqbKdUs6B869yOipY6huePi_r_okJKvFejLiAKSdj5Tf3yJEtDRKQoZTaPUsmhSaK2dpj_yfVTj5LBoiJbxBfZv9O7SiGm8nJw/s1600/Blue+bird.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlxKd6QW4TfZUrc1gcluY17hUlw7SljAE4I-kKv9gC3IjprOtra4yzTclM7TMLVc3b2AH8f_bfvOv6yDWehxyWjLHJ-pGpG2rsf3zJw2ArpQS1k6qPMdEVAxFa8z-B3yQzfIoCBxO3OY/s1600/brown+bird.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCS9rcRsxZCvtrNjSFR9yC6lWxjFFUE8p3t_YLyPBhYF7o4iuaKnQqmGqSBiDPdTvcsc4PV_3HBS74B9a7EHhFkP3cPrtr7oYc0wO8dOfwd6MfQJIGxYhBGYN0-MaXK75wcSEe6VvqEP8/s1600/Green+bird.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL3VFTObg9RTIOcU9xn_vFe6AKla1tSc-bzdMbd62HQGcW7ic1A7DpZsiVy6TF0hPtK-22B0PLpGsrP6C3c-jPvTTV9aWGB8sLROSEVo6OVVmfEl-d216nVbO7iaOzeExIB7JVKtOcEl0/s1600/purple+bird.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlFVMQ7JAEZwN5sQM-Xh6Dmo5p9Fy2s8jBozoB55QJ2rEhZW0euyjLkhlRzfvZlJ8kmKlggnFg7ebW-BORjtxudgaD-WBRAL2HU8_Znj39Uc2vod5SAaUDf_oKq0k1flC99zi9SWXAGhk/s1600/white+bird.png

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSG6yGswqCrlc0UdY4Ec6tT2Uysa4cSPlJLtf8kL3ag9NRVWEU-KATxsrsut0X04lj4TH8z6bAkAXswXcRHJh51ooXUdyuVvgj5G6HNs3twIm6EbamBlE8tOiA3rwRK8FVRBRsx5b-NY/s1600/red+bird.png

• Pertama sobat kunjungi link widget ini http://www.linkwithin.com/

• Sobat isi kolom yang sudah di sediakan

• Kolom pertama "Email" Isi dengan Alamat Email sobat.

• Kolom ke dua "Blog link" isi dengan Alamat Blog/situs sobat.

• Kolom ke tiga "Platfrom" Pilih Platfrom Anda, (blogspot, wordpress, TypePad, dan Other).

• Kolom ke tiga "Width", Isilah jumlah LinkWithin yang akan di tampilkan pada Blog/situs Anda

• Centang pada "My blog has light text on a dark background".

• Klik GET WIDGET!

• Klik Install Widget

• Simpan Di Blog sobat