Cara menyembunyikan atribut Blogger

Jika anda merasa kurang nyaman atau mungkin terganggu dengan munculnya tulisan Diberdayakan oleh Blogger, anda bisa menghilangkannya dari template. Untuk menyembunyikan atribut blogger langsung saja ikuti langkah berikut dibawah ini :

• Masuk Dashboard
• Pilih design, lalu Edit HTML.
• Cari kode ]]></b:skin>
• Kemudian letakkan kode berikut tepat di atas kode ]]></b:skin> 

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

•  Simpan template dan selamat mencoba

Read more »

Cara Membuat Scroll Box Pada Postingan

Scroll box ini biasa digunakan para bloger untuk memposting kode HTML yang terlalu panjang sehingga bisa menghemat tempat ketika kita sedang posting. Selain itu scroll Box juga berfungsi untuk mempercantik postingan blog agar terlihat lebih rapi dan lebih menarik

Untuk membuatnya anda tinggal menambahkan kode HTML di antara postingan yang akan kita buat sroll box nya. berikut kodenya :

<div style="overflow:auto; padding:5px; width:350px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Masukkan teks atau kode script disini</div>

Ganti teks "Masukkan teks atau kode script disini" yang berwarna biru dengan teks atau code HTML
Selamat mencoba... 
Sumber

Read more »

Cara Menghilangkan Link Berlangganan Entri Atom

Kali ini saya mau menjelaskan bagaimana Cara Menghilangkan Link Berlangganan Entri Atom di Blog. Anda tentunya pernah melihat tulisan seperti ini "Langgan: Poskan Komentar (Atom)" ? tulisan ini biasanya ada di bawah postingan blog kita. bagi sebagian orang termasuk saya mungkin, tulisan ini mungkin membuat risih dan kurangh enak dipandang. Bagaimana cara menghilangkanya?

Cara Menghilangkan Link Berlangganan Entri Atom di Blog ini cukup mudah. Caranya tinggal ikuti aja langkah-langkah Menghilangkan Link Berlangganan Entri Atom dibawah ini:

1. Login ke blogger.
2. Klik Tata Letak Kemudian Klik Edit HTML.
3. Selanjutnya cari kode ]]></b:skin>. 

4. Kalo sudah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5. Jangan lupa klik Simpan Template.

Lihat hasilnya dan selamat mencoba....

Read more »

Cara Menghapus Label di Postingan Blog

Salah satu yang membuat yang ada di bawah postingan adalah tulisan "Label". Label berfungsi untuk mengkategorikan jenis tulisan yang ditulis (posting). Kadang saya dalam satu tulisan postingan menggunakan label yang banyak sehingga akan tampil banyak tulisan yang menyebabkan kotak footer di bawah postingan menjadi kurang enak di pandang.
Akhirnya saya hapus atau hilangkan tulisan "label" itu. Dan fungsi yang sejenis dengan fitur itu saya ganti saja dengan navigasi breadcrumb yang lebih enak dipandang dan lebih bermanfaat. 
Berikut cara Menghilangkan Tulisan "Label" di Bawah Postingan :

1. Login ke Blogger.

2. Di halaman Dasbor, kita pilih Template.

3. Kemudian pilih Edit HTML

4. Beri tanda centang pada Expand Template Widget 

5. Cari kode berikut

<span class='post-labels'>

<b:if cond='data:post.labels'><data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,

</b:if></b:loop></b:if>

</span>

 6. Hapus kode di atas lalu Simpan Template jika sudah selesai. 

Read more »

Cara menghilangkan navbar blogger

Selain membuat navbar autohide, navbar blogger juga bisa dihilangkan. Tinggal menyelipkan kode ke template. Langsung saja ikuti langkah-langkah di bawah ini:

1. Login pada blog sobat

2. Rancangan

3. Edit HTML

4. Cari kode ]]></b:skin>

5. Copy kode di bawah ini dan pastekan di atas kode pada no 4

 #navbar-iframe {height:0px; visibility:hidden; display:none}

 6. Simpan Template dan lihat hasilnya. Selamat mencoba…

Read more »

Cara Membuat Navbar Blogger Autohide

Kini kita akan membahas tentang bagaimana cara membuat navbar blogger autohide. Navbar adalah menu navigasi yang biasanya berada diatas header blog kita. Navbar memang tidak mengganggu tampilan layout, tapi kalo Navbarnya bisa auto hide akan lebih menarik lagi..silahkan ikuti langkah-langklah dibawah ini.

1. Login ke blogger anda
2. masuk ke rancangan lalu masuk ke edit HTML
3. lalu cari kode ]]></b:skin> dan pastekan kode dibawah ini di atas kode ]]></b:skin> 

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}

Simpan template dan lihat hasilnya 
Selamat mencoba 

Read more »