Trik Memberi Background Pada Artikel

Coba lihat artikel dibawah ini:

Ini adalah contoh bagian artikel yang diberi background. Dengan ini, maka akan memperjelas para pembaca untuk menemukan bagian artikel yang penting seperti (Ingat, Keterangan, Catatan, Warning, Perhatian, dll) atau yang lainnya. Tergantung keinginan anda!

Nah, anda juga bisa mengganti warna background sesuai keinginan anda. Atau anda juga bisa mengganti backgroundnya dengan sebuah gambar (klo mw tau caranya, harus Donate dulu !). Jika anda juga pingin punya yang kayak gini, ikuti cara2 berikut ini…

1. Login ke Blogger
2. Masuk ke Layout > Edit HTML
3. Masukin skrip berikut ini pada kode CSS (atau sebelum kode ]]></b:skin>)

.alert {
background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;
border-bottom: 1px dotted #223344;
border-left: 1px dotted #223344;
border-right: 1px dotted #223344;
}

4. #DDE4FF bisa anda ganti dengan warna yang anda inginkan, lihat kode2 warna di sini
5. Klo udah, Save Template

Cara postingnya, tinggal masukkan bagian artikel yang ingin diberi background di antara kode <p class="alert"> dan </p>. Dah, selesai deh…

Lanjuttt...

Ringkasan...

Trik Kotak Komentar Dibawah Postingan

Dengan adanya kotak komentar dibawah setiap postingan, para pengunjung blog anda tak akan malas2 lagi untuk memberikan komentar di setiap artikel anda. Setiap kali selesai membaca artikel anda, mereka langsung melihat adanya kotak komentar tersebut dibawah setiap artikel yang telah mereka baca. Jadi, anda bisa mendapatkan lebih banyak komentar daripada sebelumnya, daripada melalui link “Post a Comment”. Beginilah caranya…

1. Login ke draft.blogger.com, bukan www.blogger.com
2. Masuk ke Setting > Comments
3. Kemudian pada Comment Form Placement, pilih Embedded below post
4. Klo udah, Save Setting

Nah, sekarang coba anda lihat dibawah salah satu artikel blog anda, kalo udah ada, berarti udah selesai. Klo belum, lanjutkan cara2 ini… (ini karena kode HTML tiap2 template berbeda2. Untuk template default dari blogger yang baru, kode HTML nya udah berubah, sedangkan template yang lama atau ambil dari luar ada yang belum, ada juga yang sudah)

5. Masuk ke Layout > Edit HTML
6. Aktifkan Expand widget templates
7. Terus, cari kode:

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

8. Ganti kode tersebut dengan:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

9. Klo udah, Save Template

Nah, sekarang coba lihat hasilnya, udah muncul kan kotak komentarnya??? :D Seperti di blogku ini…

Lanjuttt...

Ringkasan...

Trik Menambahkan Artikel2 Terkait

Dengan menambahkan link untuk artikel2 yang terkait dibawah setiap postingan, para pembaca artikel blog anda dapat menemukan informasi2 lain yang masih berkaitan dengan artikel yang sedang mereka baca. Seperti pada blog ini, di setiap akhir artikel terdapat link2 yang langsung menuju ke artikel2 terkait yang termasuk dalam satu kategori. Kalo mau menambahkan, begini caranya…

1. Login ke Blogger
2. Masuk ke Layout > Edit HTML
3. Beri centang Expand Widgets Template
4. Silakan download dulu skrip ini
5. Klo udah, cari kode <data:post.body/>
6. Masukkan skrip yang telah anda donlot tadi dibawah kode tersebut
7. Untuk blog yang ada “Read more...” nya, biasanya terdapat 2 kode, masukkan skrip tersebut dibawah kode yang pertama
8. Klo udah, Save Template

Lanjuttt...

Ringkasan...

Trik Cepat Cari Kode2 Warna

Powered by

Lanjuttt...

Ringkasan...

Trik Menyembunyikan Navbar

Untuk situs blogspot tertentu, biasanya di bagian paling atas terdapat bar panjang yang disebut dengan navigation bar (navbar), seperti ini:



Nah, fungsi dari fitur navbar itu sendiri juga gak penting2 banget, hanya untuk melakukan sign in/sign out ke Blogger, pencarian blog, dan juga untuk "melaporkan kecurangan2 situs blogspot kepada pihak Blogger". Oleh karena itu, klo mau menyembunyikan navbar gini nih caranya...

1. Login ke blogger
2. Masuk ke Layout > Edit HTML
3. Masukkan skrip berikut didalam tag <head>

#navbar-iframe {
display: none !important;
}

4. Contohnya seperti ini:

-----------------------------------------------
Blogger Template Style
Name: Thisaway (Blue)
Designer: Dan Rubin
URL: www.superfluousbanter.org
Date: 29 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

5. Klo udah, klik Save Template...

Lanjuttt...

Ringkasan...