Cara Menghilangakan Pesan Pada Penelusuran Blog

Entah kenapa tiba-tiba saja saya pengen nulis artikel Cara Menghilangakan Pesan Pada Penelusuran Blog pada postingan kali ini. Teman-teman pasti sudah tau tentang maksud dan tujuan artikel ini. Disisi lain, mungkin ada blogger senior yang siap untuk memberikan masukan tentang artikel Cara Menghilangakan Pesan Pada Penelusuran Blog dan disisi lain pula, artikel ini akan menjadi informasi tersendiri tentang tips dan trik blog bagi Share With Agung Talaga untuk selalu berbagi hal-hal yang sudah saya lakukan pada blog yang sederhana ini serta teman-teman newbi yang berkunjung di blog ini.

Tulisan showing post with label merupakan keterangan yang muncul pada saat kita mencoba mencari artikel-artikel pada blog yang kita kunjungi sebagai keterangan dari pencarian berdasarkan label yang kita cari. Dari keterangan ini, mudah-mudahan teman-teman sudah punya gambaran awal tentang akan kita lakukan sebentar.

Untuk menghilangkan tulisan tersebut tersebut, teman-teman bisa ikuti cara-cara berikut ini :
1. Silakan login ke akun blog Anda
2. Pada halaman dasbor, silakan klik nama blog Anda.
3. Selanjutnya pilih Template - Edit HTML - Procced - Expand Widget Templates
4. Kemudian silakan cari kode seperti di bawah ini pada kode HTML blog Anda.

KODE CSS/JAVASCRIPT :

 <b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>

<div style='clear: both;'/>

</b:if>

</b:includable>

5. Jika sudah dapat kodenya, silakan ganti semuanya dengan kode di bawah ini

KODE CSS/JAVASCRIPT :

 <b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div>

</div>

<div style='clear: both;'/>

</b:if>

</b:includable>

6. Kalau sudah diganti, jangan lupa save tempalte blog anda.

Untuk melihat perubahan yang sudah kita lakukan, silakan pilih salah satu label atau kategori pada blog Anda. Maka tulisan showing post with label tidak akan muncul atau ditampilkan lagi sebagai keterangan dari pencarian berdasarkan label yang kita lakukan.

Tambahan :
Untuk memunculkan kode HTML yang saya sertakan di atas pada saat teman-teman menulis artikel yang berhubungan dengan menampilkan kode HTML pada artikel blog, teman-teman bisa memanfaatkan fasilitas widget parse HTMLWidget untuk konversi kode HTML pada blog sobat. Silakan gunakan fasilitas ini pada blog ini.

Demikian tutorial tentang cara menghilangkan atau menghapus tulisan showing post with label pada blog. Semoga bermanfaat bagi pribadi blog ini dan teman-teman pengunjung sekalian.

Read More

Cara Membuat Widget Posting Populer Menjadi Berwarna-Warni

Pada konfigurasi widget Posting Populer, pastikan bahwa Anda memilih model widget berupa thumbnail dan judul. Setelah itu masuk ke editor HTML template. Salin kode CSS ini dan letakkan di atas kode ]]></b:skin> atau </style>:

KODE CSS/JAVASCRIPT :

 /* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:none;
  background:none;
  outline:none;
}

.PopularPosts ul {
  margin:.5em 0;
  list-style:none;
  font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif;
  color:black;
  counter-reset:num;
}

.PopularPosts ul li img {
  display:block;
  margin:0 .5em 0 0;
  width:50px;
  height:50px;
  float:left;
}

.PopularPosts ul li {
  background-color:#eee;
  margin:0 10% .4em 0;
  padding:.5em 1.5em .5em .5em;
  counter-increment:num;
  position:relative;
}

.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
  font-weight:bold;
  font-size:120%;
  color:inherit;
  text-decoration:none;
}

.PopularPosts ul li:before {
  content:counter(num);
  display:block;
  position:absolute;
  background-color:black;
  color:white;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  top:50%;
  right:-10px;
  margin-top:-15px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* Set color & level */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:4%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:5%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:9%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}

Klik Simpan Template. Begitu saja.

Read More

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

Read More