pantasan blog

Home All post with category Tips Blog

Cursor mouse di Blog

Saturday, June 23, 2012

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU1Wtp8dmKDPrXBd4hvIqV3zUpAeVxk-8hKNFA7p7TxacdYt1QQXAcF-SwD2k96sm-Ail2gHTmqlKrqyJAJ7lgZazdEuY8-b3fJGMzpUxAYtZ8ps_mF9bmPKfYsIofRD4g1qceaPsAss/s1600/CursorsLogo88-31.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU1Wtp8dmKDPrXBd4hvIqV3zUpAeVxk-8hKNFA7p7TxacdYt1QQXAcF-SwD2k96sm-Ail2gHTmqlKrqyJAJ7lgZazdEuY8-b3fJGMzpUxAYtZ8ps_mF9bmPKfYsIofRD4g1qceaPsAss/s1600/CursorsLogo88-31.gif" /></a></div>
<br />
<br />
<b>1. Puma</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrXm0JyDUssZ-T_kyX9DUJPnSNM2WIB2XpoDKAFiZQJh5cqf5u3YDfSTmN3xR1xZ5vRdX3LupI-xfmL3JL5htOt1ySqIKD8Y5m8wmo5M0zDZPIlSuT4ycyTU3jBKyTg4ZtqFgkl1uP_A/s1600/a.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrXm0JyDUssZ-T_kyX9DUJPnSNM2WIB2XpoDKAFiZQJh5cqf5u3YDfSTmN3xR1xZ5vRdX3LupI-xfmL3JL5htOt1ySqIKD8Y5m8wmo5M0zDZPIlSuT4ycyTU3jBKyTg4ZtqFgkl1uP_A/s1600/a.gif" /></a></div>
<div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 500px;">
<div style="text-align: left;">
<div align="center" style="z-index:9;visibility:visible;"><a href="http://pantasan.blogspot.com/" target="_blank" class="tfc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU1Wtp8dmKDPrXBd4hvIqV3zUpAeVxk-8hKNFA7p7TxacdYt1QQXAcF-SwD2k96sm-Ail2gHTmqlKrqyJAJ7lgZazdEuY8-b3fJGMzpUxAYtZ8ps_mF9bmPKfYsIofRD4g1qceaPsAss/s1600/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Fox Rivers Company Cursors at http://pantasan.blogspot.com" /></a></div><style>HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrXm0JyDUssZ-T_kyX9DUJPnSNM2WIB2XpoDKAFiZQJh5cqf5u3YDfSTmN3xR1xZ5vRdX3LupI-xfmL3JL5htOt1ySqIKD8Y5m8wmo5M0zDZPIlSuT4ycyTU3jBKyTg4ZtqFgkl1uP_A/s1600/a.gif"), auto;}</style></div>
<br /></div>
<div align="center" style="visibility: visible; z-index: 9;">
<br />
<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>2. I Love U</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYV3FXMPFjLS0g_gf6MdNes1t2KY0aD9y0fc7XzX95AYw6UssUb6Z2QFiyxqlkg6CiIeCbpdlUnS39WvTZ7hL0hgg4Xy8kJM9XVEvcAmalWZvI7SUaIfEj86a9q8OTYPqaBCK2gmUqMjM/s1600/iloveyou.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYV3FXMPFjLS0g_gf6MdNes1t2KY0aD9y0fc7XzX95AYw6UssUb6Z2QFiyxqlkg6CiIeCbpdlUnS39WvTZ7hL0hgg4Xy8kJM9XVEvcAmalWZvI7SUaIfEj86a9q8OTYPqaBCK2gmUqMjM/s1600/iloveyou.gif" /></a></div>
<br />
<div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 500px;">
<div style="text-align: left;">
<div align="center" style="z-index:9;visibility:visible;"><a href="http://pantasan.blogspot.com/" target="_blank" class="tfc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU1Wtp8dmKDPrXBd4hvIqV3zUpAeVxk-8hKNFA7p7TxacdYt1QQXAcF-SwD2k96sm-Ail2gHTmqlKrqyJAJ7lgZazdEuY8-b3fJGMzpUxAYtZ8ps_mF9bmPKfYsIofRD4g1qceaPsAss/s1600/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free I Love You Cursors at http://pantasan.blogspot.com/" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/iloveyou.gif"), auto;}</style></div>
</div>
<style>
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/iloveyou.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/iloveyou.gif"), auto;}
</style></div>
<br />
<br />
<b>3.Spider</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gV5AyGYGtHAeNhMZPzgn0mCBbuCb0weBsuV0SzOEe5ydCoD0mOeNWKO1mpe_18tHwSOJpcwC2x5UxMh0BXANLInX2IH72lHG9u625khb5ChHdeZ-lxwX2ApPgvmEZzYXIoWMqvMzMnY/s1600/spiderman-logo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gV5AyGYGtHAeNhMZPzgn0mCBbuCb0weBsuV0SzOEe5ydCoD0mOeNWKO1mpe_18tHwSOJpcwC2x5UxMh0BXANLInX2IH72lHG9u625khb5ChHdeZ-lxwX2ApPgvmEZzYXIoWMqvMzMnY/s1600/spiderman-logo.gif" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 500px;">
<div align="center" style="z-index:9;visibility:visible;"><a href="http://pantasan.blogspot.com/" target="_blank" class="tfc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU1Wtp8dmKDPrXBd4hvIqV3zUpAeVxk-8hKNFA7p7TxacdYt1QQXAcF-SwD2k96sm-Ail2gHTmqlKrqyJAJ7lgZazdEuY8-b3fJGMzpUxAYtZ8ps_mF9bmPKfYsIofRD4g1qceaPsAss/s1600/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Spider Man Logo Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gV5AyGYGtHAeNhMZPzgn0mCBbuCb0weBsuV0SzOEe5ydCoD0mOeNWKO1mpe_18tHwSOJpcwC2x5UxMh0BXANLInX2IH72lHG9u625khb5ChHdeZ-lxwX2ApPgvmEZzYXIoWMqvMzMnY/s1600/spiderman-logo.gif"), auto;}</style></div>

1. Puma <div align="center" style="z-index:9;visibility:visible;"><a href="http://pantasan.blog...

Cara Menaikkan Rank Alexa Dengan Cepat di Blog

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDtBgiNM0aEMiLtK7WkFao7UiYjOfgRn11X7lnFsh3646nSYxLMSiKsTV9PggdoWE_4fbxP8muRhTuNHdvIC9Prz20RfoEg8ayyZZeCn_pF2KohuwUtRbrm9hjVuOpOyf1EGdyNBoVCE/s1600/alexa-traffic-boost.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDtBgiNM0aEMiLtK7WkFao7UiYjOfgRn11X7lnFsh3646nSYxLMSiKsTV9PggdoWE_4fbxP8muRhTuNHdvIC9Prz20RfoEg8ayyZZeCn_pF2KohuwUtRbrm9hjVuOpOyf1EGdyNBoVCE/s1600/alexa-traffic-boost.png" /></a><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;"><b><u><a href="http://pantasan.blogspot.com/2012/06/cara-menaikkan-rank-alexa-dengan-cepat.html" target="_blank">Cara Mengecilkan Rank Alexa Dengan Cepat</a></u></b>
 - Rank Alexa memang sangat penting bagi sebuah website / blog. Segala 
macam cara telah dilakukan untuk mengecilkan Rank Alexa tetapi hasilnya 
belum maksimal atau belum kecil-kecil Rank-nya. Mungkin dengan cara ini 
anda dapat <a href="http://pantasan.blogspot.com/2012/06/cara-menaikkan-rank-alexa-dengan-cepat.html" target="_blank"><b>Mengecilkan Rank Alexa anda dengan cepat</b>.</a> </span><br />
<span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;"><br />
Berikut <b><a href="http://pantasan.blogspot.com/2012/06/cara-menaikkan-rank-alexa-dengan-cepat.html" target="_blank">Cara Mengecilkan Rank Alexa Dengan Cepat</a></b> :</span><br />
<br />
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Memasang sidebar Traffic Rank [ <b><a href="http://www.alexa.com/" target="_blank">Widget Alexa Rank</a></b> ]<br />Sebagai blog atau web yang baru dibuat tentunya akan mempunyai nilai
traffic rank yang sangat banyak bisa jadi sampai 5 juta keatas, tapi tidak
perlu malu untuk menunjukkannya ke public, karena dengan menempelkan wigate
tersebut akan lebih mudah Alexa utuk mendeteksi dan mengenal blog kita. Bagi
yang belum dipasang silahkan buka link ini, caranya mudah hanya mengkopi dan
menaruh kode yang sudah disediakan oleh alexa di halaman blog kita, saya
sarankan pasang di Home page.</span></li>
</ul>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Buat sebuah halaman mengenai webmaster tools pada blog Anda. Dengan
cara ini akan menarik webmaster untuk berkunjung berkali-kali ke blog Anda.</span></li>
</ul>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Jika anda pemilik warnet jadikanlah computer warnet anda sebagai
lahan penambah poin Alexa, caranya dengan menginstal Alexa toolbar disetiap
komputer dan menjadikan home page di setiap browser yang digunakan. Dengan cara
ini diharapkan akan menambah pageview blog anda, syukur-syukur pengunjung
tertarik dengan blog anda sehingga tidak hanya satu page aja yang dilihatnya.
Mengapa alexa toolbar dan pageview yang diprioritaskan? Setahu saya alexa rank
dihitung berbasis aggregat trafik 3 bulanan dari jutaan pengguna Alexa Toolbar
dan merupakan sebuah ukuran kombinasi dari page views dan pengunjung. Pada
tahap pertama, Alexa menghitung jumlah pengunjung dan jumlah page views untuk
semua situs dan blog secara harian. Dari definisi tersebut, maka yang berperan
penting dalam alexa rank adalah Alexa Toolbar, jumlah pengunjung, dan jumlah
page views yang dihitung berdasarkan jumlah orang yang mengunjungi situs/blog
bersangkutan dengan alexa toolbar terinstal di browser yang digunakannya.</span></li>
</ul>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Aktiflah di situs atau forum Asian social networking, mengapa harus
begitu? Menurut informasi dari King Of Search Engine yaitu Google bahwa Asia
Timur adalah pengguna alexa toolbars yang besar. Ini dibuktikan dengan beberapa
blog atau situs dari Asia Timur yang masuk Alexa Top 500.</span></li>
</ul>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Buatlah artilkel yang menarik dan izinkanlah public menyebarluaskan
artikel anda dengan syarat menyertakna link aktif blog/web anda, sehingga blog
dikenal dan terpromosikan secara tidak langsung.</span></li>
</ul>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Jika anda sudah punya akun di Alexa.com, ada baiknya untuk memasang
Meta dari Alexa, contohnya seperti ini : <meta
content='b1x7NJUVvWKAWLek7PzQVAHXihc' name='alexaVerifyID'/><br />Cara memasangnya taruh dibawah kode <head> atau diatas kode
<b:skin><![CDATA[/*</span></li>
</ul>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Memasang Review Widget, dengan caranya ini diharapkan pengunjung
blog anda mau menilai dan mengomentari blog/web anda.</span></li>
</ul>
</div>
<ul>
<li><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Bangun Back link sebanyak mungkin, untuk membangun backlink carilah
situs yang menyediakan autoback link yang banyak, kalau bisa cari yang lebih
dari 100 back links. </span><span class="Apple-style-span" style="font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;">Bagi yang mau autobacklink gratisan silahkan buka <b><a href="http://www.alexa.com/" target="_blank">halaman ini</a></b>.</span></li>
</ul>

Cara Mengecilkan Rank Alexa Dengan Cepat - Rank Alexa memang sangat penting bagi sebuah website / blog. Segala macam cara telah dilak...

Membuat Like Box Facebook Tersembunyi Di Blog

<b>B-digg - Tutorial Blogger dan SEO Blogger</b> - <b>Cara Membuat Like Box Facebook Tersembunyi</b>.
 Pengguna facebook kian bertambah banyak, hal ini memungkinkan kita para
 blogger untuk mempromosikan blog melalui sosial media facebook ini. 
Bagi yang sudah memiliki fans page di facebook pasti sebagian besar para
 blogger sudah memasang like box yang sudah disediakan oleh facebook.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBIhesV-LBhwfppP0afI6coUdvpzle8lwBo1OJhbhyoHyesQWdbWGa5pkguhikhRcA1qvIsP_I7VJFWsJfeWzbPslTvpSDtooa74zFLunAMfIu43-aig1h5ZCdDbPsBJ9TAqTX0SYyJg/s1600/efwe.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBIhesV-LBhwfppP0afI6coUdvpzle8lwBo1OJhbhyoHyesQWdbWGa5pkguhikhRcA1qvIsP_I7VJFWsJfeWzbPslTvpSDtooa74zFLunAMfIu43-aig1h5ZCdDbPsBJ9TAqTX0SYyJg/s1600/efwe.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Nah
 tampilan like box dari facebook ini pun sudah menarik menurut saya. 
Tetapi mungkin ada sobat blogger yang kebingungan mencari tempat untuk 
memasang like box fans page facebooknya karena di blognya sudah banyak 
terpasang widget. Tenang sob, sobat bisa <b>menyembunyikan kotak like box fans page facebook</b>
 sobat pada blog sobat. Dengan cara ini juga maka blog sobat kelihatan 
lebih indah untuk dipandang. Untuk tampilannya sobat bisa lihat gambar 
di samping.<br />
<br />
Apakah sobat juga ingin memasangnya juga di blog sobat? jika jawaban dari sobat ya, maka ikutilah langkah-langkah <b>Cara Membuat Like Box Facebook Tersembunyi</b>.<br />
<br />
1. Log in ke blogger.<br />
2.Klik rancangan  » add gadget » HTML/Java Script.<br />
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.<br />
<br />
<br />
<div style="background-color: #fcfcfc; border-bottom-color: rgb(192, 192, 192); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(192, 192, 192); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(192, 192, 192); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(192, 192, 192); border-top-style: solid; border-top-width: 1px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;">
<div style="color: red;">
<script type="text/javascript"></div>
<div style="color: red;">
//</div>
<div style="color: red;">
</script></div>
<div style="color: red;">
<style type="text/css"></div>
<div style="color: red;">
.floatinglikebox{background: 
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBIhesV-LBhwfppP0afI6coUdvpzle8lwBo1OJhbhyoHyesQWdbWGa5pkguhikhRcA1qvIsP_I7VJFWsJfeWzbPslTvpSDtooa74zFLunAMfIu43-aig1h5ZCdDbPsBJ9TAqTX0SYyJg/s1600/efwe.png")
 no-repeat scroll left center transparent !important;display: 
block;float: right;height: 270px;padding: 0 5px 0 40px;width: 
245px;z-index: 99999;position:fixed;right:-250px;top:20%;}</div>
<div style="color: red;">
.floatinglikebox div{border:none;position:relative;display:block;}</div>
<div style="color: red;">
.floatinglikebox span{bottom: 10px;font: 10px 
tahoma,verdana,arial,sans-serif;position: absolute;right: 
6px;text-align: right;z-index: 99999;}</div>
<div style="color: red;">
.floatinglikebox span a{color: #808080;text-decoration:none;}</div>
<div style="color: red;">
.floatinglikebox span a:hover{text-decoration:underline;}</div>
<span style="color: red;"></style><div class="floatinglikebox" 
style=""><div><iframe 
src="//www.facebook.com/plugins/likebox.php?href=</span><span style="color: blue;">https://www.facebook.com/jefrianto.manalu</span><span style="color: red;">&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399"

scrolling="no" frameborder="0" style="border:none; overflow:hidden; 
width:251px; height:270px; background:#fff;" 
allowtransparency="true"></iframe><span><a 
href="http://tkjsbb.blogspot.com/2012/05/membuat-like-box-facebook-tersembunyi.html"

target="_blank">+ Buat Seperti 
Ini</a></span></div></div></span></div>
<br />
 Keterangan :<br />
<ul>
<li>Ganti kode yang berwarna <span style="color: blue;">biru</span> dengan url fans page anda.</li>
</ul>
4.Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.<br />
<br />
<div style="background-color: #fcfcfc; border-color: rgb(192, 192, 192); border-style: solid; border-width: 1px; color: red; padding: 10px; text-align: left;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script></div>
<br />
5.Save template anda.<br />
<br />
Sekian tutorial tentang  <b>Cara Membuat Like Box Facebook Tersembunyi</b> mudah-mudahan artikel ini bisa bermanfaat bagi anda.

B-digg - Tutorial Blogger dan SEO Blogger - Cara Membuat Like Box Facebook Tersembunyi . Pengguna facebook kian bertambah banyak, hal ini ...

Cara Membuat Spoiler

<b><span class="stylekoran">C</span>ara membuat spoiler</b> - <b>Spoiler </b>adalah sebuah tombol yang akan menyembunyikan widget / gadget atau tulisan. Jika <b>tombol spoiler</b>
 di klik, maka tulisan atau widget yang tersembunyi akan di tampilkan. 
Jika di klik lagi maka widget atau tulisan tersebut akan di sembunyikan 
kembali. Artikel ini tidak berhubungan dengan postingan BB sebelumnya 
yaitu "<a href="http://pantasan.blogspot.com/" target="_blank">Cara Menghapus Broken Link</a>". Agar tidak terlalu tegang menghapus link rusak, saya tulis artkel untuk mempercantik blog yaitu "<b>Cara Membuat Spoiler di blog</b>"<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FpoCMnIRYC32zyNK36GFibvD9swqPXm-Be9cAypcoeuf_g9NJVzuvVKrfSWKZxdzpUyr3uGR_hi6Hh5RXYZCTfLmgnymckyS87gMA_820Qk0ogtbrqUs7zs9McLbKOM532NIL_yQLeU/s1600/Tombol+Spoiler.JPG" style="margin-left: auto; margin-right: auto;"><img alt="cara membuat spoiler | tombol spoiler | kode spoiler di blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FpoCMnIRYC32zyNK36GFibvD9swqPXm-Be9cAypcoeuf_g9NJVzuvVKrfSWKZxdzpUyr3uGR_hi6Hh5RXYZCTfLmgnymckyS87gMA_820Qk0ogtbrqUs7zs9McLbKOM532NIL_yQLeU/s1600/Tombol+Spoiler.JPG" title="Panduan cara membuat, memasang, dan modifikasi kode spoiler di posting, sidebar, atau bagian blog lainnya" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: red;">Gambar 1 :</span> <b>Cara Membuat Spoiler</b></td></tr>
</tbody></table>
<br />
Contoh / Live Demo<b> tombol spoiler di blog </b>yang terpasang di postingan atau di dalam artikel blog, bisa anda lihat di artikel "<a href="http://pantasan.blogspot.com/" target="_blank">Cara Membuat Daftar Isi Blog Otomatis</a>". Untuk melihat contoh <b>Spoiler </b>yang
 lain, anda bis lihat di bagian paling bawah blog ini, tepatnya di 
bagian komentar blog ( Selama template BLOGGER BUGIS belum di edit / 
berubah ).<br />
<br />
<h3 style="color: #0088ff;">

<span style="font-family: Georgia,"Times New Roman",serif;">Cara Membuat Spoiler</span></h3>
Untuk <b>membuat spoiler</b>, kode yang digunakan adalah :<br />
<br />
<br />
<div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 400px;">
<div style="font-family: <span style="color: red;">verdana</span>; margin-top: <span style="color: red;">5</span>px; text-align: <span style="color: red;">center</span>;"><br />
<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 = '<span style="color: red;">Tutup</span>';
 } else {  
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display 
 = 'none'; this.innerText = ''; this.value = '<span style="color: red;">Buka Kembali</span>'; }" style="font-size: 12px; margin: 0px; padding: 3px 5px;" type="button" value="<span style="color: red;">Buka</span>" /></div><br />
<div style="margin: 0px; padding: 1px;"><br />
<div style="display: none;"><br />
<span style="color: red;">http://pantasan.blogspot.com/</span><br />
</div><br />
</div></div>
Keterangan :<br />
<br />
<ul>
<li><span style="color: red;">Verdana </span>= Jenis Huruf tulisan pada tombol <b>Spoiler</b>. Ganti dengan Trebuchet ms, georgia, arial, atau jenis huruf lain yang anda inginkan</li>
<li><span style="color: red;">5 </span>= Jarak tombol dari objek di 
atasnya. Ganti dengan angka yang lebih besar untuk membuatnya lebih jauh
 dari objek yang ada di atasnya atau sebaliknya</li>
<li><span style="color: red;">center </span>= Posisi / Letak tombol <b>spoiler</b>. Center berarti posisi tombol berada di tengah. Jika ingin membuat tombolnya berada di sebelah kiri, ganti center dengan <span style="color: red;">Left</span>, untuk sebelah kanan, ganti dengan <span style="color: red;">right</span>.</li>
<li><span style="color: red;">Tutup </span>= Tulisan pada tombol <b>spoiler </b>saat <b>spoiler </b>menampilkan widget atau tulisan yang di sembunyikan.</li>
<li><span style="color: red;">Buka Kembali</span> = Tulisan pada tombol <b>spoiler </b>saat widget atau tulisan tersembunyi tapi sebelumnya sudah pernah di buka / di tampilkan <b>spoiler</b></li>
<li><span style="color: red;">Buka </span>= Tulisan pada tombol <b>spoiler </b>saat tulisan atau widget masih di sembunyikan oleh <b>spoiler</b></li>
<li><a href="http://www.bloggerbugis.com/"><span style="color: red;">http://pantasan.blogspot.com/</span></a> adalah tulisan yang di sembunyikan oleh <b>spoiler</b>. Ganti dengan tulisan yang ingin anda sembunyikan dengan <b>spoiler </b>atau ganti dengan kode widget jika anda ingin menyembunyikan widget dengan <b>spoiler</b></li>
</ul>
Untuk <b>memasang Spoiler</b> pada postingan atau artikel blog, anda harus memasang <b>kode spoiler</b> pada mode HTML ( Kecuali anda menggunakan "Tafsirkan HTML yang di ketik" pada menu pilihan yang ada di post editor blogspot ).<br />
<br />
Sampai baris ini, tutorial <a href="http://pantasan.blogspot.com/" target="_blank">cara membuat spoiler</a> selesai. Sampai jumpa di artikel tips dan trik Blogger Bugis berikutnya. Salam Blogger......

C ara membuat spoiler - Spoiler adalah sebuah tombol yang akan menyembunyikan widget / gadget atau tulisan. Jika tombol spoiler di klik, ...

Cara Membuat Daftar Isi Blog Lengkap dengan Label/Kategori

Friday, June 22, 2012

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgYaPQVo5i0ailShvckJkCz0aWVFiUr0t5A60tQdWHAdcnwOoIAevV7eYyKrY66gpFb4lkMbXOsxn6Prg-0rLHT4CXq91_1u-1EwfmWKEZgR-aXnjY6AIxkpCAG_t6890Ccut2osBJ9k/s1600/Daftar+isi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgYaPQVo5i0ailShvckJkCz0aWVFiUr0t5A60tQdWHAdcnwOoIAevV7eYyKrY66gpFb4lkMbXOsxn6Prg-0rLHT4CXq91_1u-1EwfmWKEZgR-aXnjY6AIxkpCAG_t6890Ccut2osBJ9k/s1600/Daftar+isi.JPG" /></a></div>
<br />
<br />
Daftar
 isi pada blog  merupakan hal yang penting bagi blog yang sudah memiliki
 jumlah posting  yang relatif banyak dengan banyak label / ketegori 
didalamnya.<br />
<br />
Dafta isi akan membantu mempermudah visitor blog kita untuk melakukan sufring ke bergai posting artikel pada anda. <br />
<br />
Berikut cara membuat daftar isi blog<br />
<br />
1. Membuat daftar blog isi di dalam laman<br />
<ul>
<li>Masuk pada blogger.com</li>
<li>Pilih Posting >>Entri Baru atau Edit Laman >> Laman Baru</li>
<li>Copy Paste kode berikut kedalamnya</li>
</ul>
<div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 400px;">
 <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"><br />
    <script src="http://memed.googlecode.com/files/daftarisi.js"><br />
    </script><script src="http://<span style="color: red;">pantasan.blogspot.com</span>/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"><br />
    </script><br />
<p><br />
</p></div></div>
<ul>
<li>Ganti <span style="color: red;">pantasan.blogspot.com</span> dengan nama domain blog atau situs Anda.</li>
<li>Kemudian Terbitkan Laman dan lihat hasilnya</li>
</ul>
2. Membuat daftar isi blog di gadget <br />
<ul>
<li>Masuk ke akun blogger anda</li>
<li>Rancangan >> Edit HTML >> Tambah Gadget</li>
<li>Copy Paste kode berikut kedalamnya </li>
</ul>
<br />
<div style="border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 400px;">
<div style="overflow:auto; border: 1px solid #CCC;  margin: auto; 
padding: 3px; width: 95%; height: 400px; background-color:  none; 
text-align: left;"><br />
    <script src="http://memed.googlecode.com/files/daftarisi.js"><br />
    </script><script src="http://<span style="color: red;">pantasan.blogspot.com</span>/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"><br />
    </script><br />
<p><br />
</p></div> </div>
<br />
<ul>
<li>Ganti <span style="color: red;">pantasan.blogspot.com</span> dengan nama domain blog atau situs Anda.</li>
<li>Kemudian Simpan </li>
</ul>

Daftar isi pada blog merupakan hal yang penting bagi blog yang sudah memiliki jumlah posting yang relatif banyak dengan banyak label...

Banner 468 x 60

Advertisment 468 x 60

Cursor mouse di Blog

Cara Menaikkan Rank Alexa Dengan Cepat di Blog

Membuat Like Box Facebook Tersembunyi Di Blog

Cara Membuat Spoiler

Cara Membuat Daftar Isi Blog Lengkap dengan Label/Kategori