Cara Pasang Translate Bahasa dengan Icon Bendera

Memasang translate pada blog menurut saya berguna, untuk membantu pengunjung blog tersebut jika pengunjung itu berasal dari luar, sehingga mereka tidak kesulitan untuk membaca artikel yang kita posting.maka dari itu sekedar berbagi kali ini akan memberikan tips tentang Cara pasang translate Bahasa dengan Icon Bendera.


Login di blogger sahabat
Kemudian Tambahkan Widgte HTML
Copy kode Dibawah ini

Klik Bendera untuk mengganti Bahasa

<hr/><div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img alt="English" title="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ru6Fee_9udZR4ewmFQdvdeiix3BVaBvdH3EUF4ChYfWWcEtTI-sEFLp0Dv1-f8N0choPh4CV5q8l8-GyKlvWkSh5Un13yyfzA5CW-bbBiEB-eOVz8UCuY91lHQtnCMImZ6_tc9lHb7I/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img alt="French" title="French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZXd3DubRFczHiiy9Cz63yHa3pjhTN3eJv1ciB9pRW6nEAQB0nXryA9-Ab06Bd7lY3YIO19PJ-Hsx-wVBSiGRDA_QO5xuk0XoNiuHLlP5ntBOvVsV_zr7p0XFXeRk_In6ZUXLfGV_Q88/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img alt="German" title="German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGTjmyy7DCAmlbsL60hgL6T_kg8CRPILiWv232s0c-CFjNP9_iMrK9_UsnBNwR0OX7vhhLVcyarj4NGC84TKw1HarGc6LBnK3IUUZ2CjqhYKLPYkU9UNoG8Qc3Gr7W5KpsXhFkQMnxa02P/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img alt="Spain" title="Spain" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnxpBeErHa-FV2UcFRvI4o83FKEhl3pmXylQG8cS6edGb_OmGCrnnAv0mrpkDsro085z-pFY0kQyzY6mNLi54ugez5-QjHK-OXAc2pLzL0e5-i15luO8CEBS8Otgo-n3rZmEJG-qbQqdaq/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img alt="Italian" title="Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXS1TkvjNGyXCMeHEWT2b-cRGcQ8VLma-ouX5NE0lMJkDk5Y3ln92kPPUEyEaiulWqjFejpeA3wsDHbwq7tZnWIA7-0bP3Ps2AdQ5z69Ai2Um4RBlnJTaeYq33yq6NSZYRA_7qNLKgdJo/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img alt="Dutch" title="Dutch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Or_S4QuAkaqh4TeFxSaT7PXdNgIqveClg2migJiegHxt10KnAy3uACkFF4NPRLKOh8ak41pUpg_FBXGzZl9EtVYQGfCQ9LuI-gR9_3O-Clf7qKuJLAEPM0tpVsKoh3PzYrE9cfkgW40/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img alt="Russian" title="Russian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzcsiM3IacyFNkxQ7XZm8Oqmgxsxl9IbKy2H7WLMt9qTV2s8VrWHn3un6QIBb5w6XptrBOqBPnC45cf8onnuqQ3ff1M9iDI29jLfpPe43CP2CWbbIMcsA_3YvMMwoRsectKRRUKmkUSE/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img alt="Portuguese" title="Portuguese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_08HregbD_4YIwkOoqCa32OBgcenMIF6QhyphenhyphenLNgPz8SQvz8OeuEiClCDHHtiuzOHo08VlOS21XYJ4w8-aEveARyUXVgN_ss4BN4CRIQcXrOAsyBEMkWj9VCUaCMJnt5I5t9YS48Fq90o/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img alt="Japanese" title="Japanese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtVEAYOQTKuUe319bSdbT2s9UvDFH5TS0NBQzabLUMtpZVxobpMnQaThhvNapl3r1AE-BsFnX4rkBy9iipqcYVaV0ggbuWxGROSe9ICMb0NGkhC5DEecsR5VtinY34Qrl6sx1lHDrXgyC/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> </div>

   simpan dan lihat hasilnya..

