Cara Mengetahui Siapa yang Berkunjung ke Blog

Kadang kita ingin tau siapa aja sih yang mengunjungi blog kita terus dari negara mana orang yang mengunjungi blog kita atau blog kita ada yang lihat apa enggak sih.....mungkin anda bertanya-tanya dalam hati.cara mudah dan sederhana ga bikin ribet gratis pula .

kadang dari daftar pengunjung yang kita ketahui sedikit bisa memberi kita semangat sebagai pemilik blog untuk memberikan informasi ataupun berita yang lebih baik lagi.

Baik ada beberapa cara untuk mengetahui yang berkunjung diblog kita ,saya sebutkan :

feedjit.com

Nah ..kalo yang ini lebih lengkap mulai dari nama orang,asal negaranya hingga artikel apa yang tamu kita lihat  pada blog kita,serta berapa lama dia mengunjungi blog kita .oke saya akan lihatkan contoh tampilannya berikut dibawah:

sudah lihat tampilannya kita lanjut yang ke-2

Flag counter

kalau yang ini yang di tampilkan hanya asal negara pengunjung pada blog kita berikut gambar tampilannya :

saya akan membahas yang kedua dulu bagaimana cara membuatnya, baik kita akan mulai dari mengunjungi site klik disini  

sudah masuk kemudian pilih max flag ,kalau gambar diatas max flagnya 10 ,2 colom. setelah setting semua selesai klik get your flag counter dan masukan email anda dan klick continue kemudian kode html sudah anda dapatkan tinggal anda pasang pada blog anda sementar cukup sekian artikel sederhana ini atas kunjungannya saya ucapkan terimakasih

Sumber : Blog Informasi | 04-2013 : 09.53

Cara Mengganti Footer pada Blogger

Credit Footer / mengganti Footer blogger yang bertuliskan Powered by Blogger atau diberdayakan oleh Blogger terdapat di bagian bawah blog di bagian widget Atribusi. Pemilik blog dapat menambahkan beberapa karakter teks atau link di widget tersebut. Karena jumlah karakter teks dibatasi di widget tersebut, banyak pemilik blog jadi memilih untuk menghapus Credit Footer itu dan menggantinya dengan Credit Footer yang baru. Termasuk di blog ini juga, Credit Footernya saya ganti beberapa waktu yang lalu.


Blog saya ini jauh terlihat lebih cantik dan manis setelah diganti credit footer bawaan aslinya. Sampai-sampai banyak orang yang tidak percaya kalau blog ini menggunakan template default blogger (Wajar juga mereka tidak percaya, soalnya terlalu banyak perubahan yang saya lakukan untuk memodifikasi tampilannya).

Ada beberapa versi yang saya dapat dari searching di Wak Google, langsung saja saya bahas caranya one by one :

Versi ke-1 :

• Masuk ke Template 
• Back Up template agan (jika terjadi kegagalan disa di kembalikan ke semula)
• Masuk ke Edit HTML
• dan cari kode yang mirip dengan kode dibawa ini

KODE html :

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>

• Lalu hapus kode diatas, dan ganti dengan kode dibawa ini

KODE pengganti html :

<div class='credit-wrapper'>
<div class='credit'>
<div style='float: center; text-align: center;'>
<a href='http:/kontak.sobat.com'>Cot usntac</a> &#9827;
<a href='http://Privacy.Sobat.com'>Privacy Policy</a><br/>
Copyright &#169; 2013 
<a href='http://www.tutorialblogspot.com'>Tutorial Blogspot</a>
</div>
</div>
</div>

• Untuk melihatnya tampak lebih menarik tambah kan CSS dibawa ini letakkan kode dibawah tepat diatas kode ]]></b:skin>

KODE CSS :

.credit-wrapper{background:url(#) no-repeat center;
padding-top:70px}
.credit a:link,.credit a:visited,.credit a:hover{
color:#222;text-decoration:none}

NB :
Ganti # merah dengan link atau bisa Agan ganti gambarnya dengan gambar yang Agan punya tinggal upload dan terakan link gambarnya : https://lh5.googleusercontent.com/-Eop3AMiOkf4/Ugev6dkUBBI/AAAAAAAAEOw/q231eZdayFQ/s320/post-divider%2520%25281%2529.png
Versi ke-2 :
 Untuk cara nya sama seperti Versi, hanya saja Kode CSS nya saja yang berbeda. jadi untuk Versi ke-2 langsung saja saya Kode pengganti kode HTML dan kode CSS :

•  Kode PENGGANTI HTML

KODE CSS/JAVASCRIPT :

<div class='credit-wrapper'>
<div class='credit'>
<div style='float:left;text-align:left;'>
 &#169; <span 
style='font-size:12px;'><data:blog.title/></span> | 
Powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
<div style='float:right;text-align:right;'>
Design by <a href='http://URL design blog.com'>Blog-Anda</a>
</div>
</div>
</div>

•  Kode CSSnya

KODE CSS/JAVASCRIPT :

.credit-wrapper{background:#000;
width:990px;border-top:1px solid #ccc;
margin:0 auto;padding:0 auto}
.credit{width:955px;line-height:1.6em;
text-align:center;font-family:Arial;font-size:11px;
color:#fff;overflow:hidden;clear:both;margin:0
 auto;padding:10px 0 10px 10px}
.credit a:link,.credit a:visited{
color:#fff;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}

Versi ke-3

Cara Menghilangkan Widget Attribution pada Blogspot :

• Login pada Blogger
• Masuk mode Rancangan kemudian Edit HTML
• Cari kode <!-- outside of the include in order to lock Attribution widget -->
• Ubah "lock" menjadi "unlock"
• Jika sudah, kemudian cari kode <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
• Ubah "true" menjadi "false"
• Jika sudah, Simpan Template

Langkah selanjutnya adalah :

• Masuk mode Rancangan
• Pada Elemen Halaman Pilih Edit pada widget attribution tersebut
• Pilih Hapus

Jika sobat ingin menggantinya dengan credit footer widget attribution yang baru, sobat tinggal tambahkan widget baru pada bagian footer, selanjutnya sobat pilih HTML/Javascript, lalu copy dan paste kode dibawah ini kedalam kotak HTML/Javascript tersebut

KODE CSS/JAVASCRIPT :

<div id='footer'>
<div class='footer section' id='footer'/>
<p>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' valign='middle' width='40'>
<a href='#' title=''>
<img height='50' src='http://link logo.png' width='50'/>
</a>
</td>
<td align='left' valign='middle'>© 2011 | http://link blog.com<br/>
Power by <a href='www.blogger.com' title='blogger'>Blogger</a><br/>
Design by Nama anda<br/>
e-mail | link mail@gmail.com<br/>
</td>
<td align='left' valign='center'>
<div align='right' id='footer-right'>
<a href='http://link blog.com/'>Home</a>
| <a href='http://blogger.com/'>Login</a> |
<a href='#' onclick='mgjs.gotop();
return false;'>Top</a></div>
</td>
</tr>
</table>
</p>
</div></div>

Nb :
warna merah : ganti dengan alamat icon blog agan
warna biru : ganti dengan alamat blog agan
warna hijau : ganti dengan nama / nick agan
warna coklat : ganti dengan email yahoo / gmail agan