Cara Pasang Translate Dengan Icon Bendera

Berhubung bahasa yang digunakan dalam dunia ini sangatlah beragam, tidak ada salahnya jika memberi fasilitas Google Translate pada Blog sobat. Nggak mungkin kan pengunjung blog sobat hanya orang dalam negeri.??? Pasti kan ada pengunjung yang masih asing dengan bahasa kita (Indonesia). Nah, sahabat Warung Blogger, Kali ini saya akan share Cara Pasang Translate Dengan Icon Bendera Pada Blog, Jika Sobat berminat langsung aja Ikuti langkah berikut:

1. Login ke Blog sobat
2. Pilih Tata Letak
3. Pilih HTML Javascript
4. Pastekan script berikut ke dalam HTML Sobat
<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga2vuu5_H4lbSK1AAIzrPl62IwXGlv_4R7gAh-elGdJxCRwD-dwkSeYR1iHz3H7TVTbRu3SPsigmvle9bK_S5hdxyc4U1ECqJEFWhyV5YJ49lN-0Ex2UTxO-gKfSN8qtCb1K7nsE3F27Y/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YF2C7OG3M_RhLY-XReSpSyu-ly_rbin_rzmgGoOOZI-LDreA9PwCK8apA27I3DSCy3208RBR-3ejcY1BhpX15Wmq3QYgK91XvpfcI5-vkwfwW16As_3lgYilGAkv-mbH87ozvjoYTvs/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi1mkhSM9mgLbAxDQ1ZU86qs-mfoqCSNikmeTAKkC7IdxGTg2t1jDLRmXlcB7pu4wCwfvri0nyIuCwa-QGIuIyRUhduUyAeH96CbK9bKXQlYt_J5iC7_T0OvQmK8XJlNDCUgqX10bNDYc/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXz53cCi2iv2fVI6Wh1rvwGCzLTtmHnyv-t6QAA7ml87x8TaFr4U6N0pGdMAqYhXQPN5zOxBb7AbRCqfaJyTRcRW-kc86HwzTxvaJnFocQrUs3uWVYSiqjXP40vTJfYe2n8n9hNT7hqtc/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkRYRBNM8bnG54gKy3__WI5txth1YPPesJWZ5mP31uDUToYX4GUfGF-2IKxWYSBuhBNFIxkTPByjQ82W1YI8bdOFfrWLu3VSvw2JGl6Zpj91iP4Pw7jN4uhmgWyA3eAz22XaLvp05f8BU/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwf-QpzB8D4R6XjcdDyhPT44aB4Mvrq96nDFfMDrEyPp8Zb0bu9ncffYt0VaEbhUE4zBXlZ1Hf9cKATwjNwd4biNzwbJo8ExeusQA44UbCvxGK5L350cp7xhBReZIdKy48zri-9Zn0l9E/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVAPW2Fy0tcWT25-TR7q0Y-Jj8zA91RdpNNkfUnHXZasH2C3Fq6Db8SbDJsDkBQlwoD8KrBg6by1-NXFWOTJ4_oyatvqHwgmz1KrO6hyphenhyphenMzxpSMsyo_wtRMlUPbXbk6KZm2q2in_S7O18/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeCeyex9A5LsiSNozrnrq8uh1c-cmU7RbxWDn6Uv-IUcP7z4-tElR774D5LRO_1qzn6KrWAOicOH7WA_iJYEOJfNTmM6OqM5uikVPgEW0bU7Jc_CNRmZBUXwvBeJ6GR06b3e0kScpkF9k/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusWD15pL35qC7CPi1DJeCDy3gX9MWmZWDcEoUjRCv5ZQ8BKRcmP1iupjz50u3Zm7k_QBRLMBuCpN39Us6pkMt1cI0slC-efgCk-KARk2AcHeRrkfAUb5wUPIth4iZnNF6xDhGfDc4nuU/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeGMKs4dFpe1PABx-HjtkARvpRMA9879vVsEGP_wYY0BMBHBK0f4YhkGso6e3pvtzybbi8dyPPKhHqi3Hhahuu7juWUmVVaWoWrjPUXJt4rmQRCOhmwobFZ662NnVZLNbSVMRYTHltPBQ/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHdM-OSxlbeI7OfsmjbyibN4uJFxnGbRWsTDM-3Esf5rE9J5fukroHfEub_2UxF7hzDQb5Jz6Hn4tj7W7e2f3L98ixvhx81bECNpjHd-fPvfnPcj1ILls691sCDxIOJeKDTBz4G3BMjE4/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvaiqh6D2EGtcNtfoZAJo5YAK_2tiBypaMpkO10ZeNmdLiMu2PLE7tNDPCt48RXV2Wf-SCJgl4FMT_MTuGTuIs_LTXJ0t2SLhHGoJ68v64dn8HkNkg47xnRkZi2uDxQqezGIXPj7bhyphenhypheno/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div> <div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;"> </div> <div style="font-size: 9px; padding: 8px 0px 0px 0px;"> <a href="http://distro-blogger.blogspot.com" title="Translate widget">Translate Widget</a> by Google </div> 5. Simpan dan lihat hasilnya

Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging

22.10  Unknown  No comments

Read More

Cara Pasang Twitter Fan Box Di Blog

Cara ini adalah solusi tepat untuk sobat yang ingin memiliki jumlah followers yang banyak pada Jejaring Sosial Twitter dengan cara memasang Widget Twitter Fan Box di Sidebar blog kita. Nah, sahabat Warung Blogger, Kali ini saya akan share Cara Pasang Widget Twitter Fan Box, Jika Sobat berminat langsung aja Ikuti langkah berikut:

1. Login ke Blog sobat
2. Pilih Tata Letak
3. Pilih HTML Javascript
4. Pastekan script berikut ke dalam HTML Sobat
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script> <div id="twitterfanbox"> <script type="text/javascript">fanbox_init("WarungBlogger");</script></div> NB: Ganti Warung Blogger dengan ID Twitter sobat. 5. Simpan dan lihat hasilnya

Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging

22.48  Unknown  No comments

Read More

Cara Pasang Floating Share Button Di Blog

Fasilitas Share Button merupakan salah satu widget yang digunakan untuk me-share atau berbagi sesuatu dari Blog kita ke Sosial Media contohnya. ASobat berminat untuk memasangnya.??? Nah, sahabat Warung Blogger, Kali ini saya akan share Cara Pasang Floating Share Button Di Blog, Jika Sobat berminat langsung aja Ikuti langkah berikut:

1. Login ke Blog sobat
2. Pilih Tata Letak
3. Pilih HTML Javascript
4. Copy-kan script berikut ke dalam HTML Sobat
<style> /*-------LB Floating Sharing Widget------------*/ #floatdiv { position:fixed; bottom:15%; margin-left:-70px; z-index:10; float:left; padding-bottom:2px; } #lbsidebar { background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding-left:5px; width:60px; margin:0 0 0 5px; } .fb_share_count_top {width:52px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-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> <div id="floatdiv"> <div id="lbsidebar"> <table cellpadding="1px" cellspacing="0"> <tr> <td style="padding:5px 0px 0px 0;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="lenterablogger">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </td> </tr> <tr> <td style="padding:5px 0 2px 0;"> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td> </tr> <tr> <td style=" padding:5px 0px 0px 0px;"> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script> <g:plusone size="Tall" expr:href="data:post.url"> </g:plusone></td> </tr> <tr> <td> <p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"> <a style="color:#ffffff;" href="http://distro-blogger.blogspot.com/">Widget</a></p> </td> </tr> </table> </div> </div> 5. Simpan dan lihat hasilnya

Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging

22.40  Unknown  No comments

Read More