Cara Membuat Translate Bendera di Blog dengan Mudah

Kali ini saya Posting tantang pembuatan translate yang ada di Blog, mungkin sekedar sharing buat anda yang mau.. Fungsi Translate sangat penting untuk menerjemahkan Artikel yang ada di Blog anda, kan yang ngujungi blog anda bukan cuma negaranya sendiri, maka dari itu saya Share tentang buat widget translate, translate ini lebih simple dan keren yang pastinya. hehe..  tanpa berpanjang lebar saya langsung saja membahasnya..

• Buka Akun Blog kalian
• Masuklah ke Rancangan / Design
• Pilihlah Add Widget / Tambah Gadge. 
• Pilih lagi Add HTML/JavaScript.
• Copylah Script di bawah ini :

<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/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgspSf_jKZWTUIQc5nLwyWLTjLO48fx9XBDRgX1EyO8BjFg_TZfvpMizc2Ij4kMdptz465xi7XwJ1hlNI8SPM3LtwrTL5qpBocneVTt3KzjhwNX7Z44_ZAtNqvWTggX3JQ7x_yMQulx2AQ/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaujVNPFNlWFC2GE-vzhMMqZsmd3I4IUtjOhLJP-GaBfQecKHhefaiCshsd3drPHxy2S2HtQESeeFV-S3j_CpiURJlWjs4OilPfe0S_WCene-OsHBiM5i5FBBUGY30NUBzHwkTb2y7pH0/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLTDIz7-zdkxnE4wra9BiOpYZox8PJoSQ7de_y14EVEyg9wJMlUxMHnHjsaxYAgKsjtyDuRWxrOZ-RWPLqpbtehyphenhyphenMwz7W9IfOYd1UwiQNOWPyti-7B52Jpjw5zg2Vd5RyLZXK1whuG1hXS/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPZriaQR160yb25IrAEQfyMqhEafZ81Tffdtu_aBDapQuySuovWb1kMSfASx59yyktxVaJpUKXiSW74iXxQWq2-dytD9flk80KAspnBF9JOP54wSHL6hSzml6XVGs2_UAXubWlmm268Te0/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEeWkkENEEo8DkstFPumvCL6Rk64ejqrWPVUZ2PSnHr09TcB7Rz0HcwirlWjVHkzr-hoTc8DuWziSsnkKBf8LOFCSsa1Y9AFKlbaT1Ioxzk1DpQwiQDaPc_-gqFksHbPkGIGalxE0rwmk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitf6KV-80OiDxnoFgY7eWQ4tfQk3yeSC0vNVygwCpeIFFM1H4UQCVsO1wfpjWVY4fV3XDRHP6PHluzPYSQScj73Gdnp6xTroeMH2dRvgdgS6UtBcIUtouwMFGki0D1QNGPymlm4AHRP4ge/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_UcC_SmCfstCrOFIfbOHvAzn8-5Mfb0yNM5_ZqT0rUvUbPSTJgYb9NMEGuMzuz6SX-keXaFer1fT9x8FYaJHW5L8Ggm29_hAluCFJWcfUGyubEXXOzqQ1lnaScKD2v1NsCXBf7jGhwrk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWZhnytgr_Vo24uwA9XmSbFC_I_syj-5kdhQ7KlS83XpTrY0HeIcDeUpyeuwEi36Egm6iTL8fTZjhfTfuu8WDW8th0Junpqgloax0ccmwJpwnfzYu8eONLjq-pmz8_2u9492iqIYUF0xc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>

• Simpan dan Lihat hasilnya!
• Yang hasilnya nanti seperti ini :

Semoga  artikel ini bermanfaat :)

Read more »

Posted in: Tips and Trick,Widget

Cara Memasang Tombol Back To Top Di Blog Dengan Mudah

Anda tau tombol back to top?, tombol ini biasanya dipakai untuk kembali ke awal blog yang dikunjungi sehingga tidak usah repot-repot menggunakan scroll untuk kembali ke awal blog.

Anda berminat memasang tombol back to top ini di blog anda?, jika anda berminat nih saya kasih scriptnya :

                                                                                                                    

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Balik Ke Atas"><img border="0" src="http://4.bp.blogspot.com/-ZQ4bNM8qxic/T7yO2F98F6I/AAAAAAAAArI/oXOHxGUEaKg/s1600/top_up.png"/></a>

                                                                                                                                      



Anda dapat mengubah url gambar deatas dengan copy url gambar dibawah. atau anda juga bisa mengganti dengan yang anda inginkan, seperti di blognya saya.

   


Anda juga dapat mengganti tulisan yang akan muncul ketika pengunjung menggerakkan pointer mouse di atas tombol ini, dengan cara mengganti tulisan yang warna Hijau dengan tulisan yang anda inginkan.
Cara memasang tombol back to top di blog :

• ke Tata Letak
• Klik tambah gadget lalu pilih HTML/Java Script
• Paste code diatas 
• Simpan.
  
  Selesai Mudahkan..

Read more »

Posted in: Tips and Trick,Widget

Cara Membuat Popular Post Bergerak ke Bawah dengan Mudah

Pengin Popular Postnya bergerak Kebawah di sini tempatnya, Supaya Postingan yang populer atau yang sering di kunjungi bisa lebih menghemat tempat. karena akan bergerak ke bawah. Anda bisa melihat contohnya di blog saya ini.

Ikuti langkah-langkah di bawah ini :
1. Pertama anda harus log-in dulu ke blog
2. kalau anda sudah log-in. lalu masuk ke menu Tata letak.
3. lalu Click Add Gadget , lalu anda pilih Entri Populer

4. Kemudian Pilih kembali Add Gadget, dan sekarang kita pilih HTML/JavaScript
5. Kemudian Copas ( Copy Paste ) kode di bawah ini

