modifikasi tittle bar di blog

Mungkin dah banyak yang tau tentang script yang bisa membuat judul / artikel blog bisa bergerak di toolbar tab / title bar .. Nah pada kesempatan ini, kita membahas script yang dapat kita gunakan untuk mengkustomasi tampilan teks yang akan muncul pada title bar. Teks atau tulisan tersebut akan bergerak ke kiri (scroll) satu kali. Bingung?? ga usah pada bingung... Dari pada bingung lebih baik ikuti langkah berikut ini dan langsung mempraktekkannya...
- login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

- cari dan temukan kode: 

<title>......</title>

yang letaknya berada persis di bawah kode

- copy dan replace script di bawah ini di tag </title> tersebut.

<title>tulisan / teks yang akan ada di title bar</title>
<script>

//Document title scroller- By Graeme Robinson (me@graemerobinson.co.uk)
//Exlusive permission granted to Dynamic Drive to include this script in their DHTML archive.
//For full source code, terms of use visit http://www.dynamicdrive.com

var repeat=0 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}
}
if (document.title)
titlemove()
</script>

silahkan ganti tulisan yang diinginkan pada tulisan / teks yang akan ada di title bar

- Save n DONE 

selamat mencoba ..... 

read more...

bikin efek mouse pada gambar

Trik untuk membuat efek pada gambar atawa image. Efek ini dikenal dengan nama mouse over efek on image.....atau kalo dalam bahasa indonesia nya efek mouse pada gambar. Jadi apabila anda menaruh cursor anda diatas gambar maka gambar tersebut akan cerah atau sebaliknya meredup. Ini seperti efek transparansi benernya....

Ingin menampilkan gambar anda dengan sedikit sentuhan animasi maka trik ini dapat berguna buat anda. Langkah berikut ini :

1. Login ke blogger
2. Ketika anda sedang memposting masukan kode ini...

<img src="Masukkan URL Gambar/ Image" style="opacity:0.2;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /> 

3. Masukkan URL image pada tulisan yang berwarna BIRU
    efeknya akan terlihat seperti ini.....dari redup menjadi cerah...




4. Selesai

Or

Atawa juga dapat membuat efek sebaliknya seperti ini contoh di bawah dari cerah menjadi redup...
langkah nya sama seperti yang di jelaskan di atas...

<img src="Masukkan URL Gambar/ Image" border="1" style="opacity:1;filter:alpha(opacity=100)"onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

the result is :




Gimana? apa ada yang tertarik dengan efek" seperti ini???

read more...

cara membuat pop-up

Sebelumnya kan kita pernah belajar gimana membuat script alert welcome dan goodbye .....kali ini kita juga akan membuat hal yang sama .... yaitu pop-up. Pop up ini dapat berfungsi untuk menampilkan iklan, pesan dan lain-lain. tapi ingat ya jangan buat pop up terlalu banyak nanti pengunjungnya malah lari semua...jadi buatlah pop up seadanya aja.

