Cara Memasang Daftar Visitor Dengan Flag Counter

Cara Memasang Daftar Visitor Dengan Flag Counter - Flag Counter adalah sebuah sistim program komputer yang menggunakan algoritme untuk menghitung jumlah visitor suatu web/blog yang terdeteksi dari mana asal negara yang berkunjung dan menampilkannya secara online berdasarkan IP Address.
IP Address (Internet Protocol) digunakan untuk mengidentifikasi suatu wilayah atau negara dari mana komputernya terhubung ke internet, dengan IP tersebut Flag Counter melakukan perhitungan jumlah kunjungan visitor ke web/blog anda, oleh karenanya pengunjung lain tetapi bersumber dari IP Address yang sama tidak akan terhitung.

Dengan Membuat Dan Memasang Flag Counter Di Blog dapat membantu kita untuk mengetahui berapa banyak jumlah pengunjung serta asal negaranya yang berkunjung ke blog dan dapat juga menjadi sebuah parameter perkembangan suatu blog.
Berikut Cara Membuat Dan Memasang Daftar Visitor Dengan Flag Counter Di Blog

Klik alamat Situs Flag Counter http://flagcounter.com - akan tampil gambar berikut :

Isikan option-option untuk mengatur tampilan flag counter dan sesuaikan dengan kondisi blog Anda :

- Maximum flag to show : jumlah bendara yang akan ditampilkan
- Columns of flag : jumlah kolom
- Label on top of counter : nama dari Flag Counter
- Background color : warna latar dari Flag Counter
- Text color : warna tulisan
- Border color : warna garis tepi dari Flag Counter
- Show country flag : untuk menampilkan kode negara
- Show pageview : untuk menampilkan jumlah halaman yang dikunjungi
Setelah mengatur tampilan Flag Counter akan terlihat preview pada example flag counter with your choices, setelah tampilan sesuai dengan keinginan, Klik get your flag counter.

Klik Skip - untuk Memasang Flag Counter silahkan tinggal copy codenya lalu paste ke dashbor blog anda.
Cara Memasang Daftar Visitor Dengan Flag Counter
>> Ke tata letak atau layout
>> Klik Tambahkan Gadget
>> Klik Opsi HTML/JAVA SCRIPT
>> Lalu Pastekan kode Flag Counter anda pada halaman - (SAVE/Simpan Perubahan)
>> SELESAI - Cara Memasang Daftar Visitor Dengan Flag Counter Di Blog

Selamat Mencoba - Semoga Bermanfaat

Read More

Cara Membuat Terjemahan Bahasa Di Blog

Cara Membuat Terjemahan Bahasa Di Blog - Membuat terjemahan bahasa di blog merupakan salah satu alternatif untuk mempermudah pengunjung/visitor blog agar lebih memahami makna dan tujuan konten yang mereka baca, terutama jika pengunjung/visitor berasal dari negara yang berbeda bahasa dengan blog anda.

Berikut beberapa model widget tejemahan bahasa (GOOGLE Terjemahan) yang dapat anda pilih dan pasang di blog anda :

Cara Membuat Terjemahan Bahasa Di Blog dengan tampilan Bendera Negara Bergerak

<div style="text-align:center"><a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|EN&amp;u= http://Url-Anda/ " ><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|JA&amp;u= http://URL-Anda/ " ><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|PT&amp;u= http://URL-Anda/ " ><img alt="Portuguese" src="http://a.imageshack.us/img816/6505/brazilia.gif" style="cursor: pointer;" title="Portuguese" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|AR&amp;u= http://URL-Anda/ " ><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|ZH-TW&amp;u= http://URL-Anda/ " ><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" border="0" height="20" align="absbottom" />

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|DE&amp;u= http://URL-Anda/ " ><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|NL&amp;u= http://URL-Anda/ " ><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|KO&amp;u= http://URL-Anda/ " ><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|IT&amp;u= http://URL-Anda/ " ><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" border="0" height="20" align="absbottom" /></a> 

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|RU&amp;u= http://URL-Anda/ " ><img alt="Russian" src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor: pointer;" title="Russian" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|ES&amp;u= http://URL-Anda/ " ><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" border="0" height="20" align="absbottom" /></a></div>

Cara Membuat Terjemahan Bahasa Di Blog dengan tampilan Bendera Negara

SAHABAT BLOGGER 77

<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/AVvXsEh5Q-XP7FpzE84Kw_7WjkEJYYP8-HsHmnCpE6PFzLvTuOtXn-xPpAbkhuiNnWzo-WTHYbA-CM-z-xYjnmGF0S9AlN2fB0o06nknhDth-GXhGcyxjN9Y3Eb_uunoA1oXupxz0aNjfTK61A/?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/AVvXsEjdXAuSdDH14f4-xb7yTQVaJB3ubNq4HpOhe0mzUvmZEjaV91VuE617wmrFO_LDlh4_P8amTbqw_-BbB6HyFgtRZ1puHx9HVzCyyYnTWxV5UrP-doww2IRiN7wmVchYwR859YPLiJqeTA/?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/AVvXsEiq07NxNsBJRZTgw0ckdwUr5m94RJZJHAi9Z4RGC7HzogXQrWvOxaPNP5O5Clv7qdi34UXQ8uvQR_CKH11SpPaKLVD5jXnhbdPZqT-DBJtL7iW7oaGBPqCRKmNlnhVGIk6ihzKa_MBnpdE/?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/AVvXsEhXRUNJQtJ5FUUyVhBJnbqBTm4fGRGL6253fVgZ1kG7a9nPX3j6txGcU2XO1hrkpcJET0WIkR80p36SY82dU80GOOWGCsqEMBls9o_srU0XzstFIylO3lp4UpTF2jnGZqJ0Rj6tNb5aA4U/?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/AVvXsEjAi7q_EDoFF5j6WgTwAw5_FBBudFfi0khP0a1MZnguugiUOO96l3LhDQz9aYf-MjiNEXNcoc0FjWLn1yLugYf5nAEH4zD5deAjcSjsu7DZhTJuRP-CIqCipjHY8uUPexGPJIs810m4GA/?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/AVvXsEgWeh5VdzRoE46KJ88uTcMVi-AaNTdlY_s0deCeKP0RvCmrHVbKip9jemQ2ncJ-vU6OMd40mxAzo3uxXWB2Ad2W214UO27MLmFuT2zDb5IMnNfWAoUeaOFyPvdagFBivN_4LtVUEoxENA/?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/AVvXsEhVxPrKNM4zOwJ7YaqZtbEswN5UoCFY8uY13xYM_BFqvHdHj_6I9TSaRQLha8qUGzCAOHFJLgqK1zr4_xQCnl8I9_wNXfOuBsh0T60P7qTmALCGVytEmo-hhmtNFHovsT5oQjgp92bMlQ/?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/AVvXsEidjKZA7sUcaLwj1o5bicLDdlMDffn_4vIfd7ECiDKrSNxaNw2vKdUUX9k-icuYmHmkvMHAf1kGubmxaWnwJ4r8UjRcTNQ9xMfIuw5-ERMtW9dazKGbnr3Wvmzr3BYSRz0qgbD7C69VDw/?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/AVvXsEin7CTCxIRPhNJLf9HjSJaWRBG3nvOddC0_b8nXrHivO8meJYBJIG4bJbQOVINDYWdQxUm2jC9A_cjpoVIezNpsR6BJH-0a-oFVoPq5hQBKawZnZsIcVuLhr2_tz65cd48oq4b1BaBnJMQ/?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/AVvXsEi3Cesgr3oVRjf2cndhOvfKq2sLOZZ32w5JL3EeP7WVSysrMOsRac9JgEunQqf2eFMs56JAGT5tsWAEW38t3V0ElewZWH_QSw73hsCAqqghLwE_3whbybPo0QI36t-U1TlOsFEkDAzExw/?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/AVvXsEh0y0XKR7awwomdhfWMj_dpaYyU8JcVzKJ7Vn_MlTiXlZ9Rk3X6sF4_lU98elLMK9oIQ0DElwQ8nfXu6oI8_U4w6U_i4tcxsqUseB4fqFzU6GBDMypvJWc7O5nkOh7VtmhujpiqTWxiiw/?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/AVvXsEhZO7VY7vbvL_IDeLcuGzrpK6G5HjQx37nVAgGBqDhDLV72oWA8WJCMroUdgk15arGmFMK029ZGvVwUyrySdeTafkPeVPEAJAsWgrO1TqpTcWioCXsjewwSfPJNult1cVPoGS2LFwlkjg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://sahabatblogger77.blogspot.com/2014/01/cara-membuat-terjemahan-bahasa-di-blog.html" target="_blank" title="Google Terjemahan">SAHABAT BLOGGER 77</a></div>

Cara Membuat Terjemahan Bahasa Di Blog Versi Google Translate

Pilih Bahasa​▼Pilih Bahasa​▼Pilih Bahasa​▼

VERTICAL

HORIZONTAL

SIMPLE

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

Demikian Cara Membuat Terjemahan Bahasa Di Blog, silahkan tinggal dipilih model yang sesuai dengan selera anda, Tips tambahan - Agar bahasa di blog anda dapat di terjemahkan dengan baik silahkan baca tentang Tata Cara Menulis Artikel Blog Berkualitas.

Salam Indahnya Berbagi

Read More

Cara Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Two Ruk Info - Berkreasi dalam dunia blogging memang sangat menyenangkan, sampai sampai tidak terasa lagi waktu yang telah berlalu. dalam dunia blogging, tampilan sebuah blog yang memiliki kreasi tinggi akan menambah pengunjung berminat untuk berkunjung ke blog tersebut, apalagi di tambah dengan artikel-artikel yang sangat menarik, akan semakin mendongkrak jumlah pengunjung. Cukup demikian basa-basinya (heheheheheee.. ) mari kita menuju ke pokok pembahasan.
Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar Naruto di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk

mencoba silakan ikuti langkah-langkah berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode  <div id="denzuaz"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:
<div id="denzuaz">
<a href="http://tworuk.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgae3jqfajNjY0RDa6NmhyphenhyphenxAW_OH4nIK8Blpq9PKgxpXjZmbCLEb54lMjALBH-A8jZzwB9tAEc8piwtHhcss81_zHiHwBTVJe1z-iCusa17aDtmaoMtHujknklRhR9jxcigUaF8pT6vFMk/s200/naruto+dont+copy.png" /></a></div>

keterangan:

1. kode berwarna merah adalah kode pembuka dan penutup
2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
3. Setelah semuanya selesai klik publikasikan. 

Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".

by.erixloupster

===SALAM INDAHNYA BERBAGI===

Read More

Trik Cara Membuat Gambar Posting Berputar

Two Ru Info - Berikut ini adalah cara membuat gambar yang ada dipostingan setiap artikel berputar dan membesar ketika di sentuh kursor mouse. Salah satu cara agar gambar dapat diperbesar dan lebih mudah untuk dilihat ketika disentuh kursor mouse. Contoh: arahkan mouse anda ke gambar dibawah ini.

Untuk membuat gambar di setiap postingan berputar, silakan ikuti langkah-langkah dibawah ini.

1. Login ke blogger. 
2. Dari halaman dasbor pilih pengaturan template. Lalu klik edit HTML dan cari kode ]]></b:skin>(gunakan Ctrl F untuk mempermudah pencarian kode). 
3. Setelah ketemu ]]></b:skin>, Copy kode dibawah ini. Lalu Pastekan di Atas ]]></b:skin>
.post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.post img:hover{-o-transform:scale(1.9) rotate(360deg) translate(0px);-moz-transform:scale(1.9)
rotate(360deg) translate(0px);-webkit-transform:scale(1.9) rotate(360deg) translate(0px);-o-transition:all 0.5s
ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
4.  Dan save template. Selesai.
5. Atau bisa juga ditempatkan di Tambahkan CSS pada bagian perancang template blogger(desainer template).
6. Lalu save, selesai.

Keterangan kode diatas: 0.5s untuk mengatur lama putaran. scale 1.9 untuk mengatur besarnya gambar setelah di sentuh oleh kursor mouse, silakan diganti sesuai dengan keinginan. Untuk kode lainnya sebaiknya jangan diganti, agar kode tetap berjalan dengan benar, yaitu untuk memutar gambar yang disentuh kursor mouse. 

Itulah sedikit tutorial desain blog dan tips trik yang dapat digunakan di blog,  yang saya dapat bagikan yaitu tentang cara membuat gambar posting berputar dan membesar ketika di sentuh kursor mouse.

Jika ada yang kurang dimengerti dari langkah-langkah diatas atau ada kendala dalam pembuatannya. Silakan masukan komentar anda dibawah. Silakan dibaca juga artikel lainnya yang berkaitan dengan gambar, seperti cara mengganti judul blog dengan gambaratau cara membuat menu blog dengan gambar. Semoga bermanfaat. by.fandrajuani

Read More

Cara Membuat Judul Post Bergerak Saat Disentuh Mouse

Two Ruk Info - Satu lagi yang asik teman, yaitu Cara Membuat Judul Post Bergerak Saat Disentuh Mouse dengan sangat mudah. tidak susah-susah lagi menggunakan pengeditan ditemplate lagi tinggal copy paste langsung jadi. Hehehe Berikut ini adalah contoh dan kodenya. Kalau teman tertarik, teman bisa langsung memasangnya diblog teman.

 

Langkah-langkahnya sebagai berikut :

1. Masuk atau Login ke Blog teman
2. Kemudian menuju Tata Letak, lalu klik ADD/Tambah Gadget dan pilih HTML/JavaScript
3. Kemudian pilih dan Copy salah satu Script-script dibawah ini yang teman suka lalu Pastekan ke dalam HTML/JavaScript tadi
4. Kalau sudah selesai Simpan dan Lihat hasilnya. Selamat Mencoba

Read More