<style type="text/css" media="screen"> #PopularPosts1 { overflow:hidden; margin-top:2px; padding:0px 0px; height:310px; border-bottom: 1px solid #eeeeee; } #PopularPosts1 ul { width:200px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #PopularPosts1 li { width:200px; padding: 5px 5px; margin:0px 0px 2px 0px; list-style-type:none; float:none; height:75px; overflow: hidden; background:none; } #PopularPosts1 li .item-title { color:#ffffff; font-size:12px; margin-bottom: 2px; } #PopularPosts1 li .item-title a { text-decoration:none; color:#fffff; font-size:12px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #PopularPosts1 li img { float:left; margin-right:5px; background:none; border:0; } #PopularPosts1 li .item-snippet { overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:12px; color:#ffffff; padding:0px 0px; margin:0px 0px; } #PopularPosts1 .item-snippet a, #PopularPosts1 .item-snippet a:visited { color:#3E4548; text-decoration: none; } #PopularPosts1 .spyWrapper { height: 100%; overflow: hidden; position: relative; } #PopularPosts1 { -webkit-border-radius: 0px; -moz-border-radius: 0px; } .tags span, .tags a { -webkit-border-radius: 0px; -moz-border-radius: 0px; } a img { border: 0; } --></style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript" charset="utf-8">$(function () { $('.popular-posts ul').simpleSpy(); }); </script><script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

6.Kalau sudah di Copas , Anda Pilih Simpan dan lihat hasilnya

Read more »

Posted in: Tips and Trick,Widget

Cara Membuat Translate Keren di Blog

 Kali ini saya Posting tantang pembuatan translate yang ada di Blog, mungkin sekedar sharing buat anda yang mau.. Fungsi Translate sangat penting untuk menerjemahkan Artikel yang ada di Blog anda, kan yang ngujungi blog anda bukan cuma negaranya sendiri, maka dari itu saya Share tentang buat widget translate, translate ini lebih simple dan keren yang pastinya. hehe..  tanpa berpanjang lebar saya langsung saja membahasnya..

 SILAHKAN IKUTI LANGKAH BERIKUT

1. Login Blog Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript" dan copykan code script di bawah ini :

<!-- Begin TranslateThis Button --> <div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/">translate</a></div><script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script><script type="text/javascript">TranslateThis(); </script> <!-- End TranslateThis Button --> <br>

 6. Selesai.. Mudahkan..

Read more »

Posted in: Tips and Trick,Widget

Cara Membuat Gambar Berputar Dan Memperbesar Pada Blog

Tujuan memutar gambar pada blog adalah untuk memperindah atau membuat pembaca blog terkesan untuk berada didalam blog kita, karna menurut saya penampilan itu sangat penting, ya udah deh langsung aja kepokok permasalahannya ya itu membuat gambar berputardan membesar....

Langkah-langkahnya sbb;

1. Pertama, pastinya LogIn dulu ke BLOG Kalian.

2. Kemudian dari Dasbor, cari Template --> Edit HTML.
3. kemudian klik sembarang pada kotak script

3. cari Code ]]></b:skin> (Untuk memudahkan pencarian maka tekan Tombol CTRL + F atau F3 pada Keyboard

4. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin> 

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

5. Terakhir tinggal di SIMPAN dan lihat hasilnya.

Read more »

Posted in: Tips and Trick,Widget

Cara Buat Related Post Dengan Gambar

saya akan membagikan widget related posts yang berasal dari linkwithin, yang memungkinkan pengunjung akan melihat lihat postingan yang lain, dan linkwithin dilengkapi dengan gambar yang seakan menambah keren blog anda. 





Berikut Caranya: :)

• buka linkwithin
• isi informasi yang diperlukan di formulir linkwithin, 

note: sesuaikan stories yang tampil dengan lebar blog sobat,

• kemudian klik GET WIDGET!
• klik instal widget
• ubah judul related post dengan judul yang sobat inginkan, seperti gambar dibawah ini

• klik menambahkan widget
• terus anda dapat script di Tata Letak, lalu pindahkan dibawah postingan
• Selesai....

Read more »

Posted in: Tips and Trick,Widget

Cara Buat Buku Tamu nempel di Sebelah Kanan Blog

Buku tamu nempel atau atauhide di bagian samping blog merupakan salah satu cara menghemat sidebar blog. Buku tamu ini akan tersembunyi dan hanya terlihat tulisan buku tamu saja pada bagian samping blog. Buku tamu akan otomatis tampil setelah anda mengklik tulisan 

'Buku Tamu" tersebut. Berikut cara lengkapnya...

1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript" dan copykan code script di bawah ini :

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDFOmD_G9Ys8FFXHURg0St1goguoHUTyW1V5EmycKMOgzLBzYgJ9ZuaKKMSkzh8z_-dSb7zU0JgOhcesILt91-AU9oJdUSkrEnqAO7qj2bh-Yky34IFfoJE9NWxQKyrmw1GWQu_IlMasHw/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNma3abp39PBHt-U269_1BnIUtDFRc9PWC9xYwGLJ4NCXFQjm0xddk7rDlVMjTcDIAaYYNj1EC6rexY_ak5c-hWOFcqXTGm1r4HTSbPOJZpjDcsobSjzkOhA1yxEPlzZ0b6ZTmNG04Ye6q/s1600/sword+blue.gif'); padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sahabat/ code chat lain <!-- END CBOX --> <a href="javascript:showHideGB()"> [hide] </a> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

 
Note: Ganti tulisan Code Cbox milik sahabat/ code chat lain dengan kode Cbox anda yang telah  peroleh  di Cbox.

Read more »

Posted in: Tips and Trick,Widget