Search JavaScript Kit:

This free script provided by
JavaScript Kit

Dian motor cell

Placed AD here !!

Pop Cash

Pop Cash

Pop Cash

Cara Paling Mudah Memasang Widget Islami di Sidebar Blog

Beragam widget yang bisa dipasang di Blog/Website, penyedianyapun bertebaran di Internet baik untuk Blog umum maupun untuk blog yang lebih spesifik seperti Blog Islami, Pertanian, SEO dan lain-lain. Dan kita  harus bisa memilah dan memilih widget tersebut untuk ditempatkan di blog yang sesuai dengan konten blog tersebut. Tapi, ada juga yang pemakaianya bisa di blog manapun. Dalam posting kali ini saya akan menyajikan Cara palin mudah memasang widget Islami di Sidebar Blog untuk widget Islami yang tentunya bisa dipasang di Blog manapun seperti widget Kalender Hijriah, Asmaul husna, Al Hadits dan lain-lain.

Baik, kita langsung saja ke langkah-langkahnya :

1. Login ke Blogger
2. Pilih Elemen Rancangan
3. Pilih Add Gadget
4. Pilih Java Script/ HTML
5. Copy kode masing-masing widget
6. Save/ Simpan
7. Lihat hasilnya


Kode- kode Widget :

1. 99 Asmaul Husna



<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjQ1NzU3MTQyNzImcHQ9MTM2NDU3NTczMjg*NiZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjBhc21h/dWxodXNuYS*wMWImZz*xJm89YmNjMTlmNjU3Yzc5NGMyMjhhNThjNDJjNDE2MTYzZmUmb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:150px;height:170px;"><embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-asmaulhusna-01b_wpd.swf" width="150" height="170" flashvars="col1=e18f32&col2=59ba1f&col3=005500&dur=3000" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1364575621912"></div>

2. Hitung Mundur dengan Ornamen Islam



<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjQ1NzYzMzI2NzkmcHQ9MTM2NDU3NjMzNjI3NyZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjBjb3Vu/dGRvd24tb3JuYW1lbnQtMDEmZz*xJm89YmNjMTlmNjU3Yzc5NGMyMjhhNThjNDJjNDE2MTYzZmUmb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:210px;height:220px;"><embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-countdown-ornament-01_wpd.swf" width="210" height="220" flashvars="col1=2c6a06&col2=d4e714&eD=29&eM=3&eY=2014&et1=Future%20Events&et2=May%20Allah%20bless%20you%20and%20your%20family." swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1364576301127"></div>

3. Animasi bendera lafadz "Tahlil "



<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEzNjQ1NzY2MDM2MTYmcHQ9MTM2NDU3NjYwNzM4MSZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjBmbGFn/LXRhaGxpbC13aGl*ZSZnPTEmb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:200px;height:200px;"><embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-flag-tahlil-white_wpd.swf" width="200" height="200" flashvars="col1=e18f32&mytext=Help%20spread%20the%20message%20of%20Islam%2C%20Allah%20will%20help%20you." swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1364576492099"></div>

4. Animasi ucapan salam





<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjQ2MjY3ODI2NzImcHQ9MTM2NDYyNjkwMjgzNCZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjB3ZWxj/b21lLW1lc3NhZ2Utc2FsYW*mZz*xJm89YmNjMTlmNjU3Yzc5NGMyMjhhNThjNDJjNDE2MTYzZmUmb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:250px;height:60px;"><embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-welcome-message-salam_wpd.swf" width="250" height="60" flashvars="colframe=3366ff&colsalam=33cc00&col1=ff6600&text1=Peace%20be%20upon%20you&col2=33cc00&text2=Welcome%20to%20my%20site" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1364626647403"></div>

5. Animasi Sambutan Ramadhan



<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjQ2MjcyNDQ*NTMmcHQ9MTM2NDYyNzI*ODc1NSZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjByYW1h/ZGFuLTExLW1vbnRocy12MiZnPTEmbz1iY2MxOWY2NTdjNzk*YzIyOGE1OGM*MmM*MTYxNjNmZSZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:200px;height:200px;"><embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-ramadan-11-months-v2_wpd.swf" width="200" height="200" flashvars="wish=Selamat%20menunaikan%20ibadah%20Ramadhan&lang=id" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1364627208540"></div>

