Cara Menghilangkan Garis Border Iklan Kumpulblogger

Cara Menghilangkan Garis Border Iklan Kumpulblogger <<== sesuai dengan judulnya ketika saya memasang iklan dari kumpulblogger saya merasa tidak nyaman dengan adanya garis border bawaan pada iklan tersebut.

Maka dari itu saya coba mencari-cari cara menghilangkan garis border tersebut dan ternyata saya menemukan banyak sekali posting posting yang berisi tentang cara menghilangkan garis border iklan kumpulblogger tersebut.

Ternyata ada juga caranya ya, ketika saya mencoba cara-cara yang saya temukan tersebut. sungguh mengecewakan cara-cara tersebut tidak bisa dijalankan atau gagal karena setelah saya melakukan cara-cara tersebut garis border iklan kumpulblogger masih ada dan tidak hilang.

Maka dari itu saya mencoba memodifikasi cara tersebut supaya bisa berhasil dan ternyata emang bisa.

Horeeee... berhasil juga.. hee..hee..

Di bawah ini adalah kode cara menghilangkan garis border iklan kumpulblogger yang benar2 bekerja.

Ini dia kodenya:

.garping {
border:0px solid #fff !important;
font-family:"Arial" !important;
font-size:12px;
font-weight:normal;
line-height:15px;
overflow:hidden;
}
.garping a {
color:#0080FF !important;
}
.garping a:hover{
color:#000000 !important;
}
.garping td{
color:#BDBDBD !important;
background-color:#FFFFFF !important;
font-family:"Arial" !important;
font-weight: !important;
font-style: !important;
}

.garpinghortitle {
border:0px solid #fff !important;
background-color:#FFFFFF
font-family:"Arial" !important;
font-size:12px;
font-weight:normal;
line-height:15px;
overflow:hidden;
}
.garpinghortitle a {
color:#0080FF !important;
}
.garpinghortitle a:hover{
color:#000000 !important;
}

Kode di atas tidak hanya untuk cara menghilangkan garis border iklan kumpulblogger tapi bisa untuk memodifikasi semua tampilan yang ada di iklan kumpulblogger, seperti:

• mengganti warna border
• mengganti tipe font
• mengganti warna font
• mengganti background iklan

Nah sekarang kita lihat apa saja yang ada di kode-kode tersebut.
Kode yang saya beri background dengan warna:

adalah kode untuk iklan kumpulblogger standar yang terdapat deskripsi iklan di bawah judul iklan.
Sedangkan Kode yang saya beri background dengan warna:

adalah kode untuk iklan kumpulbloggger yang hanya tampil judul iklannya saja.
Tapi kode tersebut bisa langsung dipasang semua bagi yang punya 2 jenis iklan yang berbeda atau yang suka ganti2 jenis iklannya, dan gak ada masalah.

 .garping a { <<== kode untuk mengganti judul iklan kumpulblogger standar.
.garping a:hover{ <<== kode untuk mengganti hover iklan kumpulblogger standar. ( ketika mouse diarahkan ke judul, warna akan berubah dengan warna yang sudah diatur ).
.garping td{ <<== kode untuk mengganti isi/deskripsi iklan kumpulblogger standar.

border:0px solid #fff !important; <<== untuk mengganti lebar border dan warna border.
font-family:"Arial" !important; <<== untuk mengganti tipe font.
color:#0080FF !important; <<== untuk mengganti warna font.
background-color:#FFFFFF !important; <<== untuk mengganti warna background, bisa juga diganti dengan transparent.

Dan untuk kode iklan kumpulblogger yang hanya tampil judulnya saja, caranya kurang lebih sama.

Cara untuk memasang kode di atas:

1. Login ke akun blogger
2. Masuk menu Templates
3. Pilih Edit HTML
4. Cari kode ]]></b:skin>
5. Copy kode di atas
6. Kemudian paste atau letakkan tepat di atas kode ]]></b:skin>
7. Lalu simpan
8. Lihat hasilnya, kini tampilan iklan kumpulblogger sudah berubah.

NB: Bagi teman-teman blogger yang sudah memposting cara menghilangkan garis border iklan kumpulblogger yang salah atau tidak bekerja mohon ganti kodenya dengan kode di atas agar tidak mengecewakan teman blogger yang lain yang sedang mencari atau membutuhkan info ini. Terima kasih.

komentar | | Read More...

Cara Menghapus Tulisan Tampilkan Posting Dengan Label

Pada saat kita mencari posting atau artikel pada blog melalui pencarian lewat label, di atas posting akan terlihat tulisan "Tampilkan posting dengan label ......... Tampilkan semua posting".

Dan bila menurut kamu tulisan itu tidak pelu ditampilkan, ada cara untuk menghapus atau menghilangkan tulisan tersebut.
Berikut cara menghapus tulisan tampilkan posting dengan label:

1. Masuk ke akun blogger kamu
2. Setelah itu pilih menu Template > Edit HTML
3. Centang kotak kecil yang ada tulisan Expand Widget Template
4. Langkah selanjutnya cari kode di bawah ini: (pengguna mozzila firefox, gunakan ctrl + f)

<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. Hapus kode di atas kemudian ganti dengan kode di bawah ini:

<b:includable id='status-message'> <b:if cond='data:navMessage'> <div> </div> <div style='clear: both;'/> </b:if> </b:includable>

6. Simpan template dan lihatlah hasilnya.

Cukup mudah bukan cara menghapus tulisan tampilkan posting dengan label.

komentar | | Read More...

Membuat Warna Link Menjadi Pelangi

Trik cara membuat link kamu berwarna-warni atau pelangi.
Caranya gampang kok.
Masuk ke Template - Edit HTML, kemudian cari kode </head>.
Copy kode di bawah ini:

script src='http://sites.google.com/site/gudangfathur/kode/rainbowlink.js'/>

Paste kode tersebut di bawah kode </head>.
Kemudian Save. Selesai.

komentar | | Read More...

Membuat Blog Menjadi Do Follow

Pada Blogger atau Blogspot terdapat 2 (dua) attribute rel="nofollow" pada body HTMLnya. Pertama adalah pada kolom komentar, dan kedua ada pada Kolom Backlink. Untuk menjadikan Blog kita "You Comment I Follow" atau Do Follow, hanya dibutuhkan penghilangan pada satu tempat saja, yaitu pada kolom komentar. Karena inti yang ingin diraih adalah memberi Backlink, pada pemberi komentar.
Cara menghilangkan Attribute rel="nofollow" pada kolom komentar :

1. Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates Kamu, Lalu cari kode berikut

<dl id='comments-block'>
<b:loop values='data:post.comments'var='comment'>
<dt class='comment-author'expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" +data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

Untuk masuk ke "Kode Blog Do Follow" diatas, hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

2. Kemudian hapus kode rel='nofollow', lalu "save template". Selesai, Sekarang Blog kamu sudah Do Follow :)

Berhenti sampai disini juga SUDAH CUKUP

Berikut adalah cara untuk menhilangkan attribut rel="nofollow" pada kolom BACKLINK/TRACKBACK. Metode kedua ini TIDAK wajib.. Kolom Backlink/trackback adalah kolom yang disediakan untuk membuat track jika ada yang melakukan Link terhadap Posting tulisan kita. Sekali lagi, kolom ini boleh dibiarkan dan tidak di buat do follow.

1. Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>

2. Hapus kode rel='nofollow', lalu "save template". Selesai

Untuk Menjadikan  Blog Do Follow, kamu hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

komentar | | Read More...

Cara Pasang Shoutbox Di Blog

ShoutBox atau ShoutMix adalah salah satu fitur tambahan yang digunakan untuk menerima pesan dari pengunjung website/blog kamu. ShoutBox bisa dikatakan juga sebagai ‘buku tamu mini’. Banyak situs-situs yang memberikan pelayanan ini secara gratis. Sebenarnya tidak sepenuhnya gratis, karena situs-situs tersebut pasti ingin mendapatkan keuntungan juga, maka mereka pun meletakkan gambar/banner kecil di blog kamu nanti.

Contoh ShoutBox pada blog adalah, sebagai berikut :




Nah.. Sekarang, langkah-langkah yang harus kamu lakukan untuk menggunakannya, adalah sebagai berikut :

1. Buka situs www.shoutmix.com
   
2. Klik tombol Create Shoutbox
3. Isi form pendaftaran yang tersedia, contreng tulisan ‘I have read …’ , klik tombol ‘Continue’
4. Setelah berhasil mendaftar, silahkan klik tulisan link ‘control panel'
5. Pada layar control panel yang muncul, klik tulisan ‘get code'
6. Atur ukuran lebar ShoutBox yang akan digunakan pada weblog pada kolom width. Setelah itu ’select all’ semua kode yang berada pada kotak ‘generated codes’ dan copy
7. Sekarang, buka Blog kamu, lalu klik Tambah Gadget ke HTML/JavaScript
8. Paste kode ShoutBox tersebut, dan setelah itu simpan

Baiklah, selanjutnya `View Blog` kamu..

ShoutBox-nya sekarang dach muncul di blog kamu..

SELAMAT MENCOBA

komentar | | Read More...