Continue Reading | komentar

Cara Menambahkan tombol widget share melayang di Blog

Banyak cara untuk mendapatkan trafic  pengunjung blog kita semakin banyak dan bertambah setiap harinya. salah satunya dengan bantuan jejaring sosial seperti Facebook, Twitter, Google+ dan masih banyak lagi yang lainnya yang kian harinya semaikin berkembang. Dan fasilitas inilah yang harus kita manfaatkan sebaik mungkin.

keuntungan yang didapat, artikel blog kita akan dishare oleh para pengunjung kita dan menyebabkan trafic rank kita bakal naik juga tidak lupa untuk mempererat tali silaturahmi  hehehe . . . Lalu bagaimana caranya agar Widget Share Sosial bookmarking ini dapat melayang pada blog kita?? Yappz sangat mudah sekali dan ikutilah langkah-langkahnya berikut :

1. Seperti biasa Agan buka akun blog'a utk login

2. Pilih "Design/Rancangan"

3. Lalu Klik "Add a/tambah Gadget"

4. Kemudian Pilih dan Klik "HTML/Javascript"

5.Kemudian silahkan Agan Copy Script Widget di bawah ini dan Pastekan pada "HTML/Javascript"

<style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position: absolute;
}

#z33sHare{
left:10%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 35%;
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div id="z33sHare">
<div id="ssl-box">
<div id='pageshare' title="Share AF Sahabat Artikel and Thank U for Coming">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div><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></div><div style="clear:both;">
</div>
</div>

6. Lalu Simpan. Dan Widget Share melayangnya telah berhasil dipasang



Selamat Berkreasi..

Continue Reading | komentar

Cara Menyembunyikan Widget Di Halaman Depan

Pada Tips-Trik sekedar Berbagi kali ini saya akan mencoba untuk berbagi Tips-Trik Blog yang akan membuat blog anda menjadi terlihat unik. Artikel ini adalah Cara Menyembunyikan Widget di Halaman Artikel yang akan membuat tiap halaman anda berbeda.nah... sekarang saya akan Menyembunyikan widget pada halaman artikel blog anda, namun terlihat pada homepage blog anda.

  Sebelumnya anda harus mengetahui judul dari widget anda. Jika widget yang akan anda sembunyikan tidak memiliki judul, sebaiknya pasang dulu judulnya.

1. Masuk ke dashbord blogger anda, lalu pergi ke Rancangan>Edit HTML. klik "expand template widget". (jangan lupa untuk membackup template anda)

2. Cari judul widget anda menggunakan CTRL+F.

3. Jika sudah ketemu, kurang lebih anda akan menemukan script seperti ini:


         

 <b:widget id='HTML14' locked='false' title='Judul Widget anda' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>

sekarang sisipkan script yang saya berikan sehingga kode diatas akan menjadi seperti dibawah ini:

   

<b:widget id='HTML14' locked='false' title='Judul Widget anda' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>

</b:includable>
</b:widget>

NB:
-Tulisan berwarna biru adalah judul widget anda.
-Kode berwarna merah adalah kode yang harus anda sisipkan.

Simpan template anda dan lihat hasilnya.

Continue Reading | komentar

Membuat Button Follow dan Dashboard pada Blog

Sekarang orang bisa mudah untuk follow (mengikuti) blog yang disukanya. Mengikuti berarti berlangganan tulisan-tulisan yang ada di blog itu. Salah satu media (tool) untuk mengikuti sebuah blog bisa lewat google friend connect. Biasanya widget ada berupa kotak dengan tombol join this site. Itu tersedia bagi blogspot.

Nah, kali ini kita akan membuat button follow yang meniru seperti Tumblr. Tumblr adalah satu platform untuk ngeblog. Jika melihat blog di bawah layanan Tumblr maka di pojok kanan atas selalu ada button follow dan dashboard.

Sekarang kita akan membuat button seperti yang ada di blog Tumblr. Dengan button tersebut akan mempermudah dan lebih menarik pengunjung blog untuk follow atau mengikuti.Semakin banyak yang mengikuti blog kita bisa menjadi parameter kebermanfaatan dan kepopuleran sebuah blog. Tentunya selain itu semakin banyak yang follow semakin banyak yang berlangganan semakin banyak pengunjung.