6.Animasi Sambutan Ucapan Bismillah




<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjQ2Mjc2MTgxNzImcHQ9MTM2NDYyNzYyODI*NSZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjBtZXNz/YWdlLWJpc21pbGxhaCZnPTEmbz1iY2MxOWY2NTdjNzk*YzIyOGE1OGM*MmM*MTYxNjNmZSZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-message-bismillah_wpd.swf" width="160" height="160" flashvars="colframe=bf3b3b&colsalam=8a0808&col1=1937b4&text1=In%20the%20Name%20of%20Allah%2C%20Most%20Benefcient%2C%20Most%20Merciful&col2=0e85b4&text2=Welcome%20to%20my%20website" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1364627611962"></div>

7. Dan masih banyak lagi widget islami lainnya,dan demi untuk menghargai situs dan pemilik aslinya silahkan kunjungi Alhabib.info


Semoga cara paling mudah memasang widget islami di Blog menjadi ada manfaatnya untuk kita semua.



.: h72 :.

Cara Termudah Memasang Widget Recent Post dengan Thumbnail Berputar saat di Sorot Kursor

Berbagai cara dilakukan oleh seorang blogger untuk menampilkan Blog serapih dan seeffisien mungkin untuk space tampilan Blog nya. Permainan tata letak dan warna juga mengambil peranan penting dalam mendesain Blog dengan cara menempatkan kode warna di Blog mereka untuk mempermudah pengambilan kode HTML warna bila di butuhkan. Begitu juga dalam menampilkan artikel yang baru di publikasikan dan paling banyak di kunjungi oleh visitor, tidak luput dari variasi tampilan yang sedikit polesan artistik yang unik misal : Tampil statis, tampil dinamis dengan cara bergerak vertikal maupun horizontal ( Sliding View ) bahkan tampilan yang apabila di sorot ( MouseOver ) tepat di Thumbnail ( Image )nya maka Image tersebut akan berputar hingga di klik. Nah, untuk kali ini saya akan coba menyuguhkan tutorial singkat tentang Cara termudah memasang widget recent post dengan thumbnail berputar saat di sorot kursor.

Screenshot :


Baik, kita lanjut saja ke langkah-langkahnya tentunya sobat harus :

1. Login ke Blogger
2. Pilih Elemen Rancangan
3. Pilih Tata Letak
4. Pilih Add Gadget >> Pilih Java Script/ HTML
5. Copy kode di bawah dan paste-kan


<style type="text/css" media="screen">
<!--
/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */
#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}

#helperblogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK01VTkIRVu1FOd7BRMA08hkJBDI1PoUonmWew4UIEEhE9vxgeMD0jg59DgZg9l_NFARkSUfs_I-MfUiqwShpBcQms6kgPLUmN0elgGratsGbVzPDNXtqJzQmx4XJm-K5Rw6kjFjD254A/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}
#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}

#helperblogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}
#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}
#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
}
.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
}
/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */
-->
</style>

<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKD7aoP9KtYPufW_CpJLp-PQ6SLL-s2qvo83mFCPmUm5150Lqh5_maxTm7LsHahcXS12PxXRjA9uHF5-misHxM_QKStNPj1RTu9kaqmRNBZfW1iqfRWq_O1W-7T7Go3w_tEBpXXQtNSQQ/s1600/no-thumbnail.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKD7aoP9KtYPufW_CpJLp-PQ6SLL-s2qvo83mFCPmUm5150Lqh5_maxTm7LsHahcXS12PxXRjA9uHF5-misHxM_QKStNPj1RTu9kaqmRNBZfW1iqfRWq_O1W-7T7Go3w_tEBpXXQtNSQQ/s1600/no-thumbnail.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKD7aoP9KtYPufW_CpJLp-PQ6SLL-s2qvo83mFCPmUm5150Lqh5_maxTm7LsHahcXS12PxXRjA9uHF5-misHxM_QKStNPj1RTu9kaqmRNBZfW1iqfRWq_O1W-7T7Go3w_tEBpXXQtNSQQ/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKD7aoP9KtYPufW_CpJLp-PQ6SLL-s2qvo83mFCPmUm5150Lqh5_maxTm7LsHahcXS12PxXRjA9uHF5-misHxM_QKStNPj1RTu9kaqmRNBZfW1iqfRWq_O1W-7T7Go3w_tEBpXXQtNSQQ/s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKD7aoP9KtYPufW_CpJLp-PQ6SLL-s2qvo83mFCPmUm5150Lqh5_maxTm7LsHahcXS12PxXRjA9uHF5-misHxM_QKStNPj1RTu9kaqmRNBZfW1iqfRWq_O1W-7T7Go3w_tEBpXXQtNSQQ/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.URL BLOG SOBAT.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="helperblogger-widget">
<script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script>
</div>