Nah ini loh cara buatnya. .....langkahnya berikut ini :
1. Login ke blogger.
2. Klik tata letak dan klik edit template.
3. Silahkan copy code dan masukan kode ini dibawah kode
 
    <script type="text/javascript">
    var popurls=new Array()
    popurls[0]="http://blogtrikdantips.blogspot.com/"
    popurls[1]="http://blogtrikdantips.blogspot.com/"
    popurls[2]="http://blogtrikdantips.blogspot.com/"
    popurls[3]="http://blogtrikdantips.blogspot.com/"

    function openpopup(popurl){
    var winpops=window.open(popurl,"","width=,height=,toolbar,location,status,
    scrollbars,menubar,resizable")
    }

    openpopup(popurls[Math.floor(Math.random()*(popurls.length))])
    </script> 


4. Silahkan ganti kode warna biru dengan alamat url dari ID adsense, dll. Kode warna merah adalah kode untuk lebar dan tinggi pop up.
5. Juga jangan lupa aktifkan dulu allow pop up pada browser, karena jika tidak maka pop up tidak akan muncul.
6. Save n View 
7. DONE ............




moga bermanfaat yow ..

read more...

cara upload javascript di free hosting

Untuk mengatasi over banwitch pada file java script yang biasanya disertakan oleh para master2 blogger di script HTML pada penggunaan script tertentu, maka kita perlu mengupload sendiri ke file hosting kesayangan Anda, misalnya Ripway.com, Fileave.com, Hotlinkfiles.com dll. Sebelum meng-uploadnya tentu saja kita perlu mendownload file nya terlebih dahulu, caranya mudah hanya dengan meng-kopi alamat URL file java script tersebut dan taruh di alamat browser klik open, setelah terbuka Copas file yang terbuka tersebut dan simpan di komputer sobat.

Contohnya :

<script language="JavaScript1.2" src="http://spinningvbree.blogspot.com/slide-menu.js"></script>

Keterangannya :
+ yang berwarna biru adalah alamat file java script-nya Copas dan buka di Browser.

Dan cara menyimpan script JS bisa di Ripway.com, Fileave.com, Hotlinkfiles.com dll :

1. Kunjungi link Ripway.com, Fileave.com, Hotlinkfiles.comatau lainnya..
2. Kemudian klik Sign Up dan isi semua data data anda sesuai perintah.
3. Jika anda berhasil mendaftar akan muncul halaman " Thank You For Joining ".
4. Selanjutnya Klik Log In dan isikan User Name dan Paswords yang anda gunakan sewaktu mendaftar, terus click Enter.
5. Untuk menyimpan file JS klik MY FILE di halaman ini anda cari CREATE TEXT FILE, nah setelah anda klik CREATE TEXT FILE akan muncul halaman berupa sebuah kolom untuk membuat Script JS.
6. Perhatikan Tulisan Enter a File Name!! di kolom kecil inilah anda membuat judul untuk script js anda. silahkan buat nama scriptnya sesuai keinginan anda dengan catatan jangan menggunakan SPASI dan di akhiri dengan dot js contohnya tabmenu.js dan jgn menggunakan huruf kapital/besar.
7. Setelah anda beri nama Pastekan kode script yang anda dapatkan dengan mengklick Direct Link file js yang sudah saya sebutkan diatas kedalam kolom kosong pada halaman CREATE TEXT FILE, jika sudah di pastekan scriptnya click CREATE.
8. Setelah anda click CREATE maka anda akan mendapatkan Direct Link file js anda.
9. Cara untuk memanggil script js nya perhatikan kode di bawah ini :

<script src="http://spinningvbree.fileave.com/slide-menu.js"></script>

Note :
+ Ganti Direct Link yang berwarna BIRU dengan Direct Link yang anda dapatkan setelah anda Create Text File tadi dengan Direct Link anda.
+ Sebagai catatan jika anda menggunakan hosting gratisan seperti saya, sebaiknya anda gunakan sendiri agar tidak terjadi over load. Jika anda ingin mempublikasikannya kepada publik anda bisa menyarankan agar script JS tersebut di Up-Load sendiri, jangan mengunakan Direct Link Anda, agar tidak terjadi Over Load penggunaan bandwith.

Selamat mencobanya ...

read more...

cara membuat javascript file

Tutorial ini ditujukan bagi yang baru mengenal JavaScript. Sederhananya, JavaScript adalah bahasa pemrograman yang dapat dibaca oleh browser yang digunakan untuk membuat suatu interaksi pada sebuah halaman website. Untuk membuatnya kedalam sebuah file *.js, ikuti langkah-langkah berikut:

1. Buka Notepad. Bagi yang belum tau, Klik Start Menu » All Program » Accessories » Notepad
2. Masukkan kode JavaScript kamu kedalam notepad. Sebagai contoh kode JavaScript alert dibawah ini:

alert("SELAMAT DATANG")



3. Kemudian Save As file dengan nama file diberi extension .js dan save as type All Files seperti gambar dibawah. Contoh nama file JavaScriptnya " file_saya.js".


4. Kemudian klik Save untuk menyimpan.

read more...

Site Performance from google webmaster tool

Keinginan om google untuk menambahkan kecepatan loding situs ke dalam update pagarank-nya – seperti dalam tulisan ini “ optimasi speed blog dan pagerank”, kini terjawab sudah. Setidaknya ini berdasarkan apa yang ane lihat di bawah label lab google webmastertool kini ada penambahan halaman yang di namakan “ Site Performance “, sebuah page informasi untuk menilai kinerja keselurahan situs atau halaman situs dari segi kecepatan loding time. Kemudian di bawahnya webmaster tool menyarankan terutama untuk pengguna firefox agar menginstall Page Speed ,

addons yang berfungsi untuk meringankan loding time sebuah situs.

Tujuan-nya sebagai juragan dalam pemain di dunia maya, google nampaknya berkeingginan agar setiap situs layaknya seperti membuka lembaran koran atau majalah tak perlu benggong tak perlu nunggu tak perlu jengkel. Tujuan yang sangat adi luhung ini tentu saja saya sebagai user sangat mendukung sekali.Dengan begitu kita dapat mendapatkan dan menggali informasi tidak perlu ubanan menunggu terlalu lama. Walaupun tentu saja keinginan ini sulit untuk di raih karena berbagai kendala seperti pengunaan gambar dan flash terutama untuk yang lebih mementingkan nilai seni ke dalam layout-nya atau tutorial-tutorial yang hanya bisa di jelaskan dengan bantuan sebuah ilustrasi gambar. Begitu juga dari sisi server atau penggunaan javascript walaupun kini muncul json dll.
Maka mungkin karena dilema dan kendala di atas tersebut, pengaruh speed loding untuk pagerank bobotnya tidak melebihi link popularity.

credit : boogle

read more...

cara memperbaiki Sitemap Error

Ada yang tanya via email kemarin tentang keadaan sitemap dalam webmaster tool yang kedapatan error. dan ini sempat di tanyakan pula oleh nona ini sebulan yang lalu.
Tentang sitemap error ini sebenarnya cerita sangat lama  kurang lebih setahun yang lalu,  dan pernah di bahas di beberapa blog tutorial lokal.  terjadinya error ini sendiri di akibatkan karena feed blog kita di alihkan (redirect ) ke feedburner. ( tentang feedburner ).
Aneh-nya tentang error ini belum juga di betulkan oleh pihak google. pada hal kita tahu layanan feed dari feedburner sudah miliknya google. – mungkinkah  karena keserakahan telah mengalahkan loyalitas dan reputasi . red-.
Baiklah untuk mengulangi lagi informasi yang pernah di tulis oleh beberapa para pakar tutorial blogger. jika anda mendapati sitemap-nya dalam keadaan error, yang perlu anda lakukan ialah menambahkan pada  ATOM.xml atau Rss.xml –nya

menjadi :
atom.xml?redirect=false
atau
rss.xml?redirect=false
Dan di bawah ini ada beberapa keterangan dan tambahan dari Mr phydeaux3, yang bagus untuk anda ketahui dan baca :

Previously the root-level Blogger or BlogSpot feeds did not accept any query parameters, but when Blogger or BlogSpot added the redirect=false one, they also seemed to open up those feeds to all the known Blogger or BlogSpot query parameters. And that's how you can submit more than the standard 25 posts. First off, figure out how many posts you have by going to Blogger or BlogSpot Edit Post page and select only published posts, it'll tell you how many total posts you have. Then you can use the max-results and start-index parameters to expand the number of results obtained, and to submit more than one map if needed.Note: Currently Blogger or BlogSpot limits the max-results to 500 entries. This has gone up and down a couple of times so it could change. As of right now the upper limit appears to be 500. But 100 was the limit at one time.
I'm going to use the max limit of 100 in my examples, you can use more if that's what you want. So to get the first set of 100 posts the URL I'd submit would be:
rss.xml?redirect=false&start-index=1&max-results=100
or
atom.xml?redirect=false&start-index=1&max-results=100
Then, if I've more than 100 posts (I currently have 105) I can create another sitemap with the URL:
rss.xml?redirect=false&start-index=101&max-results=100
or
atom.xml?redirect=false&start-index=101&max-results=100
If you notice, just increase the start-index number by the amount of results you're getting. So the first sitemap started at 1, and returned 100 results, the second sitemap would use the start-index of 101 (100+1). Now that should automatically cover me for the next 95 posts. If I had more than 200 posts, just create another sitemap with the start-index of 201 (you get the idea). Google Webmaster Tools will automatically download the sitemaps (usually about once a day) and if I've made a new post it should get added to the mix.
Having said all that, two last things. One, I don't really think all of this helps any (if at all). Blogger or BlogSpot blogs aren't that difficult to crawl and Google will probably crawl your blog just as well with or without a sitemap of any kind. Two, if you really wanted to create a non-feed sitemap with some sort of sitemap generating tool, then according to this recent post at Google Webmaster Central Blog, you could upload a sitemap for Blogger or BlogSpot through another verified site like maybe Google Pages?

Note :
Namun terkadang cara ini tidak berlaku untuk yang blognya memakai domain co.cc .

read more...

cara buat taburan bintang di cursor

untuk membuat ujung cursor anda tak perlu repot - repot ke sana kemari hanya perlu seperti biasa copy code berikut :

<script src="http://h1.ripway.com/pinginbelajar/cursor/silver.js" type="text/javascript"></script>


trus paste di kotak widget html/javascript dan SAVE ...

cepat padat dan singkat kan..?

untuk javascript-nya saya dapatkan dari SINI

read more...

memasang translate bendera [ 2 ]

sebelumnya saya pernah menuliskan sebuah cara untuk memasang translator di blogger namun banyak yang bilah kalau model translator seperti itu terlalu setandar akhirnya saya mencari lagi dan menemukan yang seperti ini :

Google Translate

jika anda tertarik anda bisa mengopi kodenya di bawah ini :

<center><a href="http://pinginbelajar.blogspot.com/2009/05/translate-versi-google.html" target=" blank"><b>Google Translate</b></a></center>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<div style="overflow:no; width:100%px; height:100%px; padding:5px 0px 0px 0px;">
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>

<div style="overflow:no; width:100%px; height:100%px; padding:7px 0px 0px 0px;">
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>
</div>




kode yang berwarna orange merupakan kode warna untuk backgroundnya.

read more...

widget login blogger

widget login blogger ini berfungsi untuk mempermudah kita untuk masuk ke account blogger anda tanpa harus masuk ke halaman utama blogger . . . gimana anda tertarik..... ? langsung saja ikuti langkahnya . . . . ?

+ masuk ke account blogger anda -> tata letak -> elemen halaman
+ buat sebuah widget HTML / javascript
+ masukan code (copy aja dah) dibawah ini kedalam kotak widget :

<form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <input id="Email" tabindex="1" value="" name="Email" size="15" type="text"/></label></div><p><div><label for="Passwd"> PassWord: </label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="15" type="password"/></div><br/><center><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></center></p></form><center><span style="font-size: 80%">Widget edited by <a href="http://spinningvbree.blogspot.com">vl16</a></span></center>

- Save 

DONE

read more...

pantau perkembangan blog / web dengan GOOGLE ANALITICS

Untuk melihat statistik/ perkembangan website/ blog ini saya banyak menggunakan tool yang ada di internet. Saya menggunakan Sitemeter kemudian SeoMonitor, tapi belakangan saya menemukan tool yang canggih dah hebat yaitu (GA) Google Analytics (telat nih nemunya) hueheuehuehu.
Tapi tidak ada kata terlambat untuk mencoba tull nggak.
Sekarang yang menjadi pertanyaan apa sih untungnya dengan kita mendaftar Google Analytics ??
Bagi saya sangat bermanfaat, karena dengan tool GA tersebut kita bisa memantau berapa banyak orang yang sudah mengakses web/ blog kita, darimana saja orang yang berkunjung dan artikel apa saja yang paling banyak di baca oleh pengunjung web kita tersebut. Di GA juga kita bisa mengetahui pengunjung mengetahui web/ blog kita dari search engine atau dari link web orang lain atau dari lainya.
Selain itu GA juga bermanfaat untuk mengetaui kalau pengujung web/ blog kita sedang menurun traficknya kita bisa mengakalinya dengan lebih giat memposting artikel yang lebih menarik agar pengunjung bisa datang lagi atau dengan melakukan Blogwalking ke blog teman-teman lainnya.
Ok......
Jika anda ingin register bisa DISINI

feature GA :
- Kita juga dapat mengetahui dari mana saja orang tahu web/blog. bisa kita ketahui yang mengakses blog dari Search engine Google/ pengunjung yang datang dari link web dan pengunjung yang memang sudah tahu dengan web/ blog kita.
- Kita juga dapat melihat artikel yang sering dibaca.
- Kita juga bisa melihat pengunjung dari mana saja mereka, saya ambil sample 10 kota teratas di Indonesia, yang dari Luar Negeri nggak usah ya....

Selamat Mencoba

read more...

memasang IP address di blog

Untuk mengetahui Ip Address yang sekarang kita gunakan, sobat bisa mencoba memasang widget Ip Address di blog sobat. Karena saya sendiri memakai modem yang tidak menggunakan Ip Address yang tetap alias Ip Address yang selalu berubah - ubah setiap di koneksikan, makanya saya memasang widget ip address di blog saya. Caranya sangat mudah, sobat cukup kunjungi situs www.wieistmeineip.de

Kemudian sobat akan dibawa ke halaman pilihan gambar beserta kode HTML-nya, contohnya seperti ini :




Copy kode HTML-nya dan masukkan ke blog sobat. Bagi sobat blogger baru yang belum tau cara pasang kode HTML di blog :
1. Login ke blogger
2. kemudian klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih yang HTML/Javascript
6. Masukkan kode HTML-nya kedalam kolom kosong yang tersedia
7. Lalu Simpan.

read more...

cara memasang favicon di Blog

Bagaimana cara membuat favicon di blogger, dan buat apa fungsinya?. Nah favicon sendiri adalah icon kecil berukuran 16×16 pixel yang muncul di ujung kiri address bar. Sedangkan fungsinya adalah untuk menunjukkan identitas suatu situs/blog. Jadi orang akan lebih mengenali sebuah situs/blog melalui favicon juga.

Untuk membuatnya Anda memerlukan file berformat GIF, JPG, BMP, ICO, PNG, TIFF yang ukurannya kuran dari 1 Mb.

Gambar icon Blogger belum diganti
Gambar icon Blogger sudah diganti

Jika anda kesulitan dalam pembuatan icon anda bisa menggunakan layanan Favicon. Jika di blog saya saya edit manual menggunakan corelldraw atau photoshop. Adah juga layanan yang sudah menyediakan icon sendiri anda bisa memilih sesuai selera anda, silahkan langsung aja coba di iconj. Kelebihanya anda bisa memasukan icon milik anda sendiri.

Kelemahan jika kita membuat secara manual kita harus mengupload icon kita terlebih dahulu, anda bisa menggunakan layanan photobucket. Setelah itu anda tinggal copy script yang sudah disediakan.

Contoh script seperti dibawah ini :
<link href='http://i396.photobucket.com/albums/pp48/putro16/pemogramanweb.png' rel='SHORTCUT ICON'/>

Arti code yang diberi warna biru pada teks diatas adalah alamat penyimpanan file atau image icon anda.

Langkah-langkah Penyimpanan Script:

1. Sign in / login di blogger terlebih dahulu
   
2. Klik menu layout
3. Klik menu Edit HTML
4. Jagan lupa Beri centang pada Expand Template Widget
5. Copy script yang tadi lalu paste pada kolom Edit template diatas tag
   
6. Klik tombol SIMPAN TEMPLATE
7. klik view... selesai deh.:)
   

