Maret 2012 | Oto Website

Menu

Membuat Tulisan Tebalik Untuk Facebook,Twitter,Youtube,IMS,Dll.

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7PeEr_PVH_ylIMchUGvyOLoeg74R4MqaV14jbvZBk-J86i0DkfvPHGzJnsnRWbA2eK25OG6uPwVW7bZJtkkLEvTk2-CG3Wq-Hm_wG2y_JHlogpeRgx8Eux_0uT8R-LswQB6x4kejV32o/s1600/teks+terbalik.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7PeEr_PVH_ylIMchUGvyOLoeg74R4MqaV14jbvZBk-J86i0DkfvPHGzJnsnRWbA2eK25OG6uPwVW7bZJtkkLEvTk2-CG3Wq-Hm_wG2y_JHlogpeRgx8Eux_0uT8R-LswQB6x4kejV32o/s320/teks+terbalik.jpg" width="320" /></a></div><span class="awal" style="background-color: transparent;">M</span><span style="background-color: transparent;">embuat Tulisan Tebalik Untuk Facebook,Twitter,Youtube,IMS,Dll. sobat pasti udah pada ngerti dong maksudnya???</span><br />
sobat bisa lihat 2 kota di bawah itu adalah kotak untuk membuat tulisan terbalik dan tulisan terbalik itu bisa sobat gunakan di Facebook,Twitter,Youtube,IMS,Dll deh. untuk cara penggunaanya cukup simple aja kok, sobat tinggal masukkan tulisan/teks di kotan Tulisan Asli dan hasil tulisan terbaliknya akan muncul di kotak Tulisan Terbalik. dan tinggal sobat copy-paste deh ke status/komen facebook dan lain sebagainya.<br />
Ok dah, silahkan sobat isi tulisan yang ingin di balik,dan silahkan berkreasi!!!<br />
<br />
<form name="f"><b>Tulisan Asli:</b><br />
<textarea cols="50" name="original" onkeyup="flip()" rows="6">

Tulisan Terbalik:
Powered by: Oto Website

Jangan lupa untik baca postingan/articles saya lainnya yang lebih menarik !!!

Membuat Tulisan Tebalik Untuk Facebook,Twitter,Youtube,IMS,Dll.

Membuat Tulisan Tebalik Untuk Facebook,Twitter,Youtube,IMS,Dll.

M embuat Tulisan Tebalik Untuk Facebook,Twitter,Youtube,IMS,Dll. sobat pasti udah pada ngerti dong maksudnya??? sobat bisa lihat 2 kota di ...

Baca selengkapnya »

Cara Membuat Menu Top Di Atas Header