Keterangan kode :
- URL BLOG SOBAT : ganti dengan BLOG sobat

6. Save/ Simpan ( tapi alangkah baiknya klik Prantinjau dulu untuk memastikan Galat tidaknya )
7. Lihat hasilnya

Untuk melihat hasilnya silahkan KLIK DISINI image di bawah :






Demikianlah semoga berguna tutor cara mudah memasang widget recent post berputar.


.: h72 :.

Cara Mudah Memasang dan Mengirim SMS Gratis di Blog

SMS ( Short Message Service ) adalah suatu media yang biasa dipakai untuk mengirim pesan singkat dari satu orang ke satu orang dan bahkan dari satu orang ke banyak orang. Ketika kita hendak mengirim SMS menggunakan HP tentunya kartu yang kita punya harus sudah berisi pulsa aktif dan tidak sedang habis masa aktifnya. Terus bagaimana apabila kita sedang kehabisan pulsa dan ingin mengirim SMS ke do'i atau teman ? jangan takuuut.... sekarang ada alternatif jitu walaupun kita tidak punya pulsa tapi tetap bisa berkirim SMS yaitu dengan menggunakan Layanan SMS gratis dari www.sms-online.web.id. Sebenarnya masih banyak situs penyedia SMS gratis di Internet seperti www.freesms4us.com/, www.smsgratis2indonesia.com/, www.smsgratisan.us/, www.smsgratis.web.id/ dll tapi saya hanya mengambil 1 ( satu ) saja yang sudah populer di Internet untuk di pakai di Blog ini  dan selebihnya bisa sobat cari di mesin pencari yang sudah populer.

Screeshot :

Cara penggunaanyapun sangat mudah sekali layaknya kita menggunakan HP, tinggal ketik No Tujuan, Isi SMS maksimal 160 karakter kemudian Klik Tombol " KIRIM ".

Cara memasang widget SMS ini cukup simple dan mudah dipahami, ikuti langkah-langkahnya :

Langkah pertama

Kode HTML Widget SMS :


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


Keterangan kode :
- Width="270" : untuk lebar Form SMS dan bisa di ganti sesuai selera
- Height="350" : untuk tinggi Form SMS dan bisa diganti sesuai selera

Langkah kedua

Widget SMS Gratis ini tidak beda dengan Cara memasang spoiler di blogCara mudah memasang kode warna di BlogCara mudah memasang widget Alquran digital Online di blog bisa dipasang di Postingan dan di Sidebar Blog.
 DI POSTINGAN 

1. Login ke Blogger sobat menggunakan Akun yang masih aktif
2. Pilih Elemen Rancangan
3. Pilih Entri Baru >> Beri Judul Posting >> Pilih Mode HTML
4. Copy kode di atas ( Kode HTML Widget SMS )
5. Kembalikan ke Mode Compose
6. Publish ( Publikasikan )
7. Lihat hasilnya

DI SIDEBAR BLOG 

1. Login ke Blogger
2. Pilih  Elemen Rancangan
3. Pilih Tata Letak >> Add Gadget >> Copy kode di atas ( Kode HTML Widget SMS )
4. Save/ Simpan 
5. Lihat hasilnya



That's All, Semoga Cara mudah memasang dan mengirim SMS di Blog ini bermanfaat.


.: h72 :.

Cara Mudah Memasang Widget HTML Warna di Blog Bag.2

