Cara Mudah Membuat Tampilan Blog/Web Maintenance

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Mudah Membuat Tampilan Blog/Web Maintenance. Yups, kali ini ::Blogging Is My Life:: akan share mengenai Cara Mudah Membuat Tampilan Blog/Web Maintenance. Cara ini bisa sobat pakai bila sobat ingin membuat tampilan maintenance pada blog/web sobat.

Cara ini hanya menggunakan trik CSS dengan penambahan gambar saja kok. Tapi trik ini bisa membuat blog/web sobat seakan-akan seperti sedang maintenance.



Yups ok mari kita langsung aja pada langkah" Cara Mudah Membuat Tampilan Blog/Web Maintenance :
1. login blog
2. buka rancangan >> edit HTML
3. taruh kode dibawah ini diatas kode ]]></b:skin>

html {
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimcNcl8onhWz7O-1PGhthXDMsxxD7dlqjonwu4QHVCiP8WJaq48uWoKs8WW_8AHEOpqXZwClZ7UFt6Z5p9KcwhpxRZjQikjIN4Ypdw1NeePs-YW98nCWN2mzS_7Z5mfzE_nOZ78Kf-PqA/s1600/under-maintenance.gif) no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}

4. sobat bisa mengganti tulisan yang berwarna merah dengan alamat gambar yang lain.

Selamat mencoba sob ^_^

Cara Membuat Widget Cek Berat Blog/Web

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Yups sebelumnya saya sudah share ke sobat" cara mengecek berat blog jadi kali ini saya kan share Cara Membuat Widget Speed Test atau bisa disebut widget untuk mengecek berat blog.

Ok deh langsung saja ane kasih tipsnya...
Copy kode HTML dibawah ini dan taruh di kotak postingan sobat(edit HTML) dan langsung publikasikan deh... hehehehe

<center>
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse;"><tbody>
<tr> <td height="91" valign="top">
<table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td>
<table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td colspan="5" valign="top"><b><span style="font-size: medium;">Masukkan Alamat Blog/Web Max 10 Url: </span></b></td> </tr>
<tr> <td colspan="4" valign="top">
<textarea name="domain" rows="11" style="width: 100%;"></textarea></td> <td>
</td> </tr>
<tr> <td>
<input style="float: left;" type="submit" value="Check!" /></td> <td>
<span style="font-size: x-small;">(<a href="http://vikrymadz.blogspot.com/">http://vikrymadz.blogspot.com</a>)</span></td> <td>
</td> <td colspan="2"></td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</td> </tr>
<tr> <td>
</td> </tr>
<tr> <td height="39">
</td> </tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
</center>

Selamat mencoba.....

Cara Membuat Huruf Besar Pada Awal Postingan

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Sekedar share buat sobat" yang mungkin sedang menanti postingan pagi hari ini... hehehehe

Kali ini saya akan share mengenai Cara Membuat Huruf Besar Pada Awal Postingan. trik ini menurut saya cukup bagus, tapi saya memang sengaja gak memakai trik ini. hehehehehe

trik ini saya dapet dari sobat saya miscah
jadi disini saya hanya akan sedikit mengulasnya saja. OK deh langsung aja ya sob buat sobat" yang pengen tahu Cara Membuat Huruf Besar Pada Awal Postingan

Langkah-langkah Cara Membuat Huruf Besar Pada Awal Postingan :
1. login blog
2. klik rancangan >> edit HTML
3. cari kode ]]>< /b:skin>
4. taruh kode dibwah ini di bawah kode ]]>< /b:skin>

.huruf {
float:left;
color:#000;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
}

5. simpan templates



LALU IKUTI LANGKAH DIBAWAH INI UNTUK MENGAKTIFKAN KODE CSS DIATAS

CARA POSTING

Tambahkan kode <span class="huruf"> sebelum huruf pertama dan </span> setelahnya.

Contohnya seperti ini :

<span class="I">ni</span> hanya sebagai contoh