<span class="awal">H</span>alo sobat selamat berkunjung di Oto Website, dalam postingan/articles kali ini saya akan membahas tentang <b>Cara Membuat Menu Top Di Atas Header</b>. biasanya dalam template yang sobat download dari situs template menu di bawah header itu pasti sudah ada, makanya saya akan membahas menu top di atas header saja, karna gak begitu banyak kayaknya template yang ada top menu di atas  headernya,biasanya juga kalo kita menemukan template yang kita sukai tapi gak ada top menu di atas headernya, ok dah lansung kita bahas ya<span style="background-color: transparent;">??? tapi sebelumnya sobat udah ngerti dong tentang top menu di atas header??? bagi yang belum tau mungkin sobat bisa lihat gambar berikut.</span><br />
<div style="text-align: center;">contoh menu top di atas header.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQFfLz6-vfO66-Vo9IEUTEYMpmHyP6vbx-ttfhM0-LMNCy5bfJ0fBOSIkAPRBEWU1H-wVZfOc9jBsDnksD7hsOzld_DF3MdyZw0ZztjghxINZqgso8PyhS18PXhFfy0G_8qeDn1zq6tI/s1600/atas+header.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQFfLz6-vfO66-Vo9IEUTEYMpmHyP6vbx-ttfhM0-LMNCy5bfJ0fBOSIkAPRBEWU1H-wVZfOc9jBsDnksD7hsOzld_DF3MdyZw0ZztjghxINZqgso8PyhS18PXhFfy0G_8qeDn1zq6tI/s320/atas+header.png" width="320" /></a></div><br />
<br />
yang di tandai bewarna kuning adalah menu yang akan kita bahas. sekarang udah pada ngertikan???<br />
kalo belum juga coba sobat lihat menu paling atas blog ini, di situ juga ada icon rumah sebagai pengganti url home (jika saya masih menggunakan menu di atas header) nah sekarang udah pada ngerti kan??? intinya seperti itu.<br />
<br />
nah sekarang jika sobat belum ada menu seperti di atas, dan sobat berminat ingin mencobanya sobat bisa ikuti step-by step berikut:<br />
<br />
1.Pertama-tama silahkan masuk ke akun blog sobat.<br />
<br />
2.Lalu pilih tab Rancangan ⇨ Edit HTML.<br />
<br />
3.Expand Widget Templates lalu download template sobat, hal ini di lakukan untuk mengantisipasi bila teriadi kesalahan.<br />
<br />
4.Dalam Kotak template coba sobat cari kode  <b:skin><![CDATA[  jika kesulitan mencarinya coba baca  <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank"><b><i>Cara Cepat Mencari Kode HTML</i></b></a>.<br />
<br />
5.Jika sudah ketemu,sekarang copy kode berikut dan paste tepat di atas kode <b:skin><![CDATA[<br />
<br />
<div style="background-color: #fff000; border: 8px #800000 outset; padding: 10px; text-align: left;">/*The top Menu*/<br />
#top{<br />
margin:auto;<br />
padding: 0;<br />
width: 100%;<br />
background:#000000;<br />
border-bottom:1px solid #373127;<br />
}<br />
#top-wrap{<br />
margin:auto;<br />
padding: 0;<br />
width: 960px;<br />
background:#000000;<br />
}<br />
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}<br />
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}<br />
.topnav li {float:left;margin:0;text-align:center;}<br />
.topnav li a {font-family: georgia; font-weight:bold; font-size:10px;display:block;padding:10px 10px;color:#fff;text-decoration:none; text-transform:uppercase;}<br />
.topnav li a {background:none; }<br />
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}<br />
/*The top Menu*/<br />
#med{<br />
margin:auto;<br />
padding: 0;<br />
width: 100%;<br />
background:#000000;<br />
}<br />
#med-wrap{<br />
margin:auto;<br />
padding: 0;<br />
width: 960px;<br />
}<br />
.mednav ul {list-style:none;margin:0;padding:0px; float:left;}<br />
.mednav li {float:left;margin:0;text-align:center;}<br />
.mednav li a {font-family: georgia; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#000000;text-decoration:none; text-transform:lowercase;}<br />
.mednav li a {background:none; }<br />
.mednav li a:hover, li a:focus, li a:active {text-decoration:underline; color:#000000;}<br />
#navbar-iframe {<br />
display: none !important;<br />
}</div><br />
6. Selanjutnya cari kode <span style="background-color: transparent;"><body> dan copy-paste kode berikut dan letakkan tepat di bawah </span><span style="background-color: transparent;"><body></span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;"></span><br />
<span style="background-color: transparent;"></span><br />
<div style="background-color: #fff000; border: 8px #800000 outset; padding: 10px; text-align: left;"><div id='top'><br />
<div id='top-wrap'><br />
<div class='topnav'><br />
<ul id='topnav'><br />
<li class='selected'><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgouAW-QcSjRUjxOeUr8LjZXv2R9Cvt2f6uuFKwP3xWo2ZWZM4f0U4Gq_-oZ5daZWHCrp2Xxi3tGG_1_XYynI9WH0_GbTjFmnDZNwjHBUFBnqPRxIXwCYCtuGkoJw9KnAtmgcwX4VRkGC0/s1600/home_white.png' style='padding:0px;'/></a></li><br />
<li><a href='<span style="color: red;">http://otowebsite.blogspot.com/p/about-blog.html</span>' title='<span style="color: red;">About Blog</span>'><span style="color: red;">About Blog</span></a></li><br />
<li><a href='<span style="color: red;">http://clickajadong.blogspot.com/</span>' title='<span style="color: red;">Dollars</span>'><span style="color: red;">PTC Dollars</span></a></li><br />
<li><a href='#' title='<span style="color: red;">Exchange</span>'><blink><span style="color: red;">Exchange</span> <span style="color: red;">&#9660</span>;</blink></a><br />
<ul><br />
<li><a href='<span style="color: red;">http://otowebsite.blogspot.com/p/exchange-links.html</span>' title='<span style="color: red;">Exchange Link</span>'><span style="color: red;">Tukar Link</span></a></li><br />
<li><a href='<span style="color: red;">http://otowebsite.blogspot.com/p/banne-exchange.html</span>' title='<span style="color: red;">Exchange Banner</span>'><span style="color: red;">Tukar Banner</span></a></li><br />
</ul></li><br />
<li><a href='#' title='<span style="color: red;">Contact Me</span>'><span style="color: red;">Contact Me</span> <span style="color: red;">&#9660</span>;</a><br />
<ul><br />
<li><a href='<span style="color: red;">http://facebook.com/dekrif</span>' title='<span style="color: red;">Oto Website</span>'><span style="color: red;">My Facebook</span></a></li><br />
<li><a href='<span style="color: red;">https://twitter.com/#!/otowebsite</span>' title='<span style="color: red;">@</span><span style="color: red;">otowebsite</span> '><span style="color: red;">My Twitter</span></a></li><br />
<li><a href='<span style="color: red;">http://otowebsite.blogspot.com/p/contac-me.html</span>' title='<span style="color: red;">Contact Us</span>'><span style="color: red;">Contact Us</span></a></li><br />
</ul></li>     <br />
</ul><br />
</div><br />
</div><br />
<div style='clear: both;'/><br />
</div><span style="background-color: transparent;"></span></div><br />
Perhatikan teks warna merah, silahkan sobat ganti sesuai keinginan sobat.<br />
<br />
7.Simpan.<br />
<br />
Nah sekian dulu untuk postingan/articles kali ini semoga bisa bermanfaat untuk sobat semua!<br />
<br />
Bagaimana apakah sobat berhasil menerapkannya ke blog sobat?<br />
Silahkan tinggalkan tanggapan/komentar sobat tentang postingan/articles di atas!

Cara Membuat Menu Top Di Atas Header

Cara Membuat Menu Top Di Atas Header

H alo sobat selamat berkunjung di Oto Website, dalam postingan/articles kali ini saya akan membahas tentang Cara Membuat Menu Top Di Atas H...

Baca selengkapnya »

Menambahkan Mp3 Pada Blogspot Dan Wordpres

<span class="awal">M</span>p3 emang keren kalau di pasang di blog kita apalagi kalau lagunya asik buat di dengerin pengunjung. nah karna itu sekarang saya akan membahas tentang <b>Menambahkan Mp3 Pada Blogspot Dan Wordpres</b>. sebelumnya saya memberitahukan pada sobat sebelum memasang mp3 di blog bahwa bila kita menambahkan mp3 ke blog maka akan membuat blog kita akan semakin berat atau loadingnya akan semakin lama. tapi kalau blog sobat masih belum begitu penuh mungkin tidak akan begitu ngefek. kalau emang penggunaan mp3 membuat blog sobat semakin berat kan tinggal di hapus aja. buktinya blog saya dulu juga memakai mp3 tapi tidak ada efeknya tu!<br />
ok dah sekian dulu penjelasannya . . . eh maksudnya penjelasannya lho, sekarang kita akan bahas tentang <b style="background-color: transparent;">Menambahkan Mp3 Pada Blogspot Dan Wordpres</b><span style="background-color: transparent;">. cekidooooooooooot . . .</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">1.Pertama-tama silahkan klick <a href="http://soundcloud.com/" target="_blank">disini</a> untuk lansung menuju TKP.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">2,Selanjutnya silahkan klick sign up untuk mendaftar,lalu isikan form pendaftaran seperti email, pasword, ulangi pasword ,lalu klick sign up.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhr37QzkhhBmnZhXaaCUMeXGaHJsOLw1DG82358wc2ZBso7eSQfg8bw0Ax7reX15eCC3pv9KoK3iGP9-kgWj8hB0Di6UYfVA7aU6jgzg-3Bi9OcTwoC6Bv3MeCREFSJ6PP-Pg9UifI1w/s1600/mp1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhr37QzkhhBmnZhXaaCUMeXGaHJsOLw1DG82358wc2ZBso7eSQfg8bw0Ax7reX15eCC3pv9KoK3iGP9-kgWj8hB0Di6UYfVA7aU6jgzg-3Bi9OcTwoC6Bv3MeCREFSJ6PP-Pg9UifI1w/s320/mp1.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">3.Jika sudah sekarang silahkan buka emai sobat yang sobat gunakan untuk mendaftar tadi, klick tautan confirmasi yang di kirimkan ke email.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">4.Sebelumnya siapkan dulu mp3/lagu yang sobat sukai,selanjutnya klick upload untuk menyimpan lagu/mp3 yang ada di pc/laptop sobat.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghPZ_yYSnIMtLODWGSt7TW4RTmf0Eb4pM4S_PqDnWT1KohfCNZIHbducsjweROsfZwVQ2YCY_ZVFnKjnkTv90XHtIvru_EnHSLhQMH-04PGUK1GuhEelZXTEU3JUp22Jzy7sk9aZ-03ho/s1600/mp2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghPZ_yYSnIMtLODWGSt7TW4RTmf0Eb4pM4S_PqDnWT1KohfCNZIHbducsjweROsfZwVQ2YCY_ZVFnKjnkTv90XHtIvru_EnHSLhQMH-04PGUK1GuhEelZXTEU3JUp22Jzy7sk9aZ-03ho/s320/mp2.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">5.Untuk mulai menyimpan mp3/lagu yang berada di pc/laptop sobat klick choose files.(lihat gambar).</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ytyUayK1too66g-vAzUZB5BvDa6aQJJUMpbAtNd6FWC2qZ8NSGZjjBwDa_7DwgGVFzhr3le-3h3Y2rjAZ74puLEFvBLXm4m3rtOiyPbjZnBFX61GZryNW5VytkYB3fVwe2-J28dJY_w/s1600/mp3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ytyUayK1too66g-vAzUZB5BvDa6aQJJUMpbAtNd6FWC2qZ8NSGZjjBwDa_7DwgGVFzhr3le-3h3Y2rjAZ74puLEFvBLXm4m3rtOiyPbjZnBFX61GZryNW5VytkYB3fVwe2-J28dJY_w/s320/mp3.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">6.Tunggu beberapa saat sampai upload file selesai,jika sudah selesai klick save.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje3VRLWh0MqUbpmKOJUQD_RcI5818FjAJ3rejdYXvMy_UvErUjL1kqFJnTUFvhLbHu6WtCIZhIBb5pEGGQ6J5zYQV-CNesp6L8rQi90NB1dRgsIEDEebGqYqIYbN-loUVW5cccotvQO7c/s1600/mp4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje3VRLWh0MqUbpmKOJUQD_RcI5818FjAJ3rejdYXvMy_UvErUjL1kqFJnTUFvhLbHu6WtCIZhIBb5pEGGQ6J5zYQV-CNesp6L8rQi90NB1dRgsIEDEebGqYqIYbN-loUVW5cccotvQO7c/s320/mp4.png" width="158" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">7.Jika sudah untuk mengubah warna silahkan sobat klick edit your widged (perhatikan gambar).</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSGK97nWpwebr_ITinfR8gn8S-fTCpRqgtoC6hIUljl91nihg-r8pYrCokhCegGSdoE_rxWbPqXfF9_SPB5ntqULiEc49NdH98gGgiP8RKARozf1k14KCiZrGVrcpSurFi3IbWaaHVKfw/s1600/mp5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSGK97nWpwebr_ITinfR8gn8S-fTCpRqgtoC6hIUljl91nihg-r8pYrCokhCegGSdoE_rxWbPqXfF9_SPB5ntqULiEc49NdH98gGgiP8RKARozf1k14KCiZrGVrcpSurFi3IbWaaHVKfw/s320/mp5.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
8.Silajkan sobat tentukan warnanya dan jangan lupa untuk mencentang/menandai Play automatically agar mp3 dapat memutar secara otomatis. lalu silahkan sobat copy code yang di berikan (perhatikan gambar)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgajIbzKRNEVgPzTTglvqqwDiW_nrrXEdCEX8cs4iHJQaINASiZFYsPMUANqSxRgnYgbUbdyQ-gWEcQUmXJEzzNgczf1BvsZUHBxz4APFCju3ynE_4ovbum24qPHJsqsTYB8GcE43hSYCY/s1600/mp6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgajIbzKRNEVgPzTTglvqqwDiW_nrrXEdCEX8cs4iHJQaINASiZFYsPMUANqSxRgnYgbUbdyQ-gWEcQUmXJEzzNgczf1BvsZUHBxz4APFCju3ynE_4ovbum24qPHJsqsTYB8GcE43hSYCY/s320/mp6.png" width="320" /></a></div><br />
9.Untuk pemasangannya di blog silahkan sobat masuk ke akun blog sobat blogspot/wordpres dan pastekan di slidebar blog sobat.<br />
<br />
gimana cukup mudahkan ?!?<br />
sekian dulu postingan/articles kali ini,semoga bermanfaat, dan tidak bosan-bosannya saya mengingatkan ke sobat untuk membaca postingan/aricles saya lainnya yang lebih menarik, thanks !!!<br />
<br />
<script>
</p><p>

/**  **/</p><p>

var sitti_pub_id = "BC0022755";</p><p>

var sitti_ad_width = "468";</p><p>

var sitti_ad_height = "60";</p><p>

var sitti_ad_type = "9";</p><p>

var sitti_ad_number = "2";</p><p>

var sitti_ad_name = "";</p><p>

var sitti_dep_id = "70733";</p><p>

</script>

Menambahkan Mp3 Pada Blogspot Dan Wordpres

Menambahkan Mp3 Pada Blogspot Dan Wordpres

M p3 emang keren kalau di pasang di blog kita apalagi kalau lagunya asik buat di dengerin pengunjung. nah karna itu sekarang saya akan memba...

Baca selengkapnya »

Sampul Covers Time Line Keren Untuk Facebookmu

<span class="awal">B</span>agi sobat yang udah pada punya facebook kali ini saya akan membas tentang <a href="http://otowebsite.blogspot.com/2012/03/sampul-covers-time-line-keren-untuk.html" target="_blank"><b>Sampul</b> <b>Covers Time Line Keren Untuk Facebookmu</b></a> tapi bagi sobat yang gak punya facebook itu namanya gak gaul, hehehe . . .<br />
kalau sobat belum punya dan tidak tahu cara membuatnya, sobat bisa baca <a href="http://otowebsite.blogspot.com/2011/12/cara-membuat-facebook.html" target="_blank"><b>Cara Membuat Dan Mendaftar Facebook</b></a>. nah kalo sobat udah punya dan sekarang sobat udah memakai profil terbaru facebook/time line/kronologi. sekarang saatnya sobat mengganti covers <span style="background-color: transparent;">time line/kronologi supaya lebih keren dengan sampul covers yang lebih menarik!!!</span><br />
<span style="background-color: transparent;">sobat udah pada tau dong sampul covers facebook? bagi yang belum tau sampul cover facebook, covers facebook adalah tampilan bagian atas profil time line/kronologi facebookmu.</span><br />
<span style="background-color: transparent;">contoh gambar cover seperti ini:</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://www.facebook.com/dekrif" target="_blank"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWIsToUK7g9Z0fw9dJ3v9HgfSr31w-2xs5JF94tskjfcCKLzP4hRRzdhyjyicGr7os-imMXB1kA1w2YkYdSnBGkPsilXfQ5u7kCK_QwC4gK_uY5F_OTxQF-cRaMR52IxX_f_DKtQci-0/s320/fans.jpg" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">nah dah pada ngerti dong !?!</span><br />
<span style="background-color: transparent;">untuk mengganti dengan cover gambar seperti gambar covers hewan, mobil, dan lain sebagainya, sobat bisa ikuti langkah-langkah berikut !!!</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">1.Pertama-tama sobat harus log in dulu ke akun facebook sobat.</span><br />
<span style="background-color: transparent;">2.Sekarang silahkaan sobat menuju ke <a href="http://99covers.com/" target="_blank">99covers.com</a> untuk lansung ke TKP.</span><br />
<span style="background-color: transparent;">3.Lalu silahkan sobat pilih gambar covers yang sobat suka. lihat, gambar bawah, warna biru adalah kategori cover gambar, jika sudah menemukan covers gambar yang sobat suka, silahkan klick gambar tersebut seperti , pada gambar.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4hNy1CY5qylrvDHGTFHhFGUT_MeRTiVe-3ptAz7xXgzjLhHvXKneIHJw4gCUk3oqoTzhdpW7CaQ44VhW7DK3Lgf9zsO0rdexdE4fSy9HzuYraxk7VfwQ3AK4ol8jqynmb7-LaJLf2ik/s1600/cr1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4hNy1CY5qylrvDHGTFHhFGUT_MeRTiVe-3ptAz7xXgzjLhHvXKneIHJw4gCUk3oqoTzhdpW7CaQ44VhW7DK3Lgf9zsO0rdexdE4fSy9HzuYraxk7VfwQ3AK4ol8jqynmb7-LaJLf2ik/s320/cr1.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">4.Jika sudah maka sobat akan di arahkan ke halaman untuk menyimpan ke profil facebook sobat, sobat tidak perlu menyimpanya ke pc,sobat bisa lancung menyimpannya ke profil time line/kronologi facebook sobat dengan mengklick Add As My Facebook Covers, seperti pada gambar. ingat sebelumnya saya sudah memberitahu sobat untuk log in dulu agar bisa menyimpannya lansung ke profil time line/kronologi facebook sobat.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi330xaqoQkrpxetM-k777i0z5_splQJ2MweiRvDLevQKDolMt9XRas-3PSd8ey5l1dWW58SkUEvOW4xwlQMkKo9QnsAey0HPSV21RgwQRjuzWRZFJWYBf4jirFF8mZfaRHSPyChsFRO34/s1600/cr2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi330xaqoQkrpxetM-k777i0z5_splQJ2MweiRvDLevQKDolMt9XRas-3PSd8ey5l1dWW58SkUEvOW4xwlQMkKo9QnsAey0HPSV21RgwQRjuzWRZFJWYBf4jirFF8mZfaRHSPyChsFRO34/s320/cr2.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">5.Setelah mengklick </span><span style="background-color: transparent;">Add As My Facebook Covers sobat akan melihat kotak kecil seperti ini,itu adalah petunjuk pemasangannya. lewati saja dan masuk ke profil facebook sobat karna sampul covers sudah masuk ke album sobat.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAX5QX6syf2jHi2d9-_7CBuMNzqGJdS2IoynSUjPX0ne6qtxBPO-YrJKLdTDUn3w4r5M3B4n0aVQBGmgjdiMaI6gKLdTAzyuD4WTyne7lYKseyBPSuN0fKAc77V8pMFL65A5kE-DXSF7o/s1600/untitledx.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAX5QX6syf2jHi2d9-_7CBuMNzqGJdS2IoynSUjPX0ne6qtxBPO-YrJKLdTDUn3w4r5M3B4n0aVQBGmgjdiMaI6gKLdTAzyuD4WTyne7lYKseyBPSuN0fKAc77V8pMFL65A5kE-DXSF7o/s320/untitledx.bmp" width="320" /></a></div><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">6.Nah jika sudah sekarang sobar bisa menggunakan sampul covers yang sobat pilih tadi, dengan cara: ganti sampul </span><span style="background-color: transparent;">➨ pilih dari koleksi foto. maka akan muncul kotak kecil seperti ini.(lihat gambar) nah yang di tunjuk gambar adalah covers gambar yang di pilih tadi, silahkan klick gambar untuk menjadikannya sampul covers gambar profil.(lihat gambar)</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAQpFUIQPxpRgKwIzHnuu_rYmfuf1lA9isIn1LkGwgIuGNaBgy9KhagJnhRTpEjlPuJIXTf2runf7zEXtjC6JdE40d7nwidyOEGgQ7dn8a83KrS5iUVgy_cKJ-kRn1yMTBZKXmqXBCM2s/s1600/cr3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAQpFUIQPxpRgKwIzHnuu_rYmfuf1lA9isIn1LkGwgIuGNaBgy9KhagJnhRTpEjlPuJIXTf2runf7zEXtjC6JdE40d7nwidyOEGgQ7dn8a83KrS5iUVgy_cKJ-kRn1yMTBZKXmqXBCM2s/s320/cr3.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">6.Jika sudah klick simpan perubahan untuk menjadikannya sampul coversmu.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4coPMPjl_jgT-NmlQ6NnZmbSuQ9scZXjHKR_cQ6FCSRw8YpdFUzgAxZKme7Mscj5BEZecXhEu8fQYHamgAhw4FjPfdM9IXaOfzmOufKbIRWcYWAQqkHIfDmoph5XjgWUq0oD_VyWqQqM/s1600/cr4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4coPMPjl_jgT-NmlQ6NnZmbSuQ9scZXjHKR_cQ6FCSRw8YpdFUzgAxZKme7Mscj5BEZecXhEu8fQYHamgAhw4FjPfdM9IXaOfzmOufKbIRWcYWAQqkHIfDmoph5XjgWUq0oD_VyWqQqM/s320/cr4.png" width="320" /></a></div><span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">Gimana,mudah bukan ?!?</span><br />
<span style="background-color: transparent;">Ok dah sekian dulu untuk kali ini,jangan lupa untuk membaca postingan/articles lainnya yang lebih menarih.</span><br />
<span style="background-color: transparent;">semoga bermanfaat!!!</span><br />
<span style="background-color: transparent;"></span><br />
<span style="background-color: transparent;"></span><br />
<span style="background-color: transparent;"><script src="http://ity.im/adserver_remote/adserver.js" type="text/javascript">
</script></span><br />
<span style="background-color: transparent;"><script type="text/javascript">
</font></p><p>

<font style="background-color: transparent;">var varsarray=[];</font></p><p>

<font style="background-color: transparent;">varsarray[0]='48480';</font></p><p>

<font style="background-color: transparent;">if(!token) {var token='0'} else {var token=token+1;}</font></p><p>

<font style="background-color: transparent;">var loadtype='0';</font></p><p>

<font style="background-color: transparent;">var adtype='0';</font></p><p>

<font style="background-color: transparent;">var background_color='#F0F0F0';</font></p><p>

<font style="background-color: transparent;">var border_color='#FFFFFF';</font></p><p>

<font style="background-color: transparent;">var text_color='#060606';</font></p><p>

<font style="background-color: transparent;">var text_rollcolor='#0033FF';</font></p><p>

<font style="background-color: transparent;">var domain_color='#FFFFFF';</font></p><p>

<font style="background-color: transparent;">varsarray['interhours']='';</font></p><p>

<font style="background-color: transparent;">varsarray['interpages']='';</font></p><p>

<font style="background-color: transparent;">adserver_initialize(token,loadtype,adtype,background_color,border_color,text_color,text_rollcolor,domain_color,varsarray);</font></p><p>

<font style="background-color: transparent;">
</script></span>

Sampul Covers Time Line Keren Untuk Facebookmu

Sampul Covers Time Line Keren Untuk Facebookmu

B agi sobat yang udah pada punya facebook kali ini saya akan membas tentang Sampul Covers Time Line Keren Untuk Facebookmu tapi bagi soba...

Baca selengkapnya »

Membuat Label Cloud Berputar

<span class="awal">H</span>ai sob ?!? uh masih ngantuk ni....ok dah, kali ini saya akan membahas tentang Membuat Label Cloud Berputar ,sobat pasti udah pada tau dong!!! yah namanya juga buat ngelengkapin postingan buat sobat yang dah pada tau mendingan di lewati aja dan baca postigan saya yang lainnya ya!!!<br />
<br />
kalau yang belum ngerti tentang yang saya bahas kali ini tentang label cloud berputar? label cloud berputar adalah label yang berputa-putar bila kita arahkan cursor ke kotak label cloud. yah pokoknya kayak gitu deh,contohnya kayak gambar ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjThSWh1WbhSaKXDN5N3QO0ypt1QNKDbkPrMa3pRR_dK3aSofolyDu5K1xOUhQQwFLiC7xAoGvaYkmzdmGfgYcJtlAbiRsJPu9h0carxzv6ZvSxX8dCnc4uvAKGbgIIXghBz-DdY5iwRP8/s1600/lbel.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjThSWh1WbhSaKXDN5N3QO0ypt1QNKDbkPrMa3pRR_dK3aSofolyDu5K1xOUhQQwFLiC7xAoGvaYkmzdmGfgYcJtlAbiRsJPu9h0carxzv6ZvSxX8dCnc4uvAKGbgIIXghBz-DdY5iwRP8/s320/lbel.JPG" width="278" /></a></div><br />
nah dah paham dong??? untuk cara pembuatannya dan pemasangannya adalah:<br />
<br />
1.Log in ke blog sobat.<br />
2.Klick tab Rancangan<br />
3.Pilih tab Edit HTML<br />
4.klik Download Template Lengkap, untuk backup template sobat(untuk berjaga-jaga bila terjadi kesalahan)<br />
5.Pada kotak HTML cari kode seperti berikut:<br />
<div style="color: red;"><b:section class='sidebar' id='sidebar' preferred='yes'> </div>untuk mempermudah mencari coba baca <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Mencari Kode HTML</a>.<br />
6.Nah kalau udah ketemu, copy code di bawah ini dan pastekan dibawah kode tadi.<br />
<br />
<div style="background-color: #aa0000; border: 4px #000000 groove; padding: 10px; text-align: left;"><span style="color: #ffe599;"><b:widget id='Label99' locked='false' title='Labels' type='Label'></span><br />
<span style="color: #ffe599;"><b:includable id='main'></span><br />
<span style="color: #ffe599;"><b:if cond='data:title'></span><br />
<span style="color: #ffe599;"><h2><data:title/></h2></span><br />
<span style="color: #ffe599;"></b:if></span><br />
<span style="color: #ffe599;"><div class='widget-content'></span><br />
<span style="color: #ffe599;"><script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/></span><br />
<span style="color: #ffe599;"><div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div></span><br />
<span style="color: #ffe599;"><script type='text/javascript'></span><br />
<span style="color: #ffe599;">var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);</span><br />
<span style="color: #ffe599;">// uncomment next line to enable transparency</span><br />
<span style="color: #ffe599;">//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);</span><br />
<span style="color: #ffe599;">so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);</span><br />
<span style="color: #ffe599;">so.addVariable(&quot;mode&quot;, &quot;tags&quot;);</span><br />
<span style="color: #ffe599;">so.addVariable(&quot;distr&quot;, &quot;true&quot;);</span><br />
<span style="color: #ffe599;">so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);</span><br />
<span style="color: #ffe599;">so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);</span><br />
<span style="color: #ffe599;">so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);</span><br />
<span style="color: #ffe599;">so.write(&quot;flashcontent&quot;);</span><br />
<span style="color: #ffe599;"></script></span><br />
<span style="color: #ffe599;"><b:include name='quickedit'/></span><br />
<span style="color: #ffe599;"></div></span><br />
<span style="color: #ffe599;"></b:includable></span><br />
<span style="color: #ffe599;"></b:widget&gt</span>;</div><br />
7.Kemudian simpan.<br />
Sekarang lihat hasilnya.untuk merubah ukurannya, sobat bisa pilih pada widget tersebut, yang akan muncul di blog sobat..<br />
selamat mencoba...<br />
sori kalo gak begitu detail, tapi saya rasa  sobat dah pada paham deh, saya mau lanjutin tidur dulu ya sob....<br />
Jangan lupa untuk baca articles yang lainnya ya sob!!!

