Cara pasang Google Translate

Banyak bahasa di blog memang menarik. tujuanya adalah untuk mempermudah pengunjung blog kita yang datang dari luar negri. ya jadinya blog kita juga nantinya jadi Go internasional . karena tidak semua orang menguasai bahasa dari negara lain Google Translateadalah solusinya .Dalam postingan saya yang ini saya akan menjelaskan tentang bagaimana Cara Pasang Google Translate di blog.

Dalam dunia yang terus maju ini Blog yang kita miliki juga harus ikut maju dengan adanya beragam bahasa yang ada di dunia ini.karena di jaman yang serba maju ini B.internasional sangat diperlukan .Cara Pasang Google Translate ini juga cukup mudah..Dan buat kamu yang ingin memasang Google Translate di blog bisa mengikuti tutorial Cara Pasang Google Translate berikut ini:

Kode widget Google Translate ini bisa juga anda dapatkan dihttp://translate.google.com/translate_tools?hl=en

Langkah-langkah Memasang Google Translate

1.LOGIN ke Blogger dengan ID kamu.

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript

6.Selanjutnya Copy Kode HTML berikut dan Paste di dalam kolomHTML/Javascript tadi.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

7.Klik Tombol Simpan.

8.Selain itu kamu juga Bisa menggunakan kode HTML berikut ini Dan cara memasangnya sama seperti cara yang diatas.

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

GOOD LUCK

READ MORE - Cara pasang Google Translate Read More..

Cara Membuat Efek Kembang Api Pada Blog

1. login blog
2. rancangan --> edit HMTL
3. lalu cari kode </body>
4. lalu masukkan kode script dibwah ini diatas kode </body>

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

5. simpan...


Kok belum keluar??????
jangan takut dulu sob... masih ada cara yang lain kok... langsung aja ya..

1. login blog
2. rancangan --> elemen halaman --> tambah gadget --> HTML/JavaScript
3. lalu masukkan kode

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

4. simpan

Dan selesei deh dan jangan lupa coba lihat hasilnya....

klo belum kluar brarti kodenya masih di disabled tuh
jadi sobat bisa pakai yang kode dibawah ini aja (versi flash)

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

Simpan or Save
Good Luck sob.... ^_^ 

READ MORE - Cara Membuat Efek Kembang Api Pada Blog Read More..

Cara membuat Burung Twitter pada Blog

Cara Membuat Burung Twitter Animasi Di Blog - Untuk teman-teman yang ingin mempercantik Blog dengan Burung Twitter yang Terbang secara Otomatis, disini saya coba memberikan contoh cara membuatnya. Dengan menggunakan animasi tersebut, bisa jadi salah satu alternatif untuk Memperbanyak Followers di Twitter. Hmm,atau keuntungan lainnya adalah blog akan terlihat lebih cantik dengan adanya Burung Twitter yang terbang secara otomatis, dan jika pengunjung blog mengklik burung tersebut, secara otomatis pengunjung akan di bawa ke akun twitter kita, lumayan kan buat nambah Followers Twitter.

Nah, langsung aja ya..Berikut tutorial Cara Membuat Burung TWITTER Terbang Otomatis di Blog:


1. Loggin - Rancangan - Edit Laman - Tambah Gadget

2. Pilih HTML/JavaScript

3. Copy Paste kode dibawah ini di kotak HTML/Java Script yang disediakan

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtzMBUr_J2hZfPa3NizylBm8zDw6CGCMg2ZHi4-4hsqmC-1Tz9tj6Qik06J4wlGdUVQMqZ8m0R-lnSBJGus4yYTf9PS8yoKqlpkO9WYYEfYfGIPSBwCeA0HYEcKForELgunS_aq9vkQKFd/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/Badtey";var tweetThisText = "Twitter - Badtey http://blognyabadtey.blogspot.com/";tripleflapInit();
</script>

Keterangan:

Ganti http://twitter.com/#!/Badtey dengan URL Profil Twitter anda

Ganti http://blognyabadtey.blogspot.com/ dengan URL Blog Anda

Ganti Badtey dengan IdTwitter anda

READ MORE - Cara membuat Burung Twitter pada Blog Read More..

Cara pasang Read more

Setelah Kalian Login pada Blog kalian :
Pertama, silahkan langsung ke halaman EDIT HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>

Updates!: Apabila memakai trik diatas yang berwarna hijau saja halaman statis pasti ikut terpenggal seperti halaman depan, untuk itu silahkan pasang kode diatas yang saya kasih tanda Warna Biru agar halaman statis normal kembali.

------------------------------------------

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Kalo sudah silahkan klik preview kalau memang masih ragu-ragu lalu silahkan disimpan dan lihat hasilnya

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti
dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

READ MORE - Cara pasang Read more Read More..