Cara Mengecek Berat Blog

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

Cara Mengecek Berat Blog - Yups kali ini saya akan share mengenai Cara Mengecek Berat Blog. Disini saya hanya akan menyediakan tool / widget yang berguna untuk mengecek berat blog. untuk cara membuat widget seperti ini sobat bisa membuka artikel saya tentang cara membuat widget speed test cek. Cara penggunaannya tinggal masukkan blog/web sobat kedalam kotak dibawah lalu klik "Check!" dan langsung tampil deh berapa berat blog/web sobat.... selamat mencoba..

Masukkan Alamat Blog/Web Max 10 Url: Example : ( http://heninurardian.blogspot.com )

Read More

Cara Membuat Widget Cek Berat Blog/Web

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
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..

Read More

SMS Gratis

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

untuk cara membuatnya, sobat bisa buka halaman Cara Membuat Widget Sms Gratis.

Read More

Cara Membuat Widget Sms Gratis

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

Cara Membuat Widget Sms Gratis - Kali ini saya akan membagikan tutorial Cara Membuat Widget Sms Gratis, Widget Sms Gratis adalah widget yang menyediakan layanan pengiriman SMS gratis. widget ini bisa dipasang diwebsite dan blog anda dengan tujuan agar memperbanyak pengunjung website. untuk contohnya bisa dilihat disini .

Berikut ini langkah-langkah memasang Widget Sms Gratis pada Blogger :
Cara Membuat Widget SMS Gratis untuk Blogger

• Pertama login ke akun blogger Anda
• Klik menu rancangan
• Klik ‘Tambah Gadget’ (HTML/JavaScript)
• Isikan kode berikut

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>

• lalu simpan, dan lihat hasilnya.

Semoga Bermanfaat..

Read More

Cara Membuat Efek Loading Page Pada Blogger

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

Cara Membuat Efek Loading Page Pada Blogger - Buat para blogger yang senang dengan efek-efek yang lumayan menarik, Saya punya trik yaitu Cara Membuat Efek Loading Page Pada Blogger.


Mau tau previewnya??? Ok. nih contohnya bisa dilihat DISINI

Gimana??? sobat tertarik kah????



kalau iya,  langsung saja ya Cara Membuat Efek Loading Page Pada Blogger

• login blog
• buka menu rancangan >> edit HTML
• lalu cari kode </head>
• dan letakkan kode dibawah ini tepat diatas kode </head>

<!-- Loading Page Script – vikrymadz – http://vikrymadz.blogspot.com -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(http://static.int.crazydavinci.net/images/loading.gif) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:#000 url()");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>

• lalu cari kode <body>
• lalu letakkan kode dibawah ini dibawah kode diatas
<div id="page">
• cari lagi kode </body>
• dan taruh kode </div> diatas kode </body>
• lalu simpan deh...

Read More

Cara Membuat Widget Kode Warna HTML

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ  
Cara Membuat Widget Kode Warna HTML - Buat para sobat Blogger yang ingin mempunyai widget Kode Warna HTML, yaaaahhh..  biar kita gak harus cari-cari Kode Warna HTML kemana-mana.... hehehehe




Ok langsung saja ya sob....

Sobat hanya tinggal memasukkan semua kode HTML dibawah ini ke dalam kotak postingan (edit HTML bukan Compose)

<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object>




<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

Dan jangan lupa diterbitkan dan lihat hasilnya....
bila ingin melihat hasilnya sobat bisa buka Kode Warna HTML 


Semoga Bermanfaat..

Read More

Cara Membuat Tombol Spoiler (Tombol Buka/Tutup)

Cara Membuat Spoiler atau Tombol Buka/Tutup pada blog yang disimpan di sidebar atau dalam postingan , selan itu sekalian juga Cara Membuat Spoiler Show/Hidden Widget .

Cara Membuat Spoiler Pada Sidebar atau Postingan

Sebenarnya Spoiler bisa ditempatkan dimana saja di Sidebar, Komentar atau di postingan , Dengan Spoiler kita bisa menghemat tempat dll. Cara membuatnya  sama saja tinggal menggunakan kode HTML  seperti di bawah ini :

<div style="margin-bottom: 2px;">Judul Spoiler<div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> Silahkan masukan Isi Spoiler disini, Bisa teks atau gambar / foto </div></div></div>

Perhatikan tulisan berwarna merah, itu bisa diganti sesuai keinginan dan isi pokok dari spoiler bisa berupa teks atau gambar. 

Contoh Spoiler bisa dilihat pada blog ini sementara spoiler dalam postingan bisa dilihat di sini.
  
Cara Membuat Spoiler Show / Hidden Widget

Untuk Membuat Spoiler Show/Hidden Widget  kita harus merubah kode HTML langsung pada template blog., widgetnya bisa yang mana saja.. misalnya pada Daftar Isi, Label , Komentar atau Link Sahabat dll..

Langkah membuatnya :

1. Masuk ke Blogger , pilih Design atau Layout , lalu Edit HTML
2. Sebaiknya backup dulu dengan Download full template
3. Centang Expand Widget Templates
4. Cari kode widget yang akan di rubah. Berdasarkan pengalaman sebaiknya tiap widget itu
    diberi nama, jadi mudah untuk mencarinya, tinggal Ctl+F lalu ketik nama widgetnya langsung
    ketemu deh.
5. Contoh yang akan saya buat Spoilernya adalah Link Sahabat.

Widget Link Sahabat kodenya seperti ini :

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

6. Ganti kode yang berwarna pink dengan script berikut :

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

7. Copy kode dibawah ini & simpan diatas kode </b:includable> :

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

8. Bila kodenya digabungkan maka akan seperti ini :

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'> <b:widget id='HTML8' locked='false' title='Link Sahabat' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>
</b:if>
<div class='widget-content'>
<data:content/>
</div> <b:include name='quickedit'/>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>
</b:includable>
</b:widget>

9. Sampai disini urusan Spoiler selesai, tinggal Save Templates Selamat mencoba.
    Semoga Bermanfaat.. :)

Read More

Cara Membuat Tanda Tangan di Bawah Postingan

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

Cara Membuat Tanda Tangan di Bawah Postingan - Kali ini saya akan membahas Cara Membuat Tanda Tangan di Bawah Postingan. Sekarang membuat tanda tangan tidak usah ribet, seperti membuat tanda tangannya menggunakan kertas atau yang lainnya, karena ada salah satu web yang menyediakan pembuatan tanda tangan, yaitu MyLiveSignature. Selain di blog, sobat dapat memasangnya di tempat lain seperti forum.

Berikut Tutorialnya : 

1. Kunjungi situs http://www.mylivesignature.com

2. Lalu Pilih Menu "Start Now"

3. Klik "Using the signature creaton wizard"

4. Pada Step 1, masukkan Nama tanda tangan yg nanti akan ditampilkan

5. Kemudian pada Step 2, Pilih jenis font (huruf) yang sobat inginkan

6. Step 3, Pilih ukuran font yang sobat inginkan. Step 4, Pilih warna background. Step 5, atur kemiringannya

7. Dibawah, ada 2 pilihan yaitu :

- Want us to animate this signature?

- Want to download this signature?

- Want to use this signature?

8. Pilih yang Want to use this signature?

9. Kemudian muncul halaman baru, pilih Generate HTML code. 

10. Copy kodenya

11. Login ke blogger kamu

12. Pilih Template, Edit HTML, Ceklis "Expand Template widget"

13. Pastekan kodenya tepat dibawah kode <data:post.body/>

14. Simpan Template. dan lihat hasilnya.

Semoga bermanfaat.. 

Read More