Membuat Label Cloud Berputar

Membuat Label Cloud Berputar

H ai sob ?!? uh masih ngantuk ni....ok dah, kali ini saya akan membahas tentang Membuat Label Cloud Berputar ,sobat pasti udah pada tau dong...

Baca selengkapnya »

Membuat Daftar Isi Plus Dengan Label

<span class="awal">P</span>agiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii?!? pagi ini saya mau update postingan tentanga Membuat Daftar Isi Plus Dengan Label. sebelumnya maaf sob karna saya sendiri sebenarnya bingung mau ngasi judul apa, karna daftar isi ini di lengkapi dengan label trus tanda plus + untuk membukanya isi di dalamnya jadi saya namain ini aja dah dari pada bingung. nah bagi sobat yang belum ngerti apa maksudnya. mungkin sobat bisa lihat gambar di bawah untuk lebih jelasnya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDc0HD5gXRroPtNSjb1PNklHK3c52vF7oAPSMfMSqVA9Vy1Jc0S5Q0wAm-bZpFLKIIBUlKi753leRuP-AKaG9iXBIUyAmMSP8yL7T4UhU1R2EE3QNrO3hpNgIl6TuMPY27MqwFwg9xqc/s1600/disii.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDc0HD5gXRroPtNSjb1PNklHK3c52vF7oAPSMfMSqVA9Vy1Jc0S5Q0wAm-bZpFLKIIBUlKi753leRuP-AKaG9iXBIUyAmMSP8yL7T4UhU1R2EE3QNrO3hpNgIl6TuMPY27MqwFwg9xqc/s320/disii.png" width="198" /></a></div><br />
nah udah tau kan maksud saya,jika sobat berniat memasangnya di blog sobat, silahkan ikuti langkah-langkah berikut:<br />
<br />
1.Log In ke blogger sobat.<br />
2.Klick tab rancangan.<br />
3.Pada halaman rancangan pilih tambah gadget.<br />
4.Pilih HTM/Java ScriptL.<br />
5.Copy-paste kode berikut ke dalamnya.<br />
<br />
<div style="background-color: #fff000; border: 8px #00ff11 ridge; padding: 10px; text-align: left;"><span style="color: black;"><link href="https://dl.dropbox.com/u/20885327/toggle_function.css" media="screen" rel="stylesheet" type="text/css" /> <script src="https://dl.dropbox.com/u/20885327/toggle_function.js" type="text/javascript"> </script> <script src="https://dl.dropbox.com/u/20885327/toggle_toc.js/" type="text/javascript"> </script> <script src="<span style="color: red;">http://</span></span><span style="color: red;">otowebsite.blogspot.com</span>/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"> </script> <script type="text/javascript"> var accToc=true; </script></div><br />
keterangan: ganti warna merah dengan alamat blog sobat.<br />
6.Save/simpan.<br />
sekarang lihat hasilnya.<br />
<br />
Sobat juga dapat menyimpannya di halaman baru blog dengan cara:<br />
1.Log In ke blogger.<br />
2.Klick tab postingan.<br />
3.Pilih edit laman.<br />
4.Pilih laman baru.<br />
5.Lalu copy-paste script di atas ke halaman baru sobat.<br />
6.Terbitkan Entri.<br />
<br />
Nah sekian dulu articles/postingan kali ini,semoga bermanfaat.<br />
jangan lupa untk baca postingan/articles saya yang lainnya juga yaaaaaaaaaaaa !!!<br />
<br />
<script src="http://ity.im/adserver_remote/adserver.js" type="text/javascript">
</script><br />
<script type="text/javascript">
var varsarray=[];
varsarray[0]='48480';
if(!token) {var token='0'} else {var token=token+1;}
var loadtype='0';
var adtype='0';
var background_color='#F0F0F0';
var border_color='#FFFFFF';
var text_color='#060606';
var text_rollcolor='#0033FF';
var domain_color='#FFFFFF';
varsarray['interhours']='';
varsarray['interpages']='';
adserver_initialize(token,loadtype,adtype,background_color,border_color,text_color,text_rollcolor,domain_color,varsarray);
</script>

