Budi Masked Prince: 08/29/10

Cara Membuat Kolom Postingan Terpisah

Kolom postingan yang terpisah akan lebih sedap di pandang oleh pengunjung. Selain itu, kolom postingan yang terpisah juga akan membedakan antara postingan yang satu dengan postingan yang lain.

Meski sekarang sudah banyak banget template yang telah menggunakan kotak kolom postingan yang terpisah seperti ini, tapi masih banyak juga template yang tidak menggunakannya. Umumnya template yang belum menggunakan kolom postingan yang terpisah adalah template yang background warnanya putih.


Cara membuatnya adalah sebagai berikut
1. Login ke akun blog Anda
2. Klik "Tata Letak" => "Edit HTML"
3. Cari kode

>.post {




Untuk lebih mudah melakukan pencarian kode diatas, gunakan CTRL+F
4. Copy kode berikut setelah kode no 3









> border: 1px solid #000000;  

Silahkan ganti warna border kolom postingan dengan warna yang Anda sukai.
5. Klik "Simpan Template"

Diatas tadi adalah menggunakan border kolom yang tebal semua sisi kolomnya sama. Apabila Anda menginginkan border kolomnya beda, Anda hanya mengganti kode no 4 tadi dengan kode dibawah ini :

  







>border-top: 1px solid #000000; border-bottom: 2px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000;



Kode ini, kolom postingan selain kolom bawah tebal kolomnya 1px sedangkan kolom postingan yang bawah tebalnya 2px. Anda juga bisa menyesuaikan sendiri tebal border kolom postingan Anda.
Selamat Mencoba.....

Cara Memasang Jadwal Shalat Di Blog

Bagi para Sobat yang ingin memasang jadwal shalat di blognya tapi belum tahu cara memasangnya, kali ini saya akan berbagi untuk para Sobat semua cara untuk memasang jadwal shalat di blog. Ya itung-itung, meski hobby ngenet dan blogging, tp jgn lupa mengerjakan shalat dulu. Shalat kan tiangnya agama. Bener gak? he3x

Biar kita membiasakan cinta produk dalam negeri, kita akan mengambel widget produk dalam negeri saja ya?

Kita langsung saja menuju langkah-langkah pembuatannya:
1. Klik Disini
2. Silahkan pilih kota tempat tinggal sobat
3. Copy kode yang telah diberikan
4. Login ke akun blogger Sobar
5. Klik "Tata Letak" => "Elemen Laman"
6. Selanjutnya klik "Tambah Gadget" => "HTML/Javascript"
7. Paste Kode yang telah diberikan tadi di kotak ke-2 dari atas
8. Simpan
9. Selesai

Cara Menghilangkan Obeng Di Blog

Biasanya bagi kita yang baru membuat blog atau kita yang baru mengganti template kita, pasti saat kita sedang login di akun blog, muncul icon obeng. Sebenarnya icon Quick Edit atau yang biasa kita sebut dengan obeng memudahkan kita untuk lebih cepat dalam meng-edit blog kita.

Tapi karena banyak di antara blogger tidak suka dengan tampilnya icon tersebut, maka dalam postingan kali ini, kita akan membahas bagaimana cara menghilangkan icon tersebut. Sebenarnya hanya dengan menambahkan kode di template blog kita, icon tersebut akan hilang.

Untuk langkah menghilangkan icon tersebut, kita akan memulai dengan langkah berikut ini :
1. Login ke akun blogger Anda
2. Klik "Tata Letak"
3. Selanjutnya klik tab "Edit HTML"
4. Cari kode berikut ini :2

5. Setelah ketemu, Copy paste kode dibawah ini diatas kode no 4 tadi
.quickedit{
display:none
}
6. Klik "Simpan Template"
7. Selesai

Cara Memasang Google Translate Di Blog

Sesuai dengan namanya, gadget ini berfungsi sebagai penerjemah bahasa blog kita ke dalam bahasa yang diinginkan oleh pembaca blog kita yang berbeda bahasa dengan kita. Dengan gadget ini, pembaca akan diuntungkan karena mereka bebas memilih bahasa yang mereka inginkan. Dan dengan cara ini pula, blog kita tidak hanya bisa di baca oleh orang yang bahasanya sama dengan kita, tp juga pembaca dari negara-negara lain juga bisa membaca blog kita sesuai dengan bahasa yang mereka inginkan.

Sebagai contoh Google Translate, coba Anda lihat sebelah kanan atas blog ini. Seperti itulah bentuk Google Translate yang akan saya berikan kepada Anda.
Langkah membuatnya adalah sebagai berikut :
1. Silahkan Anda login dulu di akun blog Sobat.
2. Klik "Tata Letak" => "Elemen Laman"
3. Selanjutnya klik "Tambah Gadget" => "HTML/Javascript"
4. Copy kode dibawah ini dan paste di kotak yang telah disedikan.

</font><center><a href="http://pinginbelajar.blogspot.com/2009/05/translate-versi-google.html" target=" blank"><b>Google Translate</b></a></center><br /><div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;"><br /><style><br />.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }<br />.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }<br />.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }<br /></style><br /><div style="overflow:no; width:100%px; height:100%px; padding:5px 0px 0px 0px;"><br /><center><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;margin-right:3px" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" title="Arabic" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;margin-right:3px" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" title="Korean" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;margin-right:3px" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" title="Japanese" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;margin-right:0px" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" title="Chinese Simplified" align="absbottom" /></a><br /></center><br /></div><br /><br /><div style="overflow:no; width:100%px; height:100%px; padding:7px 0px 0px 0px;"><br /><center><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;margin-right:3px" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" title="Russian" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;margin-right:3px" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" title="Portuguese" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;margin-right:3px" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" title="English" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;margin-right:0px" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" title="French" align="absbottom" /></a><br /></center><br /></div><br /><br /><div style="overflow:no; width:100%px; height:100%px; padding:7px 0px 0px 0px;"><br /><center><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;margin-right:3px" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" title="German" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;margin-right:3px" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" title="Spain" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;margin-right:3px" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" title="Italian" align="absbottom" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;margin-right:0px" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" title="Dutch" align="absbottom" /></a><br /></center><br /></div><br /></div></font><font color="#ff0000">

script diatas bersumber dari http://pinginbelajar.blogspot.com
5. Simpan
6. Selesai

Cara Memasang Badge Facebook Di Blog

Pada kesempatan kali ini, saya akan membahas bagaimana cara memasang badge/lencana facebook di blog. Dengan memasang bagde/lencana facebook di blog, setiap kali kita mengupdate status facebook kita, maka setiap kali itu juga maka badge/lencana facebook di blog kita otomotasi juga akan berubah.

Mungkin temen-temen ada yang berntanya, kenapa sich di blog dipasang badge/lencana facebook? Mungkin jawaban yang paling narsis adalah untuk mempopulerkan diri kita di facebook. he3x......

Ok biar gak lama-lama basa-basinya, kita akan langsung aja ke langkah-langkah memasangnya :
1. Login ke akun facebook Anda.
2. Klik tab profil
3. Arahkan mouse komputer Anda ke bawah sendiri, silahkan Anda cari di pojok kiri bawah, ada kata "Buat Lencana Profil"
Sudah ketemu, klik kata diatas tadi.
4. Langkah selanjutnya, klik "Buat Lencana Baru"

5. Silahkan Anda settingan/pengaturan badge facebook Anda.
6. Setelah selesai melakukan langkah ke-5, selanjutnya "Simpan"
7. Copy kode yang diberikan. Seperti contoh dibawah ini :

8. Login ke akun blogger Anda
9. Masuk tab "Tata Letak" => "Elemen Laman"
10. Klik "Tambah Gadget"
11. Selanjutnya klik "HTML/Javascript"
12. Paste kode yang telah Anda copy tadi di kotak yang telah disediakan
13. Simpan
14. Selesai.

Mudah sekali bukan? Semoga bermanfaat buat sobat semua

Terima Kasih Telah Berkunjung dan Meluangkan Waktu Anda untuk Membaca Artikel Di Atas. Semoga Bermanfaat Untuk Anda. Jangan Lupa Kasih Komentar Ya!