OK sekian dari saya, dan selamat mencoba ^_^

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung. Weh weh.... ternyata penting juga ni tips.... pengalaman dari beberapa waktu kemarin, sebelum saya pakai tips ini kan komentar saya munculnya sama kyak pengunjung yang lain. eh eh masak ternyata ada pengunjung yang bingung mna komentar adminnya tu... :D:D:D

Yah jadi tak pakai cara ini trus tak share deh cara ini.

OK langsung aja ya sob
Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung versi vikrymadz nih.. hahahaha
soalnya disini saya beri sedikit efek" dan pastinya akan terlihat semakin menarik.
ok check it >>>>>

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
1. Login ke blogger >> Rancangan >> Edit HTML
2. Jangan lupa centang kotak "expand widget template"
3. Letakkan kode dibawah ini tepat diatasnya kode ]]></b:skin>

.comment-body-author {
background: #ffffff;
border:2px Dashed #0080FF;
margin:0;
padding:0 0 0 30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
font-size: 14px;
font-family: kristen ITC;
}

4. lalu cari kode <dd class='comment-body'>
5. lalu agar jadi seperti ini

<data:commentPostedByMsg/>
<br/>
</dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<br/>
<span class='commentdate' style=''>
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/> </span>
</b:if>
</dd></b:if>
<dd class='comment-footer'>


</dd>

NB :

kode yang berwarna merah adalah kode yang harus di tambahkan.

6. Simpan dan lihat hasilnya....

Cara Membuat Efek Pojokan Blog Seperti Melipat

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Membuat Efek Pojokan Blog Seperti Melipat. Weh bingung jg nih mau kasih judul apa, yah terpaksa deh judulnya kagak nggenah gini.
Sebelumnya pernahkah sobat tahu di blog orang" tu pojokan blognya ada kayak efek melipat gitu?? ya contohnya saja pada blognya kang ojel (klo masih diberi efek melipatnya)


Klo mungkin ada beberapa dari sobat pengen yang kyak gitu mudah saja kok, karena saya akan share mengenai itu sekarang.
Tips ini mungkin cukup panjang, tapi saya jamin ini tidak akan sulit kok, asal sobat mengikuti tutorialnya dengan seksama.
ok langsung saja ya 
Cara Membuat Efek Pojokan Blog Seperti Melipat

1. buka Notepad
2. lalu copy script dibawah ini dan pastekan pada Notepad tadi
3. LINK SCRIPT  (jangan lupa edit dulu sob)
NB : rubah kode link gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSdlB2HExn30XQrTBZYIOywMABO-scVDiOmyZneANyCA4n5rEWj5R7jeKdD5KLYC0n3CAvuDWmS3fSl6edsWYBc3g_vxFCr9dOSJx-0fLRSP_-_rsoWYytzaK4Y8_83ZznvCyvxrt7H0hD/s1600/feelhtc.jpg dan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRH7jMa4iiDvPgit52ZFxTEU0wIKKjDwc06-6PL45FX-d28IhoTMFTnvKcLC2CPw9QIs1HIxEuM8iF8lhhL223ZjSzg9x7gX7o_pN9KApBxM92h1fWhjMg_d5_6CMHqG0Q7dJOMyPXuBnU/s1600/feelnew.png juga atur pada angka yang menunjukan width dan heightnya.
4. simpan dengan nama fell.js
5. Upload ke file hosting sobat, klo belum punya buat dulu. caranya DISINI sob. lalu setelah sobat sudah dapat link dari script sobat yang sudah sobat upload tadi,
6. login blog
7. buka rancangan >> edit HTML
8. cari kode </head>
9. lalu letakkan kode dibawah ini tepat diatas kode </head>

<SCRIPT type='text/javascript'>var tujuan =&#39;http://vikrymadz.blogspot.com/&#39;</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'/>

ganti kode yang berwarna merah dengan kode link script yang sudah sobat upload tadi.
10. Simpan dan lihat hasilnya.

Selamat Mencoba ya sob