Membuat Daftar Isi Plus Dengan Label

Membuat Daftar Isi Plus Dengan Label

P agiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii?!? pagi ini saya mau update postingan tentanga Membuat Daftar Isi Plus Dengan Label. sebelumnya maaf ...

Baca selengkapnya »

Cara Membuat Teks Berjalan Di Atas Navbar

<span class="awal">H</span>ei sobat semua, kali ini saya mau membahas tentang Cara Membuat Teks Berjalan Di Atas Navbar. nah sobat mungkin udah pada tau kan apa itu navbar. bagi yang belum tau, navbar adalah bagian paling atas blog/halaman yang sedang sobat kunjungi atau buka.untuk lebih jelasnya.mungkin bisa sobat lihat gambar di bawah ini.<br />
yang bewarna merah adalah yang sya maksud, untuk melihat demo sobat bisa lihat <a href="http://clickaja.blogspot.com/" target="_blank">disini</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDJoJNvrG333RJeaFWVKpnlht-7gOpRW-hivpUPwCGub993-VESycKieUeR9wpWDQDmRzGK0ljFgsAsRcD1ujKoPdRHCmrAC93gMA1Kw811tE1f9ZIBJhvWWCfydFt53EWL7jgjUCi-t8/s1600/teks+berjalan.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDJoJNvrG333RJeaFWVKpnlht-7gOpRW-hivpUPwCGub993-VESycKieUeR9wpWDQDmRzGK0ljFgsAsRcD1ujKoPdRHCmrAC93gMA1Kw811tE1f9ZIBJhvWWCfydFt53EWL7jgjUCi-t8/s320/teks+berjalan.bmp" width="320" /></a></div><br />
yang ditunjuk adalah teks navbarnya. udah jelaskan. <br />
mungkin sobat dah pada bosan ama teks navbar yang cuma diam aja/tidak bergerak. untuk membuatnya bergerak dengan teks sobat sendiri sobat bisa ikuti cara berikut:<br />
<br />
1.Buka akun blog sobat.<br />
2.Pilih tab Rancangan<br />
3.Pilih Edit HTML<br />
4.Cari kode berikut di kotak html <span style="color: purple;"><b:skin><![CDATA</span> ,jika kesulitan mencarinya coba baca<a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank"> <b>Cara Cepat Mencari Kode HTML</b></a><b>.</b><br />
5.Jika sudah ketemu copy paste kode berikut tepat di atas kode tadi.<br />
<br />
<div style="background-color: #fff000; border: 7px #aa0000 outset; padding: 10px; text-align: left;"><script language='JavaScript'> var txt=&quot;. . : : <span style="color: red;">Selamat Datang di otowebsite.blogspot.com, Terima Kasih Atas Kunjungannya</span> : : . .&quot;; var kecepatan=<span style="color: blue;">80</span>;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak(); </script></div><br />
keterangan:<br />
warna merah adalah teks berjalan,silahkan sobat ganti dengan kata-kata sobat sendiri.<br />
warna biru adalah kecepatan teks berjalan, silahkan sobat ganti bila teks kurang cepat atau kurang lambat.<br />
<br />
6.Sebelum di save/simpan lebih baik pertinjauan lebih dulu untuk memastikan bahwa kode script sudah benar.<br />
7.Jika sudah benar ya di save saja.<br />
<br />
Sekian dulu postingan/articles kali ini, semoga bermanfaat.<br />
jangan lupa baca postingan saya yang lainnya...!!!<br />
Bagaiman apakah sobat berhasil menerapkannya di blog sobat? silahkan tinggalkan tanggapan/ komentar sobat tentang articles/postingan di atas!

Cara Membuat Teks Berjalan Di Atas Navbar

Cara Membuat Teks Berjalan Di Atas Navbar

H ei sobat semua, kali ini saya mau membahas tentang Cara Membuat Teks Berjalan Di Atas Navbar. nah sobat mungkin udah pada tau kan apa itu ...

Baca selengkapnya »

Membuat Teks Mengikuti Cursor

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdUqphIvphlkFB94I1rCdgyPOdX_5R4W1jzecAB_13JHztb2nDEXgkXDp0gtKFm2q9Cr_J0SC9Jv-fzQz5a4uFhAohG-8qMCXLhYWsnuMZSDFvis2ZREXQzPE3rD3nE2O00YyXvquVQUg/s1600/curs.bmp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdUqphIvphlkFB94I1rCdgyPOdX_5R4W1jzecAB_13JHztb2nDEXgkXDp0gtKFm2q9Cr_J0SC9Jv-fzQz5a4uFhAohG-8qMCXLhYWsnuMZSDFvis2ZREXQzPE3rD3nE2O00YyXvquVQUg/s1600/curs.bmp" /></a></div><span style="font-family: Georgia, 'Times New Roman', serif; font-size: x-large;"><b>M</b></span>ungkin sobat pernah ngelihat teks mengikuti kursor ketika sobat berkunjung di blog!!! ternyata pembuatannya cukup mudah ko sob, kita hanya tinggall menambahkan kode script pada HTML kita, "<a href="http://clickajadong.blogspot.com/" target="_blank">untuk contohnya sobat bisa lihat disini</a>" jika sobat berminat sobat bisa menggunakana kode script berikut dan mengikuti cara-cara pemasangannya...!!!<br />
Ok lansung aja kita bahas, yuuuuuuuuuuuk . . .<br />
<br />
1.Pertama-tama silahkan sobat masuk ke blog sobat.<br />
2.Pilih tab Rancangan>Edit HTML.<br />
3.kemudian cari kode <span style="color: blue;"></body></span> di dalam kotak HTML, jika kesulitan mencarinya sobat bisa baca <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Mencari Kode HTML.</a><br />
4.Jika sudah ketemu copy kode berikut dan pastekan tepat di bawah kode <span style="color: blue;"></body></span> tadi.<br />
<br />
<div style="background-color: white; border: 2px #003333 dashed; padding: 10px; text-align: left;"><style type='text/css'><br />
/* Circle Text Styles */<br />
#outerCircleText {<br />
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */<br />
font-style: italic;<br />
font-weight: bold;<br />
font-family: 'comic sans ms', verdana, arial;<br />
color: <span style="color: blue;">#999</span>;<br />
<br />
/* End Optional */<br />
/* Start Required - Do Not Edit */<br />
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}<br />
#outerCircleText div {position: relative;}<br />
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}<br />
/* End Required */<br />
/* End Circle Text Styles */<br />
</style><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
/* Circling text trail- Tim Tilton<br />
Website: http://www.tempermedia.com/<br />
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts<br />
Modified Here for more flexibility and modern browser support<br />
Modifications as first seen in http://www.dynamicdrive.com/forums/<br />
username:jscheuer1 - This notice must remain for legal use<br />
*/<br />
;(function(){<br />
// Your message here (QUOTED STRING)<br />
var msg = "<b style="color: red;">Oto Website Blogspot</b>";<br />
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */<br />
// Set font's style size for calculating dimensions<br />
// Set to number of desired pixels font size (decimal and negative numbers not allowed)<br />
var size = 24;<br />
// Set both to 1 for plain circle, set one of them to 2 for oval<br />
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)<br />
var circleY = 0.75; var circleX = 2;<br />
// The larger this divisor, the smaller the spaces between letters<br />
// (decimals allowed, not negative numbers)<br />
var letter_spacing = 5;<br />
// The larger this multiplier, the bigger the circle/oval<br />
// (decimals allowed, not negative numbers, some rounding is applied)<br />
var diameter = 10;<br />
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)<br />
var rotation = 0.4;<br />
// This is not the rotation speed, its the reaction speed, keep low!<br />
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)<br />
var speed = 0.3;<br />
////////////////////// Stop Editing //////////////////////<br />
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;<br />
msg = msg.split('');<br />
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,<br />
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],<br />
o = document.createElement('div'), oi = document.createElement('div'),<br />
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,<br />
mouse = function(e){<br />
e = e || window.event;<br />
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position<br />
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position<br />
},<br />
makecircle = function(){ // rotation/positioning<br />
if(init.nopy){<br />
o.style.top = (b || document.body).scrollTop + 'px';<br />
o.style.left = (b || document.body).scrollLeft + 'px';<br />
};<br />
currStep -= rotation;<br />
for (var d, i = n; i > -1; --i){ // makes the circle<br />
d = document.getElementById('iemsg' + i).style;<br />
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';<br />
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';<br />
};<br />
},<br />
drag = function(){ // makes the resistance<br />
y[0] = Y[0] += (ymouse - Y[0]) * speed;<br />
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;<br />
for (var i = n; i > 0; --i){<br />
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;<br />
x[i] = X[i] += (x[i-1] - X[i]) * speed;<br />
};<br />
makecircle();<br />
},<br />
init = function(){ // appends message divs, & sets initial values for positioning arrays<br />
if(!isNaN(window.pageYOffset)){<br />
ymouse += window.pageYOffset;<br />
xmouse += window.pageXOffset;<br />
} else init.nopy = true;<br />
for (var d, i = n; i > -1; --i){<br />
d = document.createElement('div'); d.id = 'iemsg' + i;<br />
d.style.height = d.style.width = a + 'px';<br />
d.appendChild(document.createTextNode(msg[i]));<br />
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;<br />
};<br />
o.appendChild(oi); document.body.appendChild(o);<br />
setInterval(drag, 25);<br />
},<br />
ascroll = function(){<br />
ymouse += window.pageYOffset;<br />
xmouse += window.pageXOffset;<br />
window.removeEventListener('scroll', ascroll, false);<br />
};<br />
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';<br />
if (window.addEventListener){<br />
window.addEventListener('load', init, false);<br />
document.addEventListener('mouseover', mouse, false);<br />
document.addEventListener('mousemove', mouse, false);<br />
if (/Apple/.test(navigator.vendor))<br />
window.addEventListener('scroll', ascroll, false);<br />
}<br />
else if (window.attachEvent){<br />
window.attachEvent('onload', init);<br />
document.attachEvent('onmousemove', mouse);<br />
};<br />
})();<br />
//]]><br />
</script></div><br />
5.Simpan.<br />
dan sekarang lihat hasilnya.!!!<br />
catatan:<br />
<b style="color: blue;">warna biru</b> adalah warna teks,sobat dapat mengubah warnanya dengan <a href="http://otowebsite.blogspot.com/2012/03/kode-warna.html" target="_blank">kode warna</a> atau kode <a href="http://otowebsite.blogspot.com/2012/03/kode-warna-v2.html" target="_blank">warna v2</a>.<br />
<b><span style="color: red;">warna merah</span></b> adalah teks ketika mengikuti cursor, silahkan sobat dengan kata-kata sobat sendiri.<br />
<br />
Ok,cukup sekian dulu,semoga postingan ini bermanfaat.<br />
jangan lupa untuk baca aricles/postingan saya yang lainnya.