Sebelumnya saya sudah posting Cara Mudah Memasang Kode Warna di Blog, tetapi agak ribet dan cukup panjang tutorialnya tapi kali ini saya akan menyuguhkan Cara Mudah Memasang Widget HTML Warna di Blog dengan cara sederhana dan mungkin cukup mudah dipahami. Tapi sebelumya saya akan sedikit mengulas tentang fungsi dari Kode HTML warna ini yaitu lebih kepada untuk mempercantik tampilan Blog dengan polesan warna yang harmonis, karena dengan tampilan yang oke punya akan membuat pengunjung betah dan tetap berada dalam blog yang dikunjungi atau akan kemungkinan besar kembali lagi ke blog kita.
Sebenarnya penempatan Widget Colour ini tergantung selera, bisa di Sidebar juga bisa di Postingan kita.



Langkahnya :

1. Siapkan Kode HTML :

Kode A
<div style="text-align: center; line-height: 0;">  
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  
codebase="http://download.macromedia.com/pub/shockwave
/cabs/flash/swflash.cab#version=6,0,40,0">  
<param name="src" value="http://www.allblogtools.com/
MiSc/colors/color-codes.swf" />  <param name="pluginspage"
value=" http://www.macromedia.com/go/getflashplayer" />  
<embed width="485" height="485" type="application/x-shockwave-flash" 
src="http://www.allblogtools.com/MiSc/colors/color-codes.swf" 
pluginspage=" http://www.macromedia.com/go/getflashplayer" />
</object>
</div>


Keterangan kode :
- Width="485" : untuk Lebar dan bisa di ganti sesuai selera
- Height="485" : untuk Tinggi dan bisa diganti sesuai selera

2. Copy kode diatas ke Editor Postingan dalam Mode HTML 
3. Publish
4. Selesai dan lihat hasilnya

Hasil dari kode diatas setelah di switch ke mode Compose :








Atau Kode nya :
Kode B
<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>

Hasilnya :



Demikianlah, Cara Mudah Memasang Widget HTML Warna di Blog dapat saya sajikan semoga bisa diterima dan bermanfaat.

.: h72 :.

Cara Gampang Memasang Widget Label Cloud Bergerak Berputar di Blog

Begitu banyak cara yang dilakukan oleh seorang Blogger untuk mempercantik tampilan Blog/ Web atau sejenisnya agar para pengunjung berbetah ria berselancar di blog yang dikunjungi. Salah satunya adalah menampilkan Tags/ Label/ Katogori, ada yang menampilkan apa adanya sesuai bawaan Blogspot seperti Label Flat statis ada juga dengan Label Cloud statis dan ada juga tampilan label dengan flat tapi disuntik sentuhan dinamis seperti bergerak apabila di sentuh kursor dan masih banyak lagi.
Berikut ini saya akan berbagi sedikit tutor tentang menampilkan Label dinamis cloud berputar, yakni menampilkan Tags/ Label/ Kategori secara bergantian dengan cara berputar pada saat di sentuh kursor. Caranyapun cukup simple dan mudah untuk dipahami dan diterapkan ke Blog sobat.

Caranya :
1. Login ke Akun Blogger sobat
2. Pilih Elemen Rancangan
3. Pilih Edit HTML ( tapi jangan lupa centang " Expand template Widget " )
4. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> 
    Gunakan Ctrl-F untuk pencarian Express!!
5. Copy kode dibawah ini tepat di atas kode <b:section class='sidebar' id='sidebar' preferred='yes'>



Keterangan kode :
- Nilai ("240") menyatakan Lebar ( Width ) dan bisa diganti sesuai selera
- Nilai ("300") menyatakan Tinggi ( Height ) dan juga bisa diganti sesuai selera

Demikianlah sajian Cara Gampang memasang Widget Label Cloud Bergerak Berputar di Blog, semoga bermanfaa.

.: h72 :.

Cara Paling Cepat Edit atau Membuat Label Posting

Label biasa disebut juga kategori, label ini kontribusinya besar sekali untuk menjadikan suatu Blog di Index atau di Crawl oleh mesin pencari seperti Google, Bing, Yahoo dll. Maka keberadaanya di postingan artikel tidak bisa dipisahkan karena sebagai umpan untuk mesin pencari yang disebutkan diatas. Untuk Blogger pemula ( Newbie seperti saya ) tentunya sangat berguna sekali sebagai pegangan.Tapi bagaimana apabila kita lupa menyisipkan Label setelah selesai menulis posting yang terdapat di sebelah kanan postingan ? dan sudah terlanjur di " Publish "


