trias tuti: 2012

Sabtu, 14 Juli 2012

Kumpulan kode script jam unik di blog

Yang ingin memiliki atau mengganti jam di blog kalian ini dia. Kalau Anda belum tau cara memasangnya, saya beritahu.
Cara Memasangnya :

Masuk (Login) ke Blog anda, lalu klik Desain Blogger anda
Pilih Tata letak
Kemudian Tambahkan Gadget/Widget, pilih HTML/JavaScript.
Langkah Selanjutnya copy script dibawah letakkan di HTML/JavaScript

Beberapa jam Unik dan Menarik lainnya :

Model 1

Code : <script src="http://localtimes.info/clock.php?continent=Asia&country=Indonesia&city=Jakarta&widget_number=121&fwdt=150&ham=1&hfg=1" type="text/javascript"></script>

Model 2

Code : <embed allowscriptaccess="sameDomain" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" height="120" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed>

Model 3

Code : <embed height="66" src="http://www.clocklink.com/clocks/5010-red.swf?TimeZone=JOG&" type="application/x-shockwave-flash" width="222" wmode="transparent"></embed>

Model 4

Code : <embed allowscriptaccess="sameDomain" flashvars="col1=e18f32&col2=59ba1f&col3=005500&dur=3000&gig_lt=1291620994625&gig_pt=1291621000984&gig_g=1" height="170" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Asmaul-Husna-99-Beautiful-Names-of-Allah-3616-8192_134217728.widget?__install_id=1291620746812&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>

Model 5

Code : <embed allowscriptaccess="sameDomain" flashvars="&dayAdd=0&cal=true&rb=1&ak=1&jb=&gig_lt=1261135267406&gig_pt=1261135338171&gig_g=1" height="160" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Cute-Little-Muslim---Hijri-Calendar-2833-8192_134217728.widget?__install_id=1261135080421&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="140" wmode="transparent"></embed>

Model 6

Code : <embed height="175" src="http://www.clocklink.com/clocks/0020-black.swf?TimeZone=JOG&" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 7

Code : <embed height="175" src="http://www.clocklink.com/clocks/bloguru003-black.swf?TimeZone=JOG&" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 8

Code : <embed allowscriptaccess="sameDomain" flashvars="col1=ff9900&col2=0066FF&col3=990099&col4=FF0099&gig_lt=1278851251515&gig_pt=1278851275906&gig_g=1" height="139" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Calendar-with-Floral-Ornament-3613-8192_134217728.widget?__install_id=1278849927035&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="130" wmode="transparent"></embed>

Model 9

Code : <embed allowscriptaccess="sameDomain" flashvars="&col1=b7c628&col2=000000&col3=eeffcc&tzoffset=false&gig_lt=1297562109521&gig_pt=1297562127614&gig_g=1" height="100" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1297561840488&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 10

Code : <embed height="177" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed>

Model 11

Code : <embed src="http://www.clocklink.com/clocks/mailhigh002-navy.swf?TimeZone=GMT0700&" width="151" height="50" wmode="transparent" type="application/x-shockwave-flash"></embed>

Model 12

Code : <embed src="http://www.clocklink.com/clocks/free002-black.swf?TimeZone=GMT0700&" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed>

Model 13

Code : <embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://fc03.deviantart.net/fs71/f/2010/172/4/9/Hitman_Reborn_Clock_by_sd0711.swf" type="" wmode="transparent" height="180" width="220"></embed>

Model 14

Code : <center><div style="width:300px; height:180px; float: inherit;"><script language="javascript">var cutekiWidget=2; var cutekiLeng="undefined"</script><script type="text/javascript" language="javascript" src="http://www.cuteki.com/widgets/clocks/cuteki-clock.js"></script></div></center>

Cara membuat balon terbang di blog

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Langkah pertama > Penempatan URL dan JavaScript
dibawah ]]></b:skin>
........
diatas </head>

<script type="text/javascript" src="http://pagenano.googlecode.com/files/balon%20terbang.js"></script>
<script type='text/javascript'>
//<![CDATA[

/***********************************************
* Balon Terbang By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
***********************************************/

var flyimage1, flyimage2, flyimage3

function pagestart(){
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);

movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

//]]>
</script>

Langkah kedua > Penempatan kode HTML
dibawah <body>
........
diatas </body>

<div id="flyimage1" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOMtlKWYOwJdfblZ3GUBgzV5DkTjc80YYU_WwuIRv_6rhSdHSl5_Yv0MA4ybEauZRooEA2R2lZ0EdWqtXhuze6hARGtToIVfrPBT0Do_Mazst6lRt6mMWq08ESe1fiGndWB9I1Sia9_NE0/s320/ballon+ungu-Nano+Yulianto.gif" border="0" /></a>
</div>