Membuat Teks Mengikuti Cursor

Membuat Teks Mengikuti Cursor

M ungkin sobat pernah ngelihat teks mengikuti kursor ketika sobat berkunjung di blog!!! ternyata pembuatannya cukup mudah ko sob, kita hanya...

Baca selengkapnya »

Memasang Widget Alexa Di Blog

<span class="awal">H</span>ai...???wah kemarin alexa rank saya hilang sob, mungkin karna beberapa hari ini saya gak pernah update jadi sepi pengunjung trus hilang deh alexanya!!! <br />
akhirnya saya coba cek di alexanya lansung dan ternyata alexa ranknya masih. ah untung deh. saya kirain juga bakalan hilang. akhirnya saya ambil lagi codenya deh ,trus skarang saya mau ngasih tau tentang Memasang Widget Alexa Di Blog. bagi sobat yang udah tau ya lewatin dulu aja dan baca aricles/postingan saya yang lainnya!!!<br />
nah bagi yang belum tau tentang apa itu alexa . . . <br />
<br />
Sekilas tentang alexa: Alexa merupakan salah satu fasisitas web yang menyediakan informasi traffik atau tingkat kepopuleran suatu web/blog. Untuk lebih jelas sobat bisa baca <a href="http://otowebsite.blogspot.com/2012/03/tentang-alexa.html">disini</a>!<br />
<br />
1.Klick alexa.com atau klick <a href="http://www.alexa.com/" target="_blank">disini.</a> lalu pilih tab site tool (lihat gambar)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR__J_4hmiFrcL60S2h_WVZlOCMKFAeP1-97qI2PRqnPNnJUgj8xuiND7iwGKbeMrqp2gbRG1LA6_nQR7aQ1zBSrtNRYHPkiYc7p2sEEjkJrBNMXmV6X0EH_n0qkNe-rhqXQ_1Nww93Bo/s1600/alex1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR__J_4hmiFrcL60S2h_WVZlOCMKFAeP1-97qI2PRqnPNnJUgj8xuiND7iwGKbeMrqp2gbRG1LA6_nQR7aQ1zBSrtNRYHPkiYc7p2sEEjkJrBNMXmV6X0EH_n0qkNe-rhqXQ_1Nww93Bo/s320/alex1.png" width="320" /></a></div><br />
2.Selanjutnya silahkan arahkan scroll ke bagian bawah halaman. lau pilih Alexa Site Widgets.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFmFkx7KntFVsVmyp0CTm9CT1v2A7oqpAdz0F9nMXCAIUbecraYiY8QD9kd_2NnSwXzkORJfUSTFk5qfwtQCqiQ4xAZn0o2ZvnWPtipTDjqCNrGjG9rGzEWuIK0eWMGMHQVrD9beGHmo/s1600/alex2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFmFkx7KntFVsVmyp0CTm9CT1v2A7oqpAdz0F9nMXCAIUbecraYiY8QD9kd_2NnSwXzkORJfUSTFk5qfwtQCqiQ4xAZn0o2ZvnWPtipTDjqCNrGjG9rGzEWuIK0eWMGMHQVrD9beGHmo/s320/alex2.png" width="320" /></a></div><br />
<br />
3.Masukkan alamat web atau blog sobat dengan berawan <i><b>www</b></i>. contoh: <i><b>www.otowebsite.blogspot.com</b></i> jika sudah klick build widget untuk melanjutkan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-71MH-9jJhxNNGxga3uD_-RTfPnwBuWxzfE_TfV0xJLVrCiqpppzaqi9Oe3cczodGLsEwX80HFLM8kjxx-Azl41Wjn-iTm3jZx7-zzHa3nLFsvjQ2KI7b00TzCmglLvWa1fY2urJwk8/s1600/alex3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-71MH-9jJhxNNGxga3uD_-RTfPnwBuWxzfE_TfV0xJLVrCiqpppzaqi9Oe3cczodGLsEwX80HFLM8kjxx-Azl41Wjn-iTm3jZx7-zzHa3nLFsvjQ2KI7b00TzCmglLvWa1fY2urJwk8/s320/alex3.png" width="320" /></a></div><br />
4.Copas,sekarang silahkan sobat ambil code script yang di berikan untuk di pasang di blog sobat,dan pilih ukuran yang sesuai keinginan sobat. (lihat ga<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF30Zo4im_FE66teZoznDZvAaB78oycDO8PoKzri40vXxAcf1X6PflB-5dDPSOjT6WvIpjqDGF3IxUYJdg7D24Bs_SzGRA6025KqKCg1uDuf61P4kwmxGH7NT1Ag4idodXb9Ad3OOOSu8/s1600/alex4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF30Zo4im_FE66teZoznDZvAaB78oycDO8PoKzri40vXxAcf1X6PflB-5dDPSOjT6WvIpjqDGF3IxUYJdg7D24Bs_SzGRA6025KqKCg1uDuf61P4kwmxGH7NT1Ag4idodXb9Ad3OOOSu8/s320/alex4.png" width="320" /></a></div><br />
Cara pemasangan: <br />
1.Masuk ke blog sobat<br />
2.Pilih tab rancangan.<br />
3.Klick tambah gadget.<br />
4.Pilih HTML/Java Script.<br />
5.Masukkan/Pastekan kode scriptnya di dalam HTML Java Script.<br />
6.Simpan.<br />
Dan sekarang coba lihat hasilnya??? berhasilkan?okedah sob sekian dulu semoga bermanfaat.<br />
<script src="http://adhitzads.com/406412" type="text/javascript">
</script>

Memasang Widget Alexa Di Blog

Memasang Widget Alexa Di Blog

H ai...???wah kemarin alexa rank saya hilang sob, mungkin karna beberapa hari ini saya gak pernah update jadi sepi pengunjung trus hilang de...

Baca selengkapnya »

Tentang Alexa

<a href="http://www.alexa.com/siteinfo/www.otowebsite.blogspot.com?p=rwidget#reviews" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Review www.otowebsite.blogspot.com on alexa.com" src="http://www.alexa.com/images/widgets/blue/dark/v2-125x125.png" /></a><span class="awal">a</span>lexa adalah salah satu situ yang menyediakan aplikasi untuk blog atau web sobat.  tapi jangan salah tanggap, maksudnya jangan mengira alexa adalah nama salah satu band lokal indonesia yang aliran musiknya power pop yang biasa muncul di acara televisi kita!!!<br />
Kalau ini alexanya beda,ini adalah alexa untuk web atau blog,alexa layaknya di jadikan seorang dosen yang akan mengawasi dan memantau kinerja blog atau web yang anda kelola. oleh sebab itu, sebagian besar para admin blogger atau webmaster berlomba-lomba memberikan kontribusi besar untuk blognya  demi mendapatkan pengakuan dan nilai yang berupa traffik rank dan link in. Penilaian yang di berikan oleh alexa sangat berguna untuk blog sebagai indikator kepopuleran   sebuah blog dimata seorang Boss besar yang tak lain adalah “Yang mulia Google”<br />
terlebih lagi para blogger yang menjadikan blognya sebagai bisnis online. Perlu anda ketahui bahwa indikator penilaian sebuah blog atau web tidak hanya di berikan oleh alexa semata karena  masih ada yang lain misalnya Pagerank dari Google.<br />
Alexa akan memberikan nilai dengan dua jenis yaitu Rank dan Link In. Dimana kedua jenis penilaian ini selau berbanding terbalik yang  artinya alexa akan memberikan nilai Rank yang sangat besar, bisa mencapai 50.000.000 bahkan lebih. Namun anda jangan senang kegirangan  terlebih dahulu melihat rank yang sagat besar yang demikian karena menurut alexa rank yang besar merupakan indikator yang menunjukan bahwa blog atau web yang anda kelola masih sangat jauh diatas rata-rata dari populer yang dapat diartikan secara sederhana bahwa blog anda masih dalam golongan rendah. Lain hal dengan Link In yang merupakan kebalikan dari Rank dimana semakin besar nilai link in yang di berikan oleh alexa untuk blog maka semakin besar juga kepopuleran blog anda.Untuk mendapatkan nilai yang sesuai dengan keinginan anda maka layaknya anda sebagai mahasiswa dan alexa sebagai dosennya oleh karena itu anda harus bekerja keras untuk menarik perhatian sang dosen untuk memberikan nilai yang baik untuk anda. Cara atau trik untuk menarik perhatian alexa ada banyak dan salah satunya adalah membuat postingan yang berkualitas dan tidak hanya asal jadi atau ‘copas’. Sepertinya kurang lengkap jika saya hanya memberikan trik cepat Menurunkan alexa rank oleh karena itu perhatikan baik-baik trik di bawah ini dan jangan lupa langsung di praktikkan.. hee<br />
<br />
Seperti yang sudah saya sebutkan di atas anda harus bekerja keras dan pantang menyerah dalam membuat artikel yang berkualitas. Ingat ! harus berkualitas dan berkesinambungan.Setelah membuat artikel anda saya sarankan mendaftar di alexa, dan jangan kwatir mendaftarnya Gratis ! tujuan mendaftar disini untuk dapat memasang alexa box yang berisi informasi rank alexa dan link in anda<br />
Contoh Box alexa saya.<br />
<a href="http://www.alexa.com/siteinfo/www.otowebsite.blogspot.com"><script src="http://xslt.alexa.com/site_stats/js/s/c?url=www.otowebsite.blogspot.com" type="text/javascript">
</script></a>

Tentang Alexa

a lexa adalah salah satu situ yang menyediakan aplikasi untuk blog atau web sobat. tapi jangan salah tanggap, maksudnya jangan mengira alex...

Baca selengkapnya »

Memasang Tombol Share Melayang Dan Pilih Warnamu sendiri

Pagi sob,pagi ini saya mau update postingan tentang Memasang Tombol Share Melayang Dan Pilih Warnamu Sendiri sebelumnya saya pernah membahas<span style="font-size: small;"><b> </b></span><a href="http://otowebsite.blogspot.com/2012/03/cara-cepat-membuat-tombol-share-di-blog.html"><b><span style="font-size: small;">Cara Cepat Membuat Tombol Share Di Blog</span></b></a>. sobat blogger pasti tau dong tombol share??? bagi yang belum tauj, tombol share adalah tombol yang kita gunakan untuk membagikan dan mempromosikan postingan atau blog web kita ke facebook,twitter,dsb. bahkan tombol share ini bisa di gunakan oleh teman atau pembaca kita yang mrnyukai postingan dan blog/web kita untuk memproosikan web/blog kita!!<br />
dah pada ngerti kan??? ok dah ini saya ada beberapa tombol share melayang dan beberapa warna,silahkan sobat pilih.sesuai selera sobat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaOHulJZC-uv22k6svj8p7d5g1-xE41-ozLr8ivduJTwhuKBx6AeR6UBYxZoYELTG1eRacfYgn-Bn2q0M8NvegYmRosaiEsKeXzfh8DNW7bzmIXiNZeTieuLdB1z1YhBHiZGrEYX9dB0/s1600/mly.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaOHulJZC-uv22k6svj8p7d5g1-xE41-ozLr8ivduJTwhuKBx6AeR6UBYxZoYELTG1eRacfYgn-Bn2q0M8NvegYmRosaiEsKeXzfh8DNW7bzmIXiNZeTieuLdB1z1YhBHiZGrEYX9dB0/s320/mly.jpg" width="320" /></a></div><br />
Cara Pemasangannya:<br />
1.Masuk ke akun blog sobat.<br />
2.Pilih tab Rancangan.<br />
3.Lalu Klick Tambah Gadget.<br />
4.Pilih HTML/Java Script.<br />
5.Masukkan salah satu kode script di bawah ini.<br />
<br />
<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Silver</span></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
<br />
 <style> #floatingbuttons { background: #aaa; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa)); background: -moz-linear-gradient(top, #f2f2f2, #aaa); border: 1px solid #808080; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Red</span></i><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
<br />
 <style> #floatingbuttons { background: #C12424; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F54F4F), color-stop(1, #C12424)); background: -moz-linear-gradient(top, #F54F4F, #C12424); border: 1px solid #B31919; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Blue</span></i><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
<br />
 <style> #floatingbuttons { background: #295698; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3980E6), color-stop(1, #295698)); background: -moz-linear-gradient(top, #3980E6, #295698); border: 1px solid #1E4A8A; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Black</span></i><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
<br />
 <style> #floatingbuttons { background: #333; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #656565), color-stop(1, #333)); background: -moz-linear-gradient(top, #656565, #333); border: 1px solid #222; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Green</span></i><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
<br />
 <style> #floatingbuttons { background: #80A81C; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, #80A81C)); background: -moz-linear-gradient(top, #A1D423, #80A81C); border: 1px solid #739619; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Orange</span></i><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
 <style> #floatingbuttons { background: #C15F24; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F58D4F), color-stop(1, #C15F24)); background: -moz-linear-gradient(top, #F58D4F, #C15F24); border: 1px solid #B35319; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Yellow</span></i><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
<br />
 <style> #floatingbuttons { background: #FFF19D; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF8CA), color-stop(1, #FFF19D)); background: -moz-linear-gradient(top, #FFF8CA, #FFF19D); border: 1px solid #F1E7AC; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#000; background:none; } .addbuttons a:hover { color:#000; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">White</span></i><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><br />
<br />
 <style> #floatingbuttons { background: #F9F9F9; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F9F9F9)); background: -moz-linear-gradient(top, #fff, #F9F9F9); border: 1px solid #ccc; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#000; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#000; background:none; } .addbuttons a:hover { color:#000; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> </div> <div class="addbuttons"> <a href="http://www.otowebsite.blogspot.com/2012/03/memasang-tombol-share-melayang-dan.html" title="Add floating social media share buttons to your blog!">Get floating<br /><span class="sharebuttons">share buttons</span></a> </div> </div> </div><br />
</div><br />
</div></div>6.Simpan/save.<br />
Sekarang lihat hsilnya.<br />
baca juga articles saya yang lainnya ya sob.

Memasang Tombol Share Melayang Dan Pilih Warnamu sendiri

Memasang Tombol Share Melayang Dan Pilih Warnamu sendiri

Pagi sob,pagi ini saya mau update postingan tentang Memasang Tombol Share Melayang Dan Pilih Warnamu Sendiri sebelumnya saya pernah membahas...

Baca selengkapnya »

Membuat Iklan Atau Gambar Melayang Melayang Di Atas Header

<span class="awal">M</span>ungkin sobat sekalian dan setanah air pernah melihat iklan melayang di atas header yang tidak ada tombol closenya dan selalu berada di atas header biarpun sobat kehalaman bawah blog/web atau atas blog/web iklan atau gambar tersebut akan terus berada di atas tanpa bisa si close.<br />
nah sekarang kita akan membahas  Membuat Iklan Atau Gambar Melayang Melayang Di Atas Header  nah kenapa kenapa saya beri judul seperti ini??? sebenarnya kalau di perhatikan sebenarnya itu bukan iklan,itu adalah sebuah gambar yang bila di klick akan menuju ke halaman lain yang di ikuti oleh para blogger contoh  kumpul jutawan,dll. kalau iklan kan seperti kumpulan blogger dll. itu sih menurut saya.<br />
dan sebelumnya saya juga sudah pernah membahas tentang '<a href="http://otowebsite.blogspot.com/2012/03/membuat-iklan-melayang-dengan-1-kali.html">Membuat Iklan Melayang Dengan 1 Kali Close</a>' dan '<a href="http://otowebsite.blogspot.com/2012/02/cara-membuat-iklan-melayang-di-blog.html" target="_blank">Cara Membuat Iklan Melayang Dengan 2x Close</a>'<br />
<br />
nah sudah jelas kan tentang iklan/melayang di atas header??? <br />
Jika kurang jelas dengan Iklan melayang atau gambar di atas header sobat bisa lihat gambar di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmy_r1YpEnOp-VkajINbMu45fIwrMn1-WB8hQvret3BWdLBe93r9U6d5KwpuPwuzgTTp0aBTjVXYg_9Zm6EdTqaQb21Z8d9Gev575huzbd_GVl_WUjIyn7N2-J64jcqBUID4Jf39kyrU/s1600/ih.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmy_r1YpEnOp-VkajINbMu45fIwrMn1-WB8hQvret3BWdLBe93r9U6d5KwpuPwuzgTTp0aBTjVXYg_9Zm6EdTqaQb21Z8d9Gev575huzbd_GVl_WUjIyn7N2-J64jcqBUID4Jf39kyrU/s320/ih.png" width="320" /></a></div><br />
udah jelaskan?!? <br />
Untuk Cara Pemasangan Dan Membuatnya:<br />
1.Log in ke blog sobat.<br />
2.Pilih tab Rancangan>Edit HTML.<br />
3.Selanjutnya cari kode berikut: <div id='outer-wrapper'> untuk mempermudah mencari silahkan buka <blink><a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Memcari Kode HTML</a></blink><br />
<span style="font-family: 'Courier New', Courier, monospace;"></span>4.Setelah ketemu, masukkan kode di bawah ini:<br />
<div style="background-color: white; border: 2px #800000 dotted; padding: 10px; text-align: left;"><div style='display:scroll; top:0px;position:fixed;'><br />
<br />
<a href='<span style="color: red;">http://www.kumpuljutawan.com/?id=arifin46</span>'><img alt='<span style="color: purple;">Usaha Sukse</span>' border='0' height='<span style="color: lime;">100</span>' src='<span style="color: blue;">http://i1263.photobucket.com/albums/ii623/dek_rif/bannerumum4.gif</span>' width='<span style="color: lime;">972</span>'/></a><br />
</div></div><b>Catatan</b>:<br />
<ul><li>Silahkan sobat ganti <span style="color: red;">warna merah</span> dengan url sobat ketika gambar di klick.</li>
<li>Ganti <span style="color: blue;">warna biru</span> dengan url gambar sobat misalnya dari photo bucket, flickr, dan semacamnya.</li>
<li>Height/width angka <span style="color: lime;">waran hijau</span> untuk merubah ukuran tinggi dan lebar iklan/gambar,silahkan sobat ganti sesuai selera atau halaman blog/web sobat.</li>
<li>Silahkan  sobat ganti teks <span style="color: purple;">warna ungu</span> dengan teks sobat ketika sebelum/gambar di klick atau muncul.</li>
</ul>5.Save/simpan,dan lihat hasilnya.<br />
Cukup mudah kan sob,ok dah sekian dulu semoga bermanfaat.<br />
Baca juga articles/postingan saya yang lainnya ya sob.

Membuat Iklan Atau Gambar Melayang Melayang Di Atas Header

Membuat Iklan Atau Gambar Melayang Melayang Di Atas Header

M ungkin sobat sekalian dan setanah air pernah melihat iklan melayang di atas header yang tidak ada tombol closenya dan selalu berada di ata...

Baca selengkapnya »

Membuat Iklan Melayang Dengan 1 Kali Close

<span class="awal">S</span>ebelumnya saya pernah membahas tentang<a href="http://otowebsite.blogspot.com/2012/02/cara-membuat-iklan-melayang-di-blog.html"> Membuat Iklan Melayang Dengan 2 Kali Close</a>,kali ini saya akan membahas membuat Iklan Melayang Dengan 1 Kali Close lansung aja ya, buat sobat yang ingin memassang iklan kumpulan blogger dan sebagainya dan ingin menayangkan iklannya secara melayang dengan tombol close 1 x bisa menggunakan kode script berikut ini.<br />
<br />
<b>Caranya</b>:<br />
1.Login ke blog sobat.<br />
2.Pilih tab rancangan lalu plih tambah gadget.<br />
3.Pilih HTML/Java Script.<br />
4.Lalu copas kode berikut kegadget tadi.<br />
<span itemprop="summary"><span class="fullpost"></span></span><br />
<div style="background-color: #0fffff; border: 2px #000fff solid; padding: 10px; text-align: left;"><style type=”text/css”><br />
#gb{<br />
position:fixed;<br />
top:10px;<br />
z-index:+1000;<br />
}<br />
* html #gb{position:relative;}<br />
<br />
.gbcontent{<br />
float:right;<br />
border:2px solid #ffffff;<br />
background:#ffffff;<br />
padding:10px;<br />
}<br />
</style><br />
<br />
<script type=”text/javascript”><br />
function showHideGB(){<br />
var gb = document.getElementById(“gb”);<br />
var w = gb.offsetWidth;<br />
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />
gb.opened = !gb.opened;<br />
}<br />
function moveGB(x0, xf){<br />
var gb = document.getElementById(“gb”);<br />
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />
var dir = xf>x0 ? 1 : -1;<br />
var x = x0 + dx * dir-100;<br />
gb.style.top = x.toString() + “px”;<br />
if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}<br />
}<br />
</script><br />
<br />
<div id=”gb”><br />
<br />
<div onclick=”showHideGB()”> </div><br />
<br />
<div><br />
<br />
<div style=”text-align:left”><br />
<a href=”javascript:showHideGB()”><br />
untuk keluar.:[Close][Klik 1X]:.<br />
</a><br />
</div><br />
<center><br />
<br />
<span style="color: red;">MASUKAN KODE SCRIPT IKLAN DISINI</span><br />
<br />
</center><br />
<div style=”text-align:left”><br />
<a href=”http://otowebsite.blogspot.com”><br />
Get Widget<br />
</a><br />
</div><br />
<script type=”text/javascript”><br />
var gb = document.getElementById(“gb”);<br />
gb.style.center = (20-gb.offsetWidth).toString() + “px”;<br />
</script></div></div><span itemprop="summary"><span class="fullpost"></span></span></div><br />
catatan:ganti teks <span style="color: red;">warna merah</span> dengan kode script iklan sobat!!!<br />
5.Simpan.<br />
Sekarang lihat hasilnya.................!!!!!!!!!!!!<br />
ok dah sekian dulu baca Articles/postingan saya lainnya ya sob!!!!<br />
Bagaimana tanggapan sobat tentang postingan/articles kali ini?<br />
Tinggalkan komentar sobat tentang postingan/articles di atas!

