Cara Memasang Flag Counter

Cara menciptakan dan memasang flag counter di blog

Cara menciptakan dan memasang flag counter di blog

Flag Counter merupakan layanan gratis untuk blog kita yang akan menampilkan jumlah pengunjung blog dengan angka dan icon bendera Negara pengunjung, lalu lenampilkan total pageviews blog dan angka-angka yang ditampilkan akan menjadi permanen dan semakin bertambah jumlahnya tampil diblog kita sehingga menjadi koleksi yang sangat menarik untuk pemilik blog.

Dibawah ini aku tuliskan bagaimana cara menciptakan dan memasang flag counter di blog dengan cepat dan gampang :

1. Silahkan kunjungi FLAG COUNTER pada home page klik ‘GET YOURS!’ Lihat screen shoot di bawah ini :

2. Membuat Flag Counter - Kemudian akan ada ucapan selamat tiba dari Flag Counter dan anda lihat dibawah ucapan selamat tiba ada goresan pena ‘INSTANTLY CREATE YOUR FREE COUNTER’ disinilah anda akan mengatur dan menciptakan flag counter untuk blog anda dengan cepat dan gratis silahkan atur sesuai selera anda : Show on your site – Silahkan pilih Top country, Maximum Flag to show – Pilih pada sajian dropdown jumlah bendera yang akan di tampilkan, Columns of flag – Pilih jumlah kolom yang akan anda buat pada sajian dropdown, Label on top of counter – Pilih Visitors, Background Color, Text Color, Border Color –  Pilih sesuai selera anda, Show Country code, Show Pageviews Count, Show Number of flag – Tandai ( √ ) Jika sudah selesai dibawahnya akan terlihat tampilan flag counter anda dan kalau sudah cocok silahkan klik ‘GET YOUR FLAG COUNTER’ Lihat screen shoot di bawah ini :

3. Alamat email anda - Kemudian akan muncul pertanyaan ‘Would you like to register your Flag Counter?’ flag counter memerlukan alamat email anda yang bertujuan memperlihatkan password susukan login kalau suatu ketika anda akan merubah tampilan flag counter anda. Silahkan masukkan alamat email anda untuk mendapat password dan code HTML flag counter anda lalu klik ‘Continue’ Lihat screen shoot di bawah ini :

4. Code HTML Flag Counter – Kemudian yang terakhir akan di tampilkan code HTML flag counter anda ‘HERE’S THE HTML CODE FOR YOUR NEW FLAG COUNTER…’ Silahkan copy dan paste code HTML flag counter anda lalu paste di sidebar blog anda atau dengan cara Quick post pilih salah satu blog anda pada icon dibawahnya secara otomatis akan diterapkan pada blog yang anda pilih. Lihat screen shoot di bawah ini :

Selesai cara menciptakan dan memasang flag counter di blog ini selamat mencoba dan biar dapat membantu dan bermanfaat untuk anda.

Cara Memberi Google Translate

untuk menikmati blog anda yang good
berikanlah google translate, biar pengunjung anda dari luar negri
dapat menikmati blog anda, penasaran caranya, sbgai berikut

1. Masuk Blogger
2. Tata Letak -> Eleman Laman
3. Tambah Gadget-> Pilih HTML/JavaScript
4. Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah
CoDDe Dibawah ::

<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="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSu5sHYH5H7e9RhcMETLKLZCXJPe0Kz-dYU721k0Dlb6KmltVXt-2mT9eDt3Q3cVWpzXi5HHkvfx5tNe8b2WsMI_Z2kAq9_lSfYH6uTLWKPGu3jyRseAAF4h4ymBPu1Lwj8TIiLOTCLl0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYp9OWakUqYLGDhteZLZEYRhzvSfpGpgb80P8Ca1JkotUdk0LsP6dQb0aBZLZprZzwiVjwK-T2SLs4u32aT8OghOg7KrFmmAXvo_1c1ZtRxWtLffMtto1mzQmzTpoNxTrn9NjOzVsl75Q/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWizsZd0Vt2Z4t5Y1-eEPPQiAXnFwBtisGdYLfgrj_xR0MUATioW_EZc6cOleFWYqu0L9nrSbVPKwKhSGZpnWEl869nILTzOSVHZo1XkRYa4LjS9GgkPrzgFJMFgweQUfL7pRCO4PE_QWe/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMk4jnDetDN6ZeYgZFFd0M9aO6IcLBklaF_vn3s0xCc7SyE_ho-fHF1WnbFgtCek4NlG-2FjjOUmkqeWA6kgLGv-biF9omToxnKSU764KKHK1dSr1Eqv3GxxuLs6oebdT5EVAXB6ISCwo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxaKlbK9hyMvl5u49Th2ygBUsQ-ZCXlcABNX2Spw4b0aunKgvBfRdELRh2SnqlWZqiA-DhBVDodQNQRFf8Eu7YNJrK_S894WDoOjFvj4oC01AA6PILWtdp3QnZkrhFZoeTAMdIFRLa3dg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqu-lNuwl13CHFMQwciMadCF6GvOSBmLS8xWm-W_i9_zUpJRJLuvlIMMon7DqciLajkVOlJ3EVFwoVVkFHWOPj3tg-ewOI58O7BOdD5SFKK98Ufa3LI95fQypswKJ64qH2K0PDzFVy64/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<br /><br />

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfHKZu0YdiIpZkuym4I8ObXcFNz45MoAn3dOGofojKF4RVKyALoG8uErWX2_WG4oqHLQXkeiVSoD_S5f87bjRrAQb106yzN3A00AAVbrp-J6DRtxIBOZi4QjNwNv3elzgO7EG_yHMFhVc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiFUrXXEnpYTjXWLp2H-vh-EkEz3illhUnmgWV_O2OTS5F0nqjIBefF0rUHCXeSKiHlItmaS43DrefqXFs3MadnsdVUDqNsxM8gRhUhZRS6qW_etUELolC8ueo_YweCDiYoO6R7Gc2I0U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnkp4iXhLQES7-nl8M053EfWM0OEH7-oLlVEQFxlCI8JOA5Y5aH0gA8dqfVRXcmR09C9c18dFGmxGK5jlMlT1nIGNJpfanE_oB9VgOTqEhSqdUR6q1IZZb8wlXkxzmtM9qTu1Vylp6lWBI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5I3VYVYpVCraT7U9GTNwFeLgp619ie3CdI_9EhcngoLb0IiM6mu6ZjBvcrpfub0pwH0X7GzBXjYXYx8krZ1by_2wgIw1xN-qoSPK89G80oEY7-TOvCHazmNYXi0mtkeHoQM-V6icfNR4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjQTPhrFE2Ny1nBynVte95YOIR24cAYLMybx0ri6xEUAJ32YR6lntGu92qMWzs57vaypG8aoT9PRbU6D1EP4ic7y_6oBiAncy1QzNmDqpi6dNHhF4iJpbz38QnE8yyCzjqVFEdSThPe1Y/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Cara Memberi Google Translate" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt=" Dan Copy Code Dibawah Di Gadget YAng Anda TAmbah Cara Memberi Google Translate" border="0" align="absbottom" title="Cara Memberi Google Translate" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGsGwhpj9dgDp4mNqDJ-pCzDZEULLLgixAsHCnY_5Bakil2fquA5vHsJ2kWo5ByN7gS1nMQ79HeQHZV4Li2khpB6gxgaizlWJsN75-9zclDu7__qgOT6C8zFqcgkFr9ZBvTfJE71sANxo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