akhirnya jadi juga... hehehe.

credit : kangputro

read more...

apa itu RSS

What is RSS / Apa itu RSS ?

RSS merupakan kependekan dari Really Simple Summary yaitu teknik yang digunakan oleh masyarakat dunia maya untuk mengumpulkan dan menyatukan isi dari sebuah halaman Web. Sebuah file RSS menyajikan sebuah informasi ringkas tentang headlines, links, dan article dari sebuah website.

RSS termasuk dalam type metadata. Metadata yaitu unit informasi yang digunakan untuk menyediakan informasi-informasi deskriptif tentang isi, konteks dan karakteristik dari data dalam suatu webpages. Sebuah file RSS menerangkan isi dari sebuah saluran informasi (channel) yang berisi logo/image, site link, input box dan items. Items pada sebuah file RSS biasa disebut dengan “news items”. Web site tertentu dapat menyalin dan menggunakan RSS yang dimiliki web site lain untuk menginformasikan sebuah berita atau artikel, hal ini sering disebut dengan
RSS feeds. RSS di internet digambarkan dengan icon atau , sedangkan untuk mengetahui apakah suatu website memiliki RSS atau tidak kita dapat melihatnya di address bar seperti gambar berikut .

Saat ini RSS merupakan salah satu tehnologi yang paling popular atau paling banyak dipakai di dunia internet. Dengan RSS kita dapat mendapatkan informasi yang yang kita butuhkan saja dan selalu up to date. Kini RSS telah banyak digunakan pada aplikasi weblog, knowledge management networks dan news syndication.

