cara buat widget cek berat blog

alhamdulilah akhirnya abiyyi abdurrouf bisa ngepost lagi setelah disibukkan oleh berbagai kegiatan. oke kali ini saya akan ngepost tentang cara buat widget cek berat blog. untuk demonya sobat bisa lihat di bawah ini:

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

jika sobat tertarik caranya sangat gampang tingal copy kode di bwah ini dan taruh di kotak postingan yang HTML( bukan compose)

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

jika sudah tinggal di publikasikan 

cara buat sitemap/daftar isi di blog

untuk menjawab request dari kang dieky. kali ini abiyyi abdurrouf akan bahas tentang cara buat sitemap/buku tamu di blog. untuk demonya sobat bisa lihat di sini. oke tanpa panjang lebar jika sobat ingin menerapkan sitemap ke template sobat kopas aja kode dibawah ini dan lalu buat posting baru dan pilih mode HTML

<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">

<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://abiyyiabdurrouf.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

catatan:

ganti  

http://abiyyiabdurrouf.blogspot.com dengan alamat blog sobat

cara buat kotak pesan admin di bawah poting

halo sobat semua. pada kesempatan kali ini saya akan ngpost tentang cara buat kotak pesan admin di bawah posting. untuk demonya sobat bisa lihat di blog ini dan dari gambar di atas. jika sobat mau mencobanya ikuti aja langkah langkah berikut:
1. loggin blog
2. klik template
3. klik edit HTML(jangan lupa centang expand widget template)
4. next cari kode ini <div class='post-footer'>  (tekan f3 agar lebih mudah mencarinya)\
5. pastekan kode di bawah ini di atas kode nomor 4

<!-- Kotak Pesan Admin by ROG -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> DESKRIPSI BLOG ANDA </h4>
<div class='kontainer'>
<img src=' ALAMAT URL FOTO ANDA '/>Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terima Kasih atas kunjungan sahabat kesini. Semoga sobat dapat berkenan untuk sedikit memberikan sekelumit komentar mengenai postingan kali ini.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://no-doong.blogspot.com/2012/06/cara-membuat-kotak-pesan-di-posting.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Pesan Admin b ROG-->

5. selanjutnya cari kode ]]></b:skin> 
6. copy kode di bawah ke atas kode no 5 atau ke <data:post.body/>

.admin-tulisan h4{
background:#999999;
border:none;
border-bottom:1px solid #FFFFFF;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FFFFFF;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #FFFFFF;
padding:2px;
background:#FFFFFF;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

7. simpan
keterangan 

• ganti tulisan berwarna biru dengan deskripsi blog sobat
• ganti tulisan barwarna merah dengan url foto blog sobat
• ganti tulisan berwarna bitu dengan deskripsi blog sobat

cara buat threaded coment

akhirnya bisa ngepost lagi. pada pagi yang cerah ini saya akan ngepost tentang cara buat threaded coment di blog. oke dari pada kelamaan mending kita langsung aja. jika sobat berminat langsung aja ikuti langkah iniL:
1. loggin blog
2. klik template
3. pilih edit HTML
4. jangan lupa sob centang expand template widget
5. cari kode di bawah ini (tekan f3 agar lebih cepat)
<b:include data='post' name='comments'/>
6. hapus semua kode diatas dan ganti dengan
<b:if cond='data:post.showThreadedComments'>
 <b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/> </b:if>
7. selanjutnya simpan templatenya

cara buat kode warna di blog

akhirnya saya bisa ngepost lagi. di pagi  yang masih gelap ini saya akan memberi tahu sobat tentang cara buat kode warna di blog. bagi sobat yang tertarik untuk membuat kode warna di blog begini cara buatnya:
1. loggin blog
2. klik tata letak
3. pilih add gdget
4. pilih HTML/javascript
5. copas kode di  bawah ini lalu klik simpan

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

;

cara buat kotak chat mirip facebook di blog

kali ini saya akan memberi tahu sobat tentang cara buat kotak chat seperti di facebook. kotak ini memungkinkan para pengunjung blog sobat untuk bisa chating dengan pengunjung lainya.sebenarnya ada beberapa situs yang menyediakan layanan ini tapi kali ini kita akan menggunakan https://www.envolve.com/.
untuk demonya sobat bisa lihat di http://abdurroufalthofabiyyii.blogspot.com/. jika sobat kepingin pasang ikuti langkah- langkah berikut ini:
1. buka https://www.envolve.com/
2.klik sign up

3. isi kolom formulir dan klik cerate my account

4. pilih kategori blog sobat. jika sobat memakai blogspot maka pilih other

5. copy kode pada kotak kode dan klik i'm finished

6. loggin blogger sobat
7.klik tata letak
8. klik add gadget
9. pilih HTML/javascript
10. paste kode
11. simpan
12. selesai
semoga info ini dapat bermanfaat bagi sobat