Melalui HTML/JavaScript :
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).
<div class="post-content clearfix" style="background-color: transparent; color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<pre style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-family: 'Courier New', Courier, 'Lucida Console', Monaco, 'DejaVu Sans Mono', 'Nimbus Mono L', 'Bitstream Vera Sans Mono'; font-size: 12px; margin-bottom: 1em; margin-top: 1em; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0.8em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.8em; white-space: pre-wrap; width: 533px;"><span class="fullpost" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" target="pageframe">
<table border="0" style="border-collapse: collapse; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td height="91" style="background-color: #eeeeee; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;" valign="top"><table class="tooltop" style="border-collapse: collapse; height: 76px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"><table border="0" cellspacing="5" style="border-collapse: collapse; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td colspan="5" style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;" valign="top"><span style="font-size: xx-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Masukkan URL situs web/blog kamu di sini :</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td colspan="4" style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;" valign="top"><textarea name="domain" rows="11" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; font-size: 12px; height: 17px; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; margin-top: 0px; padding-bottom: 0.2em; padding-left: 0.4em; padding-right: 0.4em; padding-top: 0.2em; width: 499px;"></textarea></td><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"><input style="float: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; font-size: 12px; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; margin-top: 0px; padding-bottom: 0.2em; padding-left: 0.4em; padding-right: 0.4em; padding-top: 0.2em;" type="submit" value="Check!" /></td><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"><span style="font-size: xx-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">contoh : tutorial-blog-eno.blogspot.com</span></td><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"></td><td colspan="2" style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"></td></tr>
</tbody></table>
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
</form>
</span></pre>
</div>
<div style="text-align: justify;">
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-memasang-widget-speed-test-di-blog-2.html" target="_blank">Mau Seperti Ini?</a></small>
<pre style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-family: 'Courier New', Courier, 'Lucida Console', Monaco, 'DejaVu Sans Mono', 'Nimbus Mono L', 'Bitstream Vera Sans Mono'; font-size: 12px; margin-bottom: 1em; margin-top: 1em; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0.8em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.8em; white-space: pre-wrap; width: 533px;"><span class="fullpost" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" target="pageframe">
<table border="0" style="border-collapse: collapse; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td height="91" style="background-color: #eeeeee; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;" valign="top"><table class="tooltop" style="border-collapse: collapse; height: 76px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"><table border="0" cellspacing="5" style="border-collapse: collapse; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td colspan="5" style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;" valign="top"><span style="font-size: xx-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Masukkan URL situs web/blog kamu di sini :</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td colspan="4" style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;" valign="top"><textarea name="domain" rows="11" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; font-size: 12px; height: 17px; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; margin-top: 0px; padding-bottom: 0.2em; padding-left: 0.4em; padding-right: 0.4em; padding-top: 0.2em; width: 499px;"></textarea></td><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"><input style="float: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; font-size: 12px; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; margin-top: 0px; padding-bottom: 0.2em; padding-left: 0.4em; padding-right: 0.4em; padding-top: 0.2em;" type="submit" value="Check!" /></td><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"><span style="font-size: xx-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">contoh : tutorial-blog-eno.blogspot.com</span></td><td style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"></td><td colspan="2" style="border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.4em; padding-left: 0.8em; padding-right: 0.8em; padding-top: 0.4em; text-align: left;"></td></tr>
</tbody></table>
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
</form>
</span></pre>
</div>
<div style="text-align: justify;">
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-memasang-widget-speed-test-di-blog-2.html" target="_blank">Mau Seperti Ini?</a></small>
Keterangan :
5. Simpan Pengaturan.
- Warna purple adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau.
- Agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
- Warna red adalah teks, silahkan kamu ganti dengan selera yang kamu mau.
5. Simpan Pengaturan.
» Untuk contohnya, kamu bisa melihat Laman saya : Klik Di Sini
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.
█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno
Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.
Saat ini kamu sedang membaca artikel tentang Cara Memasang Widget Speed Test Di Blog #2. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke.
/bawi
/bo
/gawi
/!
/?
/...
/$
/ho
/lv
/swt
/ic
/an
/ag
/thx
/heh
/wah
/sry
/hmm
/no1
/ok
/omg
/oh
/X
/hlp
/go
/sob
/gg
/kis
/pif
/rice
/meh
/shy
/slur
/com
/yawn
/grat
/fsh
/spin
/sigh
/dum
/otl
/hum
/abs
/oops
/spit
/ene
/panic
/whisp
Tidak ada komentar:
Posting Komentar
███████████████ Peraturan Berkomentar Di Blog Ini :
» Berkomentarlah dengan baik dan sopan.
» Dilarang spam, SARA, pornografi, junk, dan sebagainya.
» Jangan membuat keributan/kekacauan.
» Jangan mencantumkan LIVE LINK di komentar ini.
» Kalau kamu ingin copy-paste dari blog ini ke blog kamu (harap cantumkan LINK SUMBERNYA).
» Jika kamu melanggar salah satu peraturan tersebut, maka komentar kamu akan saya hapus dari blog ini.
███████████████ Terima kasih atas pengertian, kunjungan dan pesannya.
» Pengunjung yang baik itu adalah yang meninggalkan komentar, walaupun itu hanya ucapan "Terima Kasih".