Cara Membuat Button Follow dan Dashboard ala Tumblr
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode berikut ini

    

<div style="position: fixed; top: 5px; right: 93px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=178140548863925378" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:5px;"><a class="linkopacity" href="http://ngkuydoang.blogspot.com" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

5. Kode berikut  178140548863925378 adalah blog ID yang mana setiap blog berbeda. Ganti kode tersebut dengan blog ID mu sendiri. Bisa kita ketahui dari addres bar saat kita membuta entri baru (misalnya; http://www.blogger.com/post-create.g?blogID=178140548863925378)
6. Untuk button Dashboard link tersebut (http://ngkuydoang.blogspot.com) bisa kita arahkan ke halaman utama blogger.com
7. Simpan jika sudah selesai.

                               
                               Selamat mencoba

Continue Reading | komentar

Membuat salam pembuka pada Blog

mungkin anda pernah melihat sebuah blog yang menampilkan salam sapaan, trik sekedar berbagi kali ini ada hubungannya dengan triks yang Membuat pesan konfirmasi
penasaran mau tau cara membuatnya, langsung aja
petama loginterlebih dahulu
2. masuk ke tata letak(layout) >> Element halaman
3. tambah gedget >> html/java script
4. copy code berikut dan pastekan kedalamnya

<script type='text/javascript'>
var name = prompt("Welcome!! Nama anda siapa", "Nama Anda ");
alert("salam kenal ya "+name)
alert("selamat browsing di blog saya, semoga berkenan!")
</script>

5. text yang berwarna merah bisa anda ganti dengan text yang anda inginkan
6.simpan
7.lihatlah hasilnya, selesai

Continue Reading | komentar

Cara Menyembunyikan Status Online Pada Facebook

Pada dasarnya fasilitas status online (chatting) pada facebook akan memudahkan teman-teman anda mengtahui apakah anda dengan online atau tidak. Dengan begitu teman-teman anda dapat berkomunikasi secara langsung dengan anda dengan fasilitas chatting yang ada. Tetapi ada kalanya fasilitas status online ini malah membuat anda terganggu.
Ada banyak alasan mengapa anda tidak ingin diketahui teman-teman anda kalau anda sedang online di facebook.  Mulai takut diketahui oleh boss kalau sedang facebook-an, takut diisengin oleh orang lain, lagi malas chatting dan berbagai macam alasan lainnya.
Lalu bagaimana cara menyembunyikan status online facebook anda. Caranya cukup mudah, ikuti petunjuk berikut ini :

• Login ke account facebook anda
• Klik panel facebook chatting (Obrolan) pada bagian kanan baah dari layar monitor anda
• Klik Options (Opsi)
• Klik Go Offline (Jadikan Offline)
• 
  

Continue Reading | komentar

Cara membuat widget parse Html

  Widget parse HTML pasti diperlukan bagi sobat blogger yang sering membuat postingan tutorial blog atau tips blogging. Karena biasanya sobat akan menyertakan penulisan kode atau script HTML pada saat menuliskan artikelnya. Parse HTML ini maksudnya supaya kode atau script yang kita tulis dalam format HTML tersebut bisa muncul atau terlihat pada postingan, jadi harus diconvert atau di-parse dulu maksudnya. Nah seperti apa cara membuat widget parse HML ini ? Berikut saya share cara membuat widget parse HTML untuk anda.

Untuk membuat widget parse HTML sobat tinggal copy script dibawah ini :

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"> </script>

Kemudian paste di dalam postingan sobat (jangan lupa pilih opsi edit HTML), sehingga hasilnya akan terlihat seperti ini :






Nah silahkan sobat coba sendiri ya cara membuat widget parse HTML ini biar ngga pusing lagi harus memparsing kode HTML untuk postingan secara online.



                                       SELAMAT MENCOBA

Continue Reading | komentar