Membuat Iklan Melayang Dengan 1 Kali Close

Membuat Iklan Melayang Dengan 1 Kali Close

S ebelumnya saya pernah membahas tentang Membuat Iklan Melayang Dengan 2 Kali Close ,kali ini saya akan membahas membuat Iklan Melayang Den...

Baca selengkapnya »

Status Yahoo Messenger Untuk Web atau Blogmu

<span class="awal">H</span>alo semua,sobat pernah ngelihat gak status-status online/oflfine di blog atau web! Cara membuat dan memasangannya cukup mudah lho sob.<br />
1.Pertama-tama silahkan masuk situs ymgen.com atau klick <a href="http://ymgen.com/index.php?opt=yahoo-messenger" target="_blank">disini. </a><br />
lalu akan muncul halaman seperti berikut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc_cofFS2y_stI7_6uf9XgOd4Rgim6YAu6jwONdd-u7O5aRKnAlNCJWbTjdArSN70VULoMKxfOH-7Be_ZUgkivxAwN3KvfWtRFwCzVJ_qqUENNm1jv0fe03VM9RtBnXk4NMfAV1tfpgOA/s1600/Yg1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc_cofFS2y_stI7_6uf9XgOd4Rgim6YAu6jwONdd-u7O5aRKnAlNCJWbTjdArSN70VULoMKxfOH-7Be_ZUgkivxAwN3KvfWtRFwCzVJ_qqUENNm1jv0fe03VM9RtBnXk4NMfAV1tfpgOA/s320/Yg1.png" width="320" /></a></div><br />
<br />
2.Selanjutnya silahkan sobat cari atau pilih status yang sobat suka,dengan menggunakan scroll-tandai atau centang yang sobat suka(lihat gambar) setelah itu masukkan id email sobat.<br />
caranya: jika eamil sobat berakhiran dengan @yahoo.com<br />
maka sobat cukup memasukkan id usernamenya saja:contoh: <span style="color: red;">otowebsite@yahoo.com</span> mala yang sobat hanya perlu masukkan:<span style="color: blue;">otowebsite</span> saja. <br />
tapi jika email sobat berakhiran : yahoo.co.id - rocketmail.com - ymail.com.<br />
maka sobat harus memasukkan email id lengkap,contoh:<br />
<span style="color: blue;">otowebsite@yahoo.co.id</span> - <span style="color: blue;">otowebsite@rocketmail.com</span> - <span style="color: blue;">otowebsite - ymail.com</span>.<br />
jika sudah klick submit.(lihat gambar)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68QntiLDTVQ0fGhuUaHqhoEl04QCJR3AhsNlMy-phSYlh-6ZihOJWpDAwCARTyKwP6-MhzUAWie3Q738crCtztoEVpIOSGbu4APo_HGf1wiaHIBlvQCixnfPI0sNXBCucORB41wOA00M/s1600/Yg2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68QntiLDTVQ0fGhuUaHqhoEl04QCJR3AhsNlMy-phSYlh-6ZihOJWpDAwCARTyKwP6-MhzUAWie3Q738crCtztoEVpIOSGbu4APo_HGf1wiaHIBlvQCixnfPI0sNXBCucORB41wOA00M/s320/Yg2.png" width="320" /></a></div><br />
<br />
3.Setelah itu silahkan sobat copy code script yang di berikan!(lihat gambar)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg36c_cKlUa4tgwJWvLNm4M-z63y8e1UHQgSU1rNveGkZX1kf1SU8q_aCsuFwHMJ0iIbB5gaAAEEFtaQfDxrDAOHO08R9zaSlDT6s4uywfGKb0qlSEJpKTR1Nsx2EfHe0e9lNEeBZ1dJ0o/s1600/Yg3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg36c_cKlUa4tgwJWvLNm4M-z63y8e1UHQgSU1rNveGkZX1kf1SU8q_aCsuFwHMJ0iIbB5gaAAEEFtaQfDxrDAOHO08R9zaSlDT6s4uywfGKb0qlSEJpKTR1Nsx2EfHe0e9lNEeBZ1dJ0o/s320/Yg3.png" width="312" /></a></div><br />
<br />
4.Cara Pemasangan di Blogspot:<br />
<ul><li>Log In ke blog sobat.</li>
<li>Klick Rancangan.</li>
<li>Tambah Gadget.</li>
<li>Lalu pilih HTM/Java Script.</li>
<li>Paste code yang telah di copy dari ymgen tadi.</li>
<li>Simpan.</li>
</ul>Sekarang lihat hasilnya!!!ok dah sekian dulu semoga behasil dan bermanfaat.<br />
Silahkan sobat baca postingan atau articles saya yang lainnya ya sob!