Tehnologi RSS saat ini tidak hanya bias digunakan di computer akan tetapi juga dapat digunakan oleh media lainnya, diantaranya yaitu : PDA, PC tablet, handphone, smartphone, dll

Sejarah RSS

Pada Desember 96 Ramanathan Guha dari Apple mengusulkan sebuah proyek dengan nama Project Sauce/X dengan format MCF (Meta Content Framework) yang merupakan ide awal untuk memproses metadata. MCF adalah sebuah format terbuka untuk mempresentasikan informasi tentang content . Dave Winner adalah pengguna awal MCF ini, namun hal ini masih diragukan.

Pada tahun 1997, Microsoft dan Netscape mengajukan proposal ke W3C. Microsoft mengajukan proposal tentang Channel Definition Format (CDF) sedangkan Netscape dengan Meta Content Framework using XML. MCF using XML dari Netscape merupakan cikal bakal RSS. Pada tahun yang sama W3C mempublikasikan draft RDF (Resource Description Framework) ke public. RDF sendiri digunakan untuk memproses metadata. RDF merupakan inspirasi dari proposal MCF dan PICS. Dave Winner pada tahun yang sama, juga mengajukan proposal ke W3C dengan dengan format yang mirip dengan CDF.

Maret 1999 Netscape meluncurkan versi RSS 0.9 dengan nama “ R DF S ite S ummary ”. Versi ini menggunakan sintaks RDF dan XML Namespaces. Pada pada tahun yang sama Netscape berkolaborasi dengan UserLand's mempublikasikan format RSS 0.91 dengan nama “ R ich S ite S ummary ” lalu diupgrade oleh Dave Winner menjadi versi RSS 0.92. Versi RSS yang digunakan oleh Dave Winner memasukkan DTD dan elemen dari UserLand's. Pada tahun 2000 RSS-DEV Working Group mengeluarkan RSS 1.0 dengan nama yang sama yaitu “ R DF S ite S ummary ”, merupakan pengembangan dari RSS 0.9 yang menggunakan sintak RDF yang mirip dengan konsep asli RDF milik Dan Libby pada RSS 0.9. Versi RSS 1.0 memfokuskan penggunaan modularity/extensibility pada file RSSnya. RSS terus berkembang pesat hingga tahun 2002 dengan versi terakhir RSS 2.0. Versi RSS 2.0 diberi nama “ R eally S imple S ummary ”.