<div id="flyimage2" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5LvkAzO9yOC5V3J_qP_uRP8EjCzaiNL5mwTrYvBrOMimIbcAVm3HV0PGM7t_Qdq4kmXo-6T_dpcA-5qYSpfa5NTgEG78J6aFqrN1tjYhW1YbX9D-IujMN_7fa5zhhxaewu4-pc5ciiroa/s320/ballon+merah-Nano+Yulianto.gif" border="0" /></a>
</div>

<div id="flyimage3" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyauxbnx3sN47tSL5MbSUwmD87zcyAtP5pxFc6CqBNMnNbsfX56xkkED4AgvsS0AvnWDmPf-8yLIXKx7DQW0FRAfhFVYWPVOzsWI832jM3aYutYP1O9rCiim-aAG2tXRYm0D1VZUAV1xq3/s320/ballon+kuning--Nano+Yulianto.gif" border="0" /></a>
</div>

Cara memasang widget Google Tranlate

Caranya :
1. Masuk Akun blog
2. Desain - Tata Letak - Tambah Widget
3. HTML/Javascript
4. Copas kode script

ini kodenya :

<br /><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Lalu simpan

Cara Membuat Kotak Teks Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya :

Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah
mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin
tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA.....

Backgroung berganti warna jika di klik

Pada Dashboard Blogger, klik Design dan Add a Gadget.

Pilih HTML/JavaScript

Copy-Paste kode berikut :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black">&nbsp;</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">&nbsp;</td>
<td onclick="bgChange('red')" bgcolor="red">&nbsp;</td>
<td onclick="bgChange('blue')" bgcolor="blue">&nbsp;</td>
<td onclick="bgChange('white')" bgcolor="white">&nbsp;</td>
<td onclick="bgChange('green')" bgcolor="green">&nbsp;</td>
<td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue">&nbsp;</td>
<td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia">&nbsp;</td>
<td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta">&nbsp;</td>
</tr>
</table<

Selamat mencicipi...

Cara memasang widget Ramalan Cuaca di Blog

Kali ini kita mencoba memasang widget Ramalan Cuaca, coz cuaca saat ini gak menentu... kadang hujan,,, kadang panas,,, kadang anget,,,, kadang adem,,, he2.... tanpa panjang lebar ayo langsung aja ke TKP...

Copas kode script dibawah ini ke HTML/Javascript (tambah widget)

<div><script src="http://www.widgeo.net/meteo.php?taille=195&adult=adult&cat=informatique&ville=Jakarta, Indonesia&code=IDXX0022"></script><br>
<noscript><a href="http://www.widgeo.net">widgeo.net</a></noscript>

setelah dipasang jangan lupa diramal tuh cuacanya....

Cara memasang widget SMS GRATIS

Nih saya mau berbagi tentang Tutorial Blog, yang sebelumnya membahas tentang "Cara Memasang Gadget Pharse pada Blog" dan kali ini akan berbagi tentang "Cara Pasang Gadget SMS Gratis pada Blog", langsung saja :

1. Langkah pertama silahkan LogIn dengan ID blog shobat masing-masing

2. Silahkan Klik Randangan

3. Klik Edit Laman >>> Klik lagi Tambah Gadget >>>Silahkan Pilih HTML/Java Scrip

4. Silahkan Copy kode dibawah ini dan paste pada HTML/Java Scrip tadi

<iframe name="I2" src="http://sms-online.web.id/widget"
width="270" height="350"> not support
</iframe>
<a href="http://tips-trik-ku.blogspot.com/2010/10/cara-pasang-gadget-sms-gratis.html" target=_new>BLog Dicky Widget</a>

5. Klik Save/Simpan

6. Ucapkan Alhamdulillahirrobil'alamiin

Selesai dech pasang Widget SMS Gratis pada Blog Shobat Sekalian. Selamat Mencoba, dan semoga Berhasil

Cara memasang logo BLOGGER INDONESIA di blog

Cara - cara:
1. Login Ke blog > pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih
JavaScript/HTML. Kemudian pastekan kode yang kamu pilih.

Silahkan pilih widget - widget dibawah ini:

Kumpulan Widget Blogger Indonesia

Style #1

Sudut Kiri atas

Style #2

Sudut kanan atas

Style #3

Sudut Kiri bawah

Style #4

Sudut kanan bawah

gambar - gambar blogger indonesia lagii. silahkan di pilih :

http://lh5.ggpht.com/_55xfixw5xxA/TSVHdy9MFxI/AAAAAAAAAP0/nfFe3OYf3E0/Blogger%20Indonesia.png