Status Yahoo Messenger Untuk Web atau Blogmu

Status Yahoo Messenger Untuk Web atau Blogmu

H alo semua,sobat pernah ngelihat gak status-status online/oflfine di blog atau web! Cara membuat dan memasangannya cukup mudah lho sob. 1....

Baca selengkapnya »

Bikin Status Biru Dan Merah Dan Warna-Warni untuk Facebook

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSK8-7EXYxaq1WPf3KRklDgT2ctEaViU73ilpty7sMR2OOpKbptDe1uUr7sWLb9LJl0ilDs3_1meeQs6zfq3P1uxXlWATH0ixvd8Q3dvpvOAcTxMY1DEkVaWj-F3iz38-wAlGpR9-b28w/s1600/Facebook+status.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSK8-7EXYxaq1WPf3KRklDgT2ctEaViU73ilpty7sMR2OOpKbptDe1uUr7sWLb9LJl0ilDs3_1meeQs6zfq3P1uxXlWATH0ixvd8Q3dvpvOAcTxMY1DEkVaWj-F3iz38-wAlGpR9-b28w/s640/Facebook+status.jpg" width="640" /></a></div><span class="awal">P</span>giiiiiiiiiiiiiiiiiiiiiii!!!saya masih ngantuk banget,cuma mau postng sedikit dah buat melengkapi postingan harian,sekarang saya mau membahas tentang Bikin Status Biru Dan Merah Dan Warna-Warni untuk Facebook,emang sih dah ketinggalan namanya juga buat ngelengkapi. tapi....................yang saya bahas ini cuma Cara Bikin Status Biru doang sob,eh bukannya saya nipu, kenapa saya memberi judul seperti ini agar sobat yang lagi muter-muter nyari cara bikin tatus merah dan warna-warni agar berhenti di blog ini,karna................<br />
<div style="color: blue;">Status Biru,itu ada</div><div style="color: red;"><strike>Status Merah,tidak ada.</strike></div><strike>Status Warna-warni,tidak ada.</strike><br />
Intinya,status merah atau warna-warni itu semuanya bohong alias buelsid.<br />
nah sob lansung aja ya,mataku dah ngantuk banget gara-gara semalam begadang<br />
cara  bikin status biru:<br />
<br />
@@[2:[0:2:<b style="color: red;">Isi Status/Komentar Komentar Sobat Disini</b>]]<br />
<br />
ganti warna merah dengan status sobat!!!<br />
<br />
Ok dah sob sekian dulu,semoga bermanfaat !!!

Bikin Status Biru Dan Merah Dan Warna-Warni untuk Facebook

Bikin Status Biru Dan Merah Dan Warna-Warni untuk Facebook

P giiiiiiiiiiiiiiiiiiiiiii!!!saya masih ngantuk banget,cuma mau postng sedikit dah buat melengkapi postingan harian,sekarang saya mau membah...

Baca selengkapnya »

Parse Kode Script atau HTML

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodac9jVlODdd87Z-TNY-p5cVVPI6UuRWYuve0Nn4uCQ5rhh3AznN4uN0MmA9rz_TQFKm-_hsuegZejxLJHUC62tAQEuLa_Y6WE6uJIJIcKoluug33twWiow-7cAfH2nDypYIJ0eQd0Lk/s1600/parse.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodac9jVlODdd87Z-TNY-p5cVVPI6UuRWYuve0Nn4uCQ5rhh3AznN4uN0MmA9rz_TQFKm-_hsuegZejxLJHUC62tAQEuLa_Y6WE6uJIJIcKoluug33twWiow-7cAfH2nDypYIJ0eQd0Lk/s200/parse.jpg" width="200" /></a></div><span class="awal">P</span>arse Code Script atau HTML sobat Disini.<br />
bagi yang belum tau Parse,parse adalah membuat kode script/html tampil di dalam postingan.<br />
contoh kode  : <head> jika kode tesebut sobat pasang atau copas di postingan,pasti tidak akan muncul???<br />
tapi bagaimana kalu sobat memasang kode ini &lt;head&gt; ,pasti akan menjadi kode <head><br />
nah begitulah contohnya,untuk mengetahui kode script yang lainnya silahkan sobat parse semua kode sobat disini agar bisa di tampilkan di postingan sobat.<br />
caranya copas disini kode yang ingin sobat tampilkan di postingan,lalu klick convert. setelah itu copas lagi codenya ke postingan sobat dan lihat hasilnya,mudahkan?!?<br />
Silahkan!!! <br />
<style type="text/css">
#codes {border:1px solid #666;width:98%;height:200px;margin:5px auto 10px;display:block;}.button-group {margin:0px auto 0px;text-align:center;}
</style><textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'">

Parse Kode Script atau HTML

Parse Kode Script atau HTML

P arse Code Script atau HTML sobat Disini. bagi yang belum tau Parse,parse adalah membuat kode script/html tampil di dalam postingan. cont...

Baca selengkapnya »

Langganan: Postingan (Atom)

Top