read more...

memasang translate bendera

Setelah mencoba membuat translate menggunakan fasilitas google. Nah sekarang buat yang gimana caranya membuat translate berlogo bendera?

silahkan copy code script dibawah 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="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKEabdDntiCn3c0ly-9QZScUKTvLfwGptOOITTVDAoIjb21bNH0oLPckkvjY0z8-i659Jap3X8kv8XIXN-xKd1h71w1gHYbNzlRPTI29zOIM-2aNuZEChxhMEgeFikzkU8gAluohDLf8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOcGH2cO-rn14MRSbG7Q8RtP9vINUGno5E-ZCs3NOKbYizbU9A4JA2Dd8rdLn6094hvKR9tunhJiMpKkfUib8yzqJgvhuZTPxAHvixUnIBQneIQ7Cc7bASgyMtkHTHc4MpM5tv-FI3o4w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPVz1mwmlahOKpOdMjEYTqZBmjjG7ky9TxgaRmil4JOMc6z4M8-5EViVDduG_3oJP4B-YwQvWu4hE8WsRfWL5TE7rr9_REnafTGBHqnJWdvgBBvxFA4zMO2M2CkKB7eZmwKVrlc4oSua96/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMcI6liyQ5wpHddc3MqDfMg9CgEXwThh35eELqeUkewvMhaaEl_dhbuc3EFiylRtxaNLmm_j-ubsKuB3X_QORPw3QtPJaDkKEJVZ6sG5MjIi_uUZRahNwM_8DvCRd_WWH5zXeUwKZgIZxv/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaSFD0Zy1BeO29Xrdr312RSrjkrsD8gHB8JrsDtDL-uGecEAhRl_NIWTiADreRZQCQoFx5I6JkMdQ8rgYQHpfr19hLbu1PhyphenhyphenJv0Y2im95V7f7dzk7Lg-FQaDm6pWnuSIULdXa3fWe4y9A/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfEEi_grhXSxd3h2z9J5HrdOX5eJFHhI3822AotgBS8ay0z810PFT9YDavu4t-PiWn0kKxXC6zEywV2ZjXrVZSRwptjTnoJCE3MO7mewOAZz9IdTBacunm_iPuCw0kNBCmcIV9gkNxcQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<br /><br />

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5rsL8YnAaD9fseca-PkcIirdBI1sng4cqdDaqad-tUn_Quojw2lTskOR9_Wt6MopV1prDKSyQkiXZAwaZTpKkP5yyzR_Y2jEKa4Q5nySvITxLOKOc-mPr80arpnrEvNRO-bAZrYVDMF8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfEb_fdGT_sw71H2PH-NUl-JRn9A1UImxPTfd-GyRMlPGUs9YYt5GqYt3dVItj5pA3yZsm1q3WSYmFBjlSc9Uz74UyZD3XQe7d8G2yEq5ePIXbaDKyJO9WoyuZJzMTN3JLg2gWaF40Kw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHL96-ibIx-Hc2t44V1Re4RgBrMBSDnESYoMXmqq4VIn8K9rFQBlEnnolMWwBWrBFGTyqUzs1nQ7ErGWPyCNJXK9MNkOhh_mU234bZlQyOs9DwYMIx1qtcqq5CFx9Exgv3HeHusswyylb0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6qzkM-6xWaH7nzgsWGW0zCS2p18tg4b_HOYk28kTONndYc16pdcwCr43Smp4FrGvCwqL5CZDWsBzqMMHL6dOMP4pRQwC1mTzs_v8Nkj2bRmkKEu-IwRcINmYvYK4lKlvEFYHwcSqBEU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMC-lEZoWOqN0Q9IpCyjcyJQMB56HbmSoURwoRN9B8YbJ3mG93EwqG_0sfgAgjW79_2lkmloq-XTwXGMmOWINbAMemiUoU2RDQJKKmybp-sFCspKDCrHhNL3pylZzNSxPMCRaeFlGk-Y0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiymZuTR_gnL73fp2vMtDY4CajRLcKwlSPjRnpoBKhUrf0c3leI37TMS92Q89TxaTPLS_2FeGxQUIwcVIMJFvX1BJai6LZNxX2H0l4nvnXhXLQLDNAZ4XKsk4ekfXB5Z-6mjm2bcjg-1vs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>