http://lh5.ggpht.com/_55xfixw5xxA/TSVKbIlXynI/AAAAAAAAAP4/zO6JhyIbaDI/Blogger%20Indonesia2.png

http://lh4.ggpht.com/_55xfixw5xxA/TSVQ9DjCCRI/AAAAAAAAAP8/hYT_tTq5KV0/Widget%20garuda.png

Widget Selamat Idul Fitri Blogspot

widget selamat Idul fitri... contohnya ada tuh di kanan ... mau tau kodenya nich aku kasih dapetnya juga gratis... :)

cara pasangnya mudah kok cuma pake widget blogspot html/javascript tinggal copas aja kode di atas. Untuk merubah ukuran tinggal ubah width dan height nya. Jangan lupa di simpen ya... oke coy....

Cara memasang CEK SPEED BLOG

Cara pasangnya sama kayak pasang widget biaasanya :

ini kode scriptnya :

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

Cara memasang Widget Ramadhan

Wah sudah masuk bulan Agustus ya, ini tandanya sudah saatnya temen -temen Muslim masuk di bulan Ramadhan. Seminggu lagi sudah pada puasa ya? permakblogs mengucapkan selamat menunaikan ibadah puasa ya..

Ini karakternya dengan tulisan " Selamat Datang Bulan Ramadhan " :

kalau mau ganti kata-katanya bisa ganti dibagian Selamat%20datang%20bulan%20Ramadhan%2E%2E%2E

jangan menghilangkan %20 nya ya .... :)

INI CONTOH LAINNYA:

Marhaban ya ramadhan 1

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/WidgetPuasa-4445-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="300" height="320" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>

Ramadan Countdowns

Marhaban Yaa Ramadhan

Hello Ramadhan

Cara memasang RAMALAN ZODIAK di blog

Cara memasangnya :
1. Masuk akun blogger kamu
2. Pilih Tata Letak
3. Pilih HTML/Javascript
4. Copy + paste kode scriptnya
5. Simpan

mudah kan????? ini nih kode scriptnya...

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFnDv4LBLI2zd3kN3jdStsrX0qV2DZSOd8A-XP8T9JhyKqA0P65o4t-zDRm-qfzm0kIPst02HpkehWmrJk7XgIaEEkgLZ2kGYCKcoQKmMODYzbCz2rxoco0Kp6zM4okRBh8vnHiToXtP4/s1600/news+post.jpg) no-repeat;padding-top:95px;padding-left:10px">
Apa Ramlan Kamu ?:
<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>

<b>Nama lengkap:   <input type="text" size="21" />


Nama panggilan:  &nbsp <input type="text" size="18" />


Tahun:                             <input type="text" size="13" />

             Pilih bulan dan tanggal mu

<form><select name="menu"
onchange="window.open(this.options&#91;this.selectedIndex&#93;.value,'_blank')"size=1
name=menu>  
        <option value="http://zodiak.kautau.com" />Tanggal dan bulan mu yang sesuai di sini
        <option value="http://zodiak.kautau.com/2012/01/zodiak-capricorn-hari-ini.html" />22 Des - 20 Jan
        <option value="http://zodiak.kautau.com/2012/01/zodiak-aquarius-hari-ini.html" />21 Jan - 17 Feb
        <option value="http://zodiak.kautau.com/2012/02/zodiak-pisces-hari-ini.html" />18 Februari-20 Maret
        <option value="http://zodiak.kautau.com/2012/02/zodiak-aries-hari-ini.html" />21 Maret-19 April
        <option value="http://zodiak.kautau.com/2012/02/zodiak-taurus-hari-ini.html" />20 April-20 Mei
        <option value="http://zodiak.kautau.com/2012/02/zodiak-gemini-hari-ini.html" />21 Mei-21 Juni
        <option value="http://zodiak.kautau.com/2012/02/zodiak-cancer-hari-ini.html" />22 Juni-22 Juli
        <option value="http://zodiak.kautau.com/2012/02/zodiak-leo-hari-ini.html" />23 Juli-22 Agustus
        <option value="http://zodiak.kautau.com/2012/02/zodiak-virgo-hari-ini.html" />22 Agustus-22 September
        <option value="http://zodiak.kautau.com/2012/02/zodiak-libra-hari-ini.html" />23 September-23 Oktober
        <option value="http://zodiak.kautau.com/2012/02/zodiak-scorpio-hari-ini.html" />24 Oktober-21 November
        <option value="http://zodiak.kautau.com/2012/02/zodiak-sagitarius-hari-ini.html" />22 November-21 Desember
</select></form>


</b></div>

Cara membuat tombol naik dan turun di blog

 Dari Dashboard >> Design >> Edit HTML.