Caranya cukup sederhana dan sobat tinggal mengikuti tutorialnya berikut ini :
1. Pilih Pos pada Elemen Rancangan


2. Pilih Postingan dengan cara men-Centang kotak di sebelah kiri, sebagai tanda posting yang akan di tambah " Label/ Kategori "


3. Klik Logo Pensil Edit yang ada di atasnya


4. Pilih Label Baru untuk membuat/ Tambah Label, pilih Label yang sudah ada jika dipakai >> Klik OK



5. Kemudian Edit-an akan tersimpan secara otomatis dan muncul Label baru seperti berikut

6. Selesai

Cukup mudah bukan ?? Silahkan dicoba dan semoga tutorial Cara paling Cepat Edit atau Membuat label posting dapat diterima dan bermanfaat.

.: h72 :.

Cara Tercepat Memasang dan Menonton TV Online Lokal dan Luar Negeri di Blog

Semua orang pasti suka menonton Televisi ( TV ) yang sekarang ini banjir dengan acara-acara yang menarik yang memancing penontonya untuk menikmati acara-acara yang disajikan oleh Saluran TV masing-masing baik lokal maupun mancanegara seperti : Film, FTV, Musik, Olah Raga, Sinetron, Talkshow dll yang disesuaikan dengan golongan pemirsa. Tentu semua itu dulu hanya bisa disaksikan hanya via media televisi, tapi sekarang sudah bisa di tonton melalui media PC/ Laptop ada yang pake bantuan TV Turner dan Internet. Sudah banyak penyedia TV Online Lokal di Internet diantaranya yang sudah populer seperti MIVO TV, BINUS TV, KANDANGAN-TV, NONTON TV dll.

Untuk bahasan kali ini saya coba menyuguhkan Tutorial Cara Memasang dan Menonton TV Online di Blog.

Kode HTML :

1. MIVO TV

<embed scroll="auto" align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

2.TV ONE

<embed  allowfullscreen="true" allowscriptaccess="always" flashvars="&file=tvone&type=video&streamer=rtmp://stream.vivanews.com/live/&stretching=exactfit&autostart=true&controlbar=over'); id=" height="400" mpl"="" name="mpl" quality="high" src="http://video.tvone.co.id/embed/player.swf" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

3.ANTV

<embed allowfullscreen="true" allowscriptaccess="always" flashvars="file=rtmp://stream.vivanews.com/live/&id=antv&width=450&height=400&overstretch=fit&callback=analytics&autostart=false" height="400" id="mpl" name="mpl" quality="high" src="http://www.vivanews.com/appaux/swf/antv_mediaplayer.swf" type="application/x-shockwave-flash" width="100%"></embed> 

4.METROTV

<iframe frameborder="0" height="233" scrolling="no" src="http://www.metrotvnews.com/streaming-singtel/player.html" width="370"></iframe> 

5. TV MANCANEGARA

<iframe frameborder="0" height="400" id="tvweb360player" scrolling="no" src="http://tvweb360.com/live_embed_player_630px_en" width="100%"></iframe>

Caranya :
1. Login ke akun Blogger sobat
2. Untuk Postingan Blog >> Pilih Entry Baru >> Beri Judul Posting >> Pilih Mode HTML >> Copy kode diatas >> Kembali ke Mode Compose untuk melihat hasilnya >> Publish
3. Untuk Sidebar >> Pilih Elemen Rancangan >> Pilih Tata Letak >> Copy kode diatas >> Save/ Simpan >> Lihat Hasilnya
4. Selesai

Hasilnya bisa dilihat dibawah untuk MIVO TV :






Semoga bermanfaat Cara Tercepat memasang TV Online di Blog.

.: h72 :.

Cara Cepat Memasang Widget Jadwal acara TV Lokal

Ada beberapa media yang menyuguhkan jadwal acara televisi lokal bahkan mancanegara baik itu di media elektronik yang bersangkutan bahkan sudah tersebar merata hampir di setiap media massa seperti koran, tabloid, majalah dll. Tapi bagaimana apabila kita sedang berselancar di internet via Blog ataupun sejenisnya dan kita malas untuk keluar dulu dan harus mencari di mesin pencari dulu maka akan sedikit perlu waktu untuk mencari dan loading web tersebut? Cukup gampang sekali, hanya memasang Widget Jadwal Acara Televisi Lokal yang terdiri 15 Channel ( Saluran ) di :

1. Postingan Blog
2. Sidebar Blog

Kode HTML nya :

<iframe src="http://tvguide.co.id/mobile/all" style="width:200px;height:300px;border:none;background-color:#ffffff"></iframe><br />diambil dari: <a href="http://tvguide.co.id">tvguide.co.id</a>

Keterangan kode :
- Width dan Height yang berwarna merah bisa diganti besarnya sesuai selera sobat

Caranya :

1. Login ke akun Blogger sobat
2. Untuk Postingan Blog >> Beri judul Posting >> Pilih Mode HTML >> Copy kode di atas >> Switch ke Mode Compose >> Publish
3. Untuk Sidebar >> Pilih Elemen Rancangan >> Pilih Add Gadget >> Pilih Java Script/ HTML >> Copy kode di atas >> Atur Tata letaknya yang sesuai selera >> Save/ Simpan >> Lihat hasilnya
4. Hasilnya seperti berikut  :


Demikianlah sobat, Tutorial Cara Memasang Widget Jadwal TV lokal Indonsia. Semoga membantu dan bermanfaat bagi kita semua.


.: h72 :.

Cara Asyik Mengoperasikan Photoshop Online di Blog

Bagi sobat-sobat yang gemar desain pola dengan menggunakan Aplikasi Photoshop, sekarang tidak usah pusing dan ribet harus Install Software tersebut di tubuh PC/ Laptop sobat yang  memori filenya sangat besar, sekarang caranya simple sekali hanya dengan klik link di bawah ini, sobat sudah bisa utak-atik Image, Pict dll dalam berbagai jenis file ( PSD,PNG,JPG,JPEG,GIF dll ) sepuasnya dan tak harus keluar ( Minimize ) dari frame Blog.Tampilan ( Screenshot ) pertama pada saat di buka seperti berikut :



Silahkan Klik Link / Image di bawah untuk membuka Photoshop online:

 photo logoPhotoshopOnline_zpseb8dc248.gif

Demikianlah sajian Cara Asyik Mengoperasikan Photoshop Online Blog, semoga bermanfaat.....

.: h72 :.

Cara Mudah memasang Kode Warna di Blog

Warna suatu alat yang tidak lepas dengan kehidupan manusia yang menghiasi alam semesta dengan segala keindahanya, itu semua berkat yang namanya Warna. Suatu benda, wujud dan pemandangan tidak akan terlihat indah tanpa adanya warna. Begitu juga dengan Blog/ Website dan sejenisnya tidak akan terlihat indah desainya tanpa adanya polesan warna, misal untuk header, sidebar, posting dan lain-lain. Maka kesimpulanya warna akan memiliki peranan penting dalam mendesain sesuatu termasuk Blog.
Untuk Blog, warna memiliki kode html tertentu yang bisa di pasang di dalam tubuh Blog seperti di Blog atau di postingan sehingga adanya tabel warna bisa memudahkan untuk mendesain blog itu sendiri.

Adapun cara memasang widget tabel kode warna di Blog adalah sebagi berikut :

Langkah Pertama :

1. Masuk ke akun Blogger sobat
2. Pilih Template
3. Pilih Edit HTML ( Jangan lupa centang "Advance Template Widget ")
4. Cari kode </head> kemudian Copy dan Paste-kan kode berikut tepat di atas kode </head>



<script language='javascript'>
function Barva(koda)
{
("vzorec").bgColor=koda; document.hcc.barva.val
document.getElementByI
due=koda.toUpperCase();
document.hcc.barva.select();
}
orec2").bgColor=koda; doc
function BarvaDruga(koda) { document.getElementById("v zument.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); }
er; var d
</script> <script type='text/javascript'> var hue; var picker; //var gLog gd1, dd2; var r, g, b; function init() { if (typeof(ygLogger) != "undefined")
.fillcolorbox("colorfield1", "colorbox1") //PREFI
ygLogger.init(document.getElementById("logDiv")); pickerInit(); //ddcolorposte rLL "colorbox1" with hex value from "colorfield1"
box2") //PREFILL "colorbox1" with hex value from "colorfield1" } // Picker ------------------------------------
//ddcolorposter.fillcolorbox("colorfield2", "colo r--------------------- function pickerInit() { hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
lector", 0, 180, 0, 180); picker.onChange = function(ne
hue.onChange = function(newVal) { hueUpdate(newVal); }; picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "s ewX, newY) { pickerUpdate(newX, newY); }; hueUpdate(); dd1 = new YAHOO.util.DD("pickerPanel"); dd1.setHandleElId("pickerHandle"); dd1.endDrag = function(e) {
unction hueUpdate(newVal) { var h
// picker.thumb.resetConstraints(); // hue.thumb.resetConstraints(); }; } executeonload(init); function pickerUpdate(newX, newY) { pickerSwatchUpdate(); } f= (180 - hue.getValue()) / 180; if (h == 1) { h = 0; } var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); document.getElementById("pickerDiv").style.backgroundColor =
document.getElementById("pickerhval").value = (
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; pickerSwatchUpdate(); } function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; }h*2); h = h / 180; var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100); var v = (180 - picker.getYValue()) / 180;
oundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; docu
document.getElementById("pickervval").value = Math.round(v * 100); var a = YAHOO.util.Color.hsv2rgb( h, s, v ); document.getElementById("pickerSwatch").style.backg rment.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value ='#'+
="text/javascript"> function correctPNG()
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); } </script><!--[if gte IE 5.5000]> <script typ e// correctly handle PNG transparency in Win IE 5.5 or higher. { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
k;" + img.style.cssText if (img.align == "left") i
var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-blo cmgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle
outerHTML = strNewHTML i = i-1 } } } YAHOO.util.Event.addListener(window, "load", correct
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img .PNG); </script>
<![endif]-->

5. Selesai

Langkah kedua :

Selanjutnya , memasang tabel kode warna pada Blog. Ada 2 cara untuk pemasangan ini yakni di pasang di homepage Blog dan di pasang di Postingan Blog.

Kode warnanya adalah :

</div><center><form name="hcc" id="hcc"> <table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b40404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0101"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f78181"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#61380b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df7401"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#faac58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907"> </td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#868a08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907"> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#38610b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#74df00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#bef781"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a08"> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b404"> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df01"> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f781"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbef"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138"> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f"> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df74"> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faac"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a85"> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"> </td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861"> </td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0174df"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"> </td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa"> </td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"> </td><td onclick="Barva(this.bgColor)" bgcolor="#08088a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0101df"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719"> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#380b61"> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#7401df"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"> </td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb"> </td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b38"> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f"> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0174"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781be"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000"> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"> </td><td onclick="Barva(this.bgColor)" bgcolor="#151515"> </td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#424242"> </td><td onclick="Barva(this.bgColor)" bgcolor="#585858"> </td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"> </td><td onclick="Barva(this.bgColor)" bgcolor="#848484"> </td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"> </td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"> </td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"> </td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff"> </td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24"> </td><td valign="bottom"><p>Kode warna : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table> </form></center>


Cara pasang kode warna sebagai Homepage ( Sidebar )
1. Masuk ke menu Elemen Halaman
2. Pilih Tata Letak
3. Pilih Add Gadget >> Pilih Java Script/ HTML
4. Copy dan Pastekan Kode Warna di atas
5. Save/ Simpan

Cara pasang kode warna sebagai Posting Blog
1. Masuk ke Entry Baru dan beri Judul Posting Yang sesuai
2. Pilih Mode HTML
3. Copy dan Pastekan Kode Warna di atas
4. Pilih Mode Compose
5. Publish/ Terbitkan ( atau alangkah baiknya klik menu Pratinjau untuk melihat hasilnya )
6. Selesai

Maka, hasilnya akan seperti berikut :


Kode warna :


Demikianlah tutorial Cara Mudah Memasang Tabel kode warna di Blog dan semoga bermanfaat.....



.: h72 :.