hasilnya :

 

tampilan kedua...
silahkan copy code script dibawah 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="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKEabdDntiCn3c0ly-9QZScUKTvLfwGptOOITTVDAoIjb21bNH0oLPckkvjY0z8-i659Jap3X8kv8XIXN-xKd1h71w1gHYbNzlRPTI29zOIM-2aNuZEChxhMEgeFikzkU8gAluohDLf8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOcGH2cO-rn14MRSbG7Q8RtP9vINUGno5E-ZCs3NOKbYizbU9A4JA2Dd8rdLn6094hvKR9tunhJiMpKkfUib8yzqJgvhuZTPxAHvixUnIBQneIQ7Cc7bASgyMtkHTHc4MpM5tv-FI3o4w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPVz1mwmlahOKpOdMjEYTqZBmjjG7ky9TxgaRmil4JOMc6z4M8-5EViVDduG_3oJP4B-YwQvWu4hE8WsRfWL5TE7rr9_REnafTGBHqnJWdvgBBvxFA4zMO2M2CkKB7eZmwKVrlc4oSua96/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMcI6liyQ5wpHddc3MqDfMg9CgEXwThh35eELqeUkewvMhaaEl_dhbuc3EFiylRtxaNLmm_j-ubsKuB3X_QORPw3QtPJaDkKEJVZ6sG5MjIi_uUZRahNwM_8DvCRd_WWH5zXeUwKZgIZxv/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaSFD0Zy1BeO29Xrdr312RSrjkrsD8gHB8JrsDtDL-uGecEAhRl_NIWTiADreRZQCQoFx5I6JkMdQ8rgYQHpfr19hLbu1PhyphenhyphenJv0Y2im95V7f7dzk7Lg-FQaDm6pWnuSIULdXa3fWe4y9A/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfEEi_grhXSxd3h2z9J5HrdOX5eJFHhI3822AotgBS8ay0z810PFT9YDavu4t-PiWn0kKxXC6zEywV2ZjXrVZSRwptjTnoJCE3MO7mewOAZz9IdTBacunm_iPuCw0kNBCmcIV9gkNxcQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5rsL8YnAaD9fseca-PkcIirdBI1sng4cqdDaqad-tUn_Quojw2lTskOR9_Wt6MopV1prDKSyQkiXZAwaZTpKkP5yyzR_Y2jEKa4Q5nySvITxLOKOc-mPr80arpnrEvNRO-bAZrYVDMF8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfEb_fdGT_sw71H2PH-NUl-JRn9A1UImxPTfd-GyRMlPGUs9YYt5GqYt3dVItj5pA3yZsm1q3WSYmFBjlSc9Uz74UyZD3XQe7d8G2yEq5ePIXbaDKyJO9WoyuZJzMTN3JLg2gWaF40Kw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHL96-ibIx-Hc2t44V1Re4RgBrMBSDnESYoMXmqq4VIn8K9rFQBlEnnolMWwBWrBFGTyqUzs1nQ7ErGWPyCNJXK9MNkOhh_mU234bZlQyOs9DwYMIx1qtcqq5CFx9Exgv3HeHusswyylb0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6qzkM-6xWaH7nzgsWGW0zCS2p18tg4b_HOYk28kTONndYc16pdcwCr43Smp4FrGvCwqL5CZDWsBzqMMHL6dOMP4pRQwC1mTzs_v8Nkj2bRmkKEu-IwRcINmYvYK4lKlvEFYHwcSqBEU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMC-lEZoWOqN0Q9IpCyjcyJQMB56HbmSoURwoRN9B8YbJ3mG93EwqG_0sfgAgjW79_2lkmloq-XTwXGMmOWINbAMemiUoU2RDQJKKmybp-sFCspKDCrHhNL3pylZzNSxPMCRaeFlGk-Y0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiymZuTR_gnL73fp2vMtDY4CajRLcKwlSPjRnpoBKhUrf0c3leI37TMS92Q89TxaTPLS_2FeGxQUIwcVIMJFvX1BJai6LZNxX2H0l4nvnXhXLQLDNAZ4XKsk4ekfXB5Z-6mjm2bcjg-1vs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>

hasilnya :

Jika menginginkan tampilan seperti di atas langkah berikut ini :

• Silahkan login ke blogger terlebih dahulu
  
• Klik Tata Letak
• Klik tab Elemen Halaman
• Klik Tambah Gadget
• Pilih Tambah HTML/JavaScript
• Kopy pastekan code translate kedalam kolom yang tersedia.
• Save

read more...