Penempatan kode HTML dan JavaScript

tepat disamping sebelum </body>

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwigmrFm1kypV4_xkb3QJcK2pqgKcMXPDPEUoa3XisbFPwf0ySEsSTWOUN6wyGu59aspo6guYcxl2Zp1o58g31F2wNBXdOQGbS4Jalxa1NkROZleZ5KsdGACy0ahKIgGoVv9FDHEJYg18h/s400/Nano+Yulianto-up.png" border="0" /></a><br />
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgYXFEG0C6gjBieHvo81j73kJ7zXQ4BbRJKDeG_xNwEm2urJWZyDHTJ_r2UUtonIR7qzFLpf_SJ5Oj0pcMgrFSii6m02P-YWn7LOjqShf65UJQWyRjGMkNJVflRpV2Dl8KoT9ES2ppiYCC/s400/Nano+Yulianto-down.png" border="0" /></a>
</div>

<script type='text/javascript'>
//<![CDATA[

//Script Tombol turun dan naik By Dynamic Drive
// (www.dynamicdrive.com/dynamicindex2/pagescroller.htm)
//This credit MUST stay intact for use

var Hoffset=60
var Voffset=60
var thespeed=3 //Kecepatan

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

//]]>
</script>

Cara Membuat Kotak kode scrip/HTML saat memposting

Sobat blogger yang saya hormati, dalam kesempatan kali ini saya akan membahas Membuat Kotak Kode Script/HTML Saat Memposting. Pasti diantara blogger" belum pada tau maupun bisa, untuk memperindah script yang sobat posting. Coba kita langsung mempraktekan untuk membuat kotak script/html saat memposting, Silahkan pilih sesukamu :)

Solid Border.

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Ridge Border.

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Groove Border.

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Inset Border.

<div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Outset Border.

<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Double Border.

<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Dotted Border.

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Dashed Border.

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Border dengan scroll, lebar dan tinggi.

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Keterangan :

- Tulisan 'Berwarna Merah' : Silahkan ganti dengan Kode Script/HTML yang sobat inginkan.

- Perlu di ingat Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam
keadaan "ENCODE" bisa dilihat caranya disini: Converter Kode Script/HTML Menjadi Encode

- Warna Background silahkan ganti sesukamu, Contoh kode warna: #006400

Cara Menghapus Blog di blogger.com

Cara Hapus Blog,Delete Blog,Delete Blogger Blog,Delete Blog Blogspot,Hapus Blog

Cara menghapus blog di blogger.com sangatlah mudah, tapi tidak bisa kita pungkiri, banyak rekan-rekan kita sesama blogger yang masih kebingungan tentang bagaimana cara hapus blogger blog. Oleh sebab itu, posting "Cara Menghapus Blog di blogger.com" ini sengaja saya publikasikan. Siapa tahu, dengan adanya posting ini, rekan-rekan kita yang masih kebingungan tersebut mendapatkan sedikit pencerahan.

Sebelum saya memandu sobat blogger untuk melakukan Delete Blog, sobat blogger harus memastikan diri dulu, apakah sobat blogger sudah yakin 100% untuk mengahpus blog. Kalau sobat blogger sudah yakin, langsung saja ikuti tutorial blog ini.

Cara Menghapus Blog di OLD USER INTERFACE :

Kunjungi www.blogger.com
Dari Dasboard, klik Settings

Di bagian Basic (Blog Tools), ada tiga pilihan disitu yaitu : Import blog, Export blog dan Delete Blog. Sobat pilih "Delete blog".
Nanti sobat blogger akan dihadapkan pada, apakah sobat blogger akan mengekspor blog sobat terlebih dahulu atau tidak.
Proses selesai dan blog sudah terhapus.

Cara Menghapus Blog di NEW USER INTERFACE :

Kunjungi www.blogger.com
Pada bagian drop down, klik Setting dan klik Other

Di Blog tools sobat klik Delete blog
Blog berhasil di hapus

Cara Mengembalikan Blog yang Terhapus :

Jika sobat blogger sengaja atau tidak sengaja menghapus blog sobat dan ingin merestore atau mengembalikan lagi blog sobat, Sobat dapat mengembalikan blog sobat dalam jangka waktu tertentu setelah penghapusan. Sobat kembali saja ke menu Dasboard dan lihat opsi yang sebelah kiri. Lalu sobat klik kata ""Deleted blogs" dan klik "Undelete this blog". Blog sobat pasti akan kembali normal seperti biasa lagi.

Informasi seputar cara hapus dan restore blog bisa juga sobat blogger dapatkan di :
http://support.google.com/blogger/bin/answer.py?hl=en&answer=41387

Cara mengganti icon blogger di address bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu ..... masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>