</div> <div style=ã¢ï¿½ï¿½font-size:10px;margin:8px 0px 3px 0pxã¢ï¿½ï¿½>
</div>

Cara Memberi Like Di Blog Anda

Langsung saja ke proses pembuat`nnya.
 1. Login Blogger > Klik Desain / Rancanga > Pilih Edit HTML
 2. Copy arahan berikut dan simpan di bawah <body>

<style type='text/css'> #bottom {width: 100%; position:fixed; bottom:0px;height:26px;border-top: 1px solid #555;background: #FFFFFF;text-align: center;}</style> <div id='bottom'> <!-- AddThis Button BEGIN --><table align='center' width='961px'><tr>  <td> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?app_id=192919027420812&amp;href=http%3A%2F%2Fwww.facebook.com%2Fkucobacom&amp;send=false&amp;layout=button_count&amp;width=350&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=23' style='border:none; overflow:hidden; width:173px; height:23px;'/></td> <td> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPatimeh-Fans%2F115569535149223&amp;layout=button_count&amp;show_faces=false&amp;width=350&amp;action=like&amp;colorscheme=light&amp;height=23' style='border:none; overflow:hidden; width:173px; height:23px;'/></td> <td> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fkucobacom%2F233913979987843&amp;layout=button_count&amp;show_faces=false&amp;width=350&amp;action=like&amp;colorscheme=light&amp;height=23' style='border:none; overflow:hidden; width:173px; height:23px;'/></td> <td> div id='fb-root'/> <a class='twitter-share-button' data-count='horizontal' data-via='abdulsalman' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> <a class='twitter-follow-button' href='http://twitter.com/#!/abdulsalman'>Follow @abdulsalman</a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td> </tr> </table> </div>

Keterangan:

• Silakan ganti goresan pena tebal di atas dengan nama fancebook dan nomer id facebook Anda. (jika belum di singkat)
• Tetapi kalau sudah di singkat, misalnya menyerupai goresan pena yang berwarna biru.
• Dan untuk goresan pena warna merah ganti dengan id twitter Anda.

Blogger Sudah Support Fungsi Readmore

Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, sekarang blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia ialah tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang memiliki fungsi untuk memotong goresan pena di halaman depan (home page) atau lebih terkenal dengan sebutan "fungsi read more".
post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun ibarat itu, anda masih tetap dapat menggunakan fungsi "read more" pada post editor usang serta dalam posisi mode "Edit HTML" ialah dengan mengetikkan secara manual kode    

<!-- more -->


Untuk anda yang menggunakan template orisinil yang disediakan blogger akan pribadi dapat menikmati akomodasi ini dan jadinya akan muncul goresan pena " Read more » "  ibarat ini :


Bagi anda yang menggunakan template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi "  Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun goresan pena " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan isyarat pelengkap pada template anda. Berikut langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Beri tanda centang pada kotak kecil di sampil goresan pena " Expand Template Widget "
   
5. Carilah isyarat yang ibarat mirip Ini :
   
   <div class='post-body entry-content'>
         <data:post.body/>
         <div style='clear: both;'/> <!-- clear for photos floats -->
       </div>
   
6. Copy kemudian paste isyarat berikut persis di bawah isyarat yang tadi :
   <b:if cond='data:post.hasJumpLink'>
         <div class='jump-link'>
           <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
         </div>
       </b:if>
   
   
   
7. Klik tombol SIMPAN TEMPLATE
8. Selesai.