Mengukur Seberapa Berat Blog/Web

Mengukur ini digunakan untuk melihat Size dari blogmu. Banyak orang mempercantik/memperindah blog mereka tanpa memperdulikan seberapa size blogmu. "Emang kenapa klo berat?" Nah, kalau ukuran sizenya berat, banyak orang akan meninggalkan blogmu karena terlalu lama loadingnya, apalagi untuk koneksi yang lambat. Sebagai contoh yaitu Google. Google.com sangatlah ringan, dibandingkan dengan Yahoo, yahoo cukup berat karena memuat gambar-gambar dan berita. Google menjadi peringkat pertama karena salah satu faktornya adalah google ukurannya ringan untuk dibuka. 

Jika blog/web anda ringan, mungkin orang-orang akan betah untuk tetap melihat halaman blog/web.

Sekarang blog/web anda untuk diukur, berikut caranya:

1. Masukkan URL blogmu, contohnya: ilmu-modern.blogspot.com

2. Jika anda ingin memasukkan URL lebih dari satu, tekan Enter untuk baris baru.

3. Klik Check!

Your domain(s): Enter each address on a new line (Maximum 10) (eg. ilmu-modern.blogspot.com)

Powered by iWEBTOOL

Continue reading...

Membuat Background Kotak Komentar Lebih Menarik

Membuat Background Kotak Komentar Lebih Menarik, dari judulnya aja udah menarik, tapi cara ini tidak terlalu sulit untuk dilakukan. Sobat blogger pasti bisa melakukannya, tujuan dari membuat background kotak komentar lebih menarik adalah agar kita tidak bosan dengan tampilan kotak komentar yang putih polos. Ada kalanya kita bosan dengan tampilan itu, tidak ada salahnya kita membuat perubahan kan, yang tentunya menjadi lebih baik.

Berikut ini screenshot nya :

Tampilan Sebelum Disentuh Cursor

Tampilan Setelah Disentuh Cursor

Jika sobat tertarik, ikuti langkah-langkah berikut ini :

1. Masuk ke blogger;
2. Klik Perancangan lalu klik Elemen Laman;
3. Klik Expand Template Widget (jangan lupa backup template sobat terlebih dahulu);
4. Kemudian tambahkan kode CSS berikut ini diatas kode ]]></b:skin>

#comment-form iframe{

   background:#ffffff url(http://www.scenicreflections.com/files/STARS_BACKGROUND_Wallpaper_v2zvm.jpg) ;

   border:5px solid #9999FF;

   padding:5px;

   font:normal 12pt "ms sans serif", Arial;

   color:#7EB2AC;

   width:450px;

   height:230px;

   }

#comment-form iframe:hover{

   background:#000000 url(http://cdn.pimpmyspace.org/media/pms/c/cx/xk/kg/star_neon.gif);

   border:7px solid #999FFF;

   }

Jika kode tersebut telah ada, maka sobat hanya perlu memodifikasi elemen yang ada di dalamnya, saya menemukan sebagian template tidak memiliki kode tersebut. Sobat bisa merubah gambar background sesuka hati sobat.

5. Selanjutnya sobat cari kode yang mirip seperti ini:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>

<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/>

6. Kemudian pastekan kode <div id='comment-form'> dan </div> diantara kode tadi sehingga menjadi seperti ini:

<div id='comment-form'>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>

<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/>

</div>

7. Langkah terakhir adalah SIMPAN TEMPLATE sobat

Semoga tutorial ini bermanfaat buat sobat blogger.

Continue reading...