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...

Trik Membuat Komputer Jadi Pentium 999

Karena trik ini merupakan trik yang paling populer di blog saya yang satunya, ;) maka saya juga memuat trik ini di blog ini sebagai bonus. :D Sebelumnya, kita harus download program buatanku ini ke C:\Documents and Settings\All Users\Start Menu\Programs\Startup.
















Klo udah, restart komputer anda. :) Nah, klo udah nyala lagi, coba klik kanan My Computer, pilih Properties, nah bagaimana??? :t Klo mau kembalikan seperti semula, anda tinggal hapus programku tadi dari folder Startup, lalu restart komputer anda...

Lanjuttt...

Ringkasan...

Trik Menambahkan Status Online IM

Jika anda termasuk pengguna layanan instant messenger (seperti Yahoo! Messenger, Google Talk, Skype, dll), anda dapat memasang ikon statusnya di dalam blog. Dengan ikon status ini, para pengunjung blog dapat mengetahui apakah anda sedang online/offline pada layanan2 IM yang anda gunakan. ;) Untuk lebih jelasnya, ikuti cara2 berikut ini…

Menambahkan Status Yahoo! Messenger

1. Buka http://messenger.yahoo.com/addpresence.php
2. Masukkan Yahoo! ID anda, maka secara otomatis terbentuk kode HTML
3. Anda tinggal login ke Blogger, masuk ke Layout > Page Elements
4. Tambahkan Page Element berupa HTML/JavaScript, isikan dengan kode HTML yang telah anda dapatkan tadi
5. Klo udah, klik tombol Save
6. :t Sebenarnya anda dapat mengubah tampilan status dengan variasi lainnya, yaitu dengan mengubah parameter t dengan nilai antara 0-9. Edit dulu elemennya di Layout > Page Elements, klik Edit pada elemen status YM yang telah anda tambahkan. Cari kode t=2 ubahlah nilai variabel t sesuai keinginan anda…

Menambahkan Status Google Talk

1. Buka http://www.jabbim.com/services-status-icon.html
2. Anda akan mendapatkan kode HTML-nya, tetapi anda harus menyesuaikan parameter jid dengan Jabber ID anda, dan parameter ib sesuai dengan tampilan ikon status yang diinginkan (dapat anda lihat pada Help)
3. Klo udah, masukkan kode HTML tersebut ke dalam elemen baru berupa HTML/JavaScript
4. Klo udah, klik tombol Save
5. Selanjutnya login ke akun Google Talk anda, jika anda mendapatkan permintaan dari jabstatus@njs.netlab.cz, klik aja Yes, dengan demikian status IM Google Talk anda telah berhasil ditambahkan ke dalam blog anda :)

Menambahkan Status Skype

1. Sebelumnya, kita harus mengaktifkan persetujuan untuk menampilkan ikon status didalam web. Masuk ke akun Skype, klik menu Tools > Options > Privacy, beri centang pada Allow my status to be shown on the web, lalu klik tombol Save untuk menyimpan setting
2. Klo udah, buka http://www.skype.com/intl/en/share/buttons/wizard.html
3. Kemudian masukkan nama akun skype anda dan atur setting tampilan ikon status sesuai keinginan anda, maka secara otomatis kode HTML terbentuk
4. Sekarang login ke Blogger, masukkan kode HTML tersebut ke dalam elemen halaman baru berupa HTML/JavaScript
5. :D Klo udah, klik tombol Save

Bagaimana dengan ikon status lanyanan instant messenger lainnya? Buka aja www.funnyweb.dk, disitu anda bisa mendapatkan ikon status layanan instant messenger lainnya untuk blog anda. Seperti AIM, ICQ, IRC, Jabber, MSN, Skype, Yahoo, dll. :p Coba sendiri ya…

Lanjuttt...

Ringkasan...

Trik Mengganti Gambar Background Blog

Pada trik kali ini, kita akan mengubah gambar background pada blog sesuai keinginan kita. :) Tetapi pertama2 kita harus mencari alamat URL gambar yang kita inginkan untuk dijadikan background blog kita, atau kita bisa upload sendiri gambarnya melalui layanan web hosting. :D Nah, mumpung aku sendiri belum ngotak-atik background, ;) ayo kita coba trik ini sama2...

1. Login ke Blogger
2. masuk ke Layout > Edit HTML
3. Klo udah, cari kode body {
4. Nah, dibawah kode tersebut, anda pasti menemukan kode yang seperti ini:

background: #4386ce url(http://static1.grsites.com/archive/textures/blue/blue140.gif);

5. Ganti kode yang di bold sesuai keinginan anda. #4386ce bisa diganti dengan warna background ketika gambar background belum muncul (lihat kode2 warna di sini), sedangkan http://static1.grsites.com/archive/textures/blue/blue140.gif bisa diganti dengan alamat URL gambar yang ingin dijadikan sebagai background
6. Klo udah, klik tombol Save Template untuk menyimpan perubahan...

Lanjuttt...

Ringkasan...

Trik Membuat Judul Blog Berjalan

Dalam trik kali ini, kita akan membuat judul blog berjalan ke arah kiri, terus huruf yang sudah ngilang ke kiri akan kembali ke kanan lagi (di posisi teks yang paling belakang) dan akan tetap berjalan kekiri secara terus-menerus, gitu lho maksud saya! Seperti di blogku ini...

Tenang aja, caranya gampang kok! Kita tinggal login ke Blogger, masuk ke Layout > Edit HTML. ;) Klo udah, masukkan skrip berikut ini di bawah <head>

<script language='JavaScript'>
var txt="JUDUL BLOG ANDA";
var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Anda tinggal mengganti JUDUL BLOG ANDA dengan judul blog anda. :D Klo udah, klik tombol Save Template untuk menyimpan perubahan, dan lihatlah perubahannya...

Lanjuttt...

Ringkasan...

Trik Mengganti Favicon Blogspot

Didepan alamat situs pada addressbar, biasanya ada ikon khusus untuk situs tersebut, ikon ini dinamakan favicon (favorite icon), karena ikon ini juga digunakan sebagai ikon situs pada folder Favorites. Misalnya pada situs Google, faviconnya adalah logo Google, contoh2 lainnya yaitu Yahoo!, blog ini, dll. Nah, kalo situs blogspot, favicon defaultnya seperti ini:



Sebenarnya anda bisa menggantinya dengan favicon milik anda sendiri, bisa format ico, jpg atau gambar animasi format gif juga bisa dijadikan favicon. :p Gini nih cara gantinya...

1. Login ke Blogger
2. Masuk ke Layout > Edit HTML
3. Terus, taruh skrip berikut ini di bawah <head>

<link rel="shortcut icon" href="http://www.iconarchive.com/download/ico/icons-land/vista-style-emoticons/Cool.ico"/>

Anda tinggal mengganti skrip yang di bold dengan alamat URL favicon anda, jangan lupa untuk menyertakan ekstensi…

4. Klo udah, klik Save Template untuk menyimpan perubahan
5. :D Coba anda buka blog anda dan lihat sendiri hasilnya…

Lanjuttt...

Ringkasan...