Cara Membuat Blog Banjir Tergenang Air

My Note -  Banjir memang sudah biasa kita dengar, banjir disebabkan oleh banyak faktor, diantaranya membuang sampah sembarangan dll, akibat banjir banyak kerugian yang diakibatkannya baik kerugian materi maupun jiwa, namun bagaiman jika anda melihat suatu web/blog kena musibah banjir,,??apa yang harus anda lakukan..?? kalau bagi saya mah dibiarin aja sob,toh ngak bakalan ada kerugian materi maupun jiwa, wkwkw ^_^

Oke sob,,tanpa menyalahi topik dari judul artikel ini, sebenarnya ini adalah sebuah widget untuk blog bagi yang suka iseng2 dengan blognya,,kali ini saya mau memberikan sebuah Cara Membuat Blog Banjir Tergenang Air seperti yang telah sobat lihat dari gambar diatas.

Langsung saja cara membuatnya sob 

1. Login ke blogger sobat 
2. Pilih Tata Letak / Rancangan
3. Tambahkan gadjet
4. Pilih HTML/Javascript
5. Lalu tambahkan Code Di Bawah Ini : 

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://yugialone.blogspot.com/2012/10/cara-membuat-efek-banjir-pada-blog.html" target="_blank">Cara Membuat Widget Efek</a></center></small></div>

    6.  Terakhir simpan 

Sekian postingan kali ini dan saya jamin blog sobat sudah penuh dengan air, sobat hanya perlu menyiapkan pancing, siapa tau sobat mau memancing ikan di layar Pc sobat..hahahahahahha :) ^_^ SELAMAT MEMANCING DAN BERJUANG MENGURAS AIR SOBAT

Sumber

Read more »

Cara Pasang Widget Berita Di Blog

Malam sobat kali ini saya mau post cara membuat widget berita di blog..ada yg suka baca2 berita ngak..??misalnya berita di Detik.com atau Kaskus baca berita terbaru dan update memang sangat dibutuhkan oleh orang,,

Cara pemasangan nya mudah dan gampang.

• Login blogger
• Tata letak > Tambah gadget > HTML/Javascript
• Copy kode dibawah ini dan paste pada kolomnya.

  <div style='color:#ffffff; width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:left; overflow:hidden; border-radius: 8px; -moz-border-radius: 8px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'><table width=100%><tr><td width=18px><img src="http://detik.net.id/detik/image/favicon.ico" width="16px" height="16px"/></td>
<td width="10" style="vertical-align: top;" ><a id="TickerPrevBC5226488" href="javascript: ;" onclick="PrevTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>
        <td id="TickerContentBC5226488" class="bc_tickercontent" style="vertical-align: top;">
            <a id="TickerLinkBC5226488" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC5226488" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC5226488" class="bc_tickersummary" ></span>
        </td>
        <td width="10" style="vertical-align: top;" ><a id="TickerNextBC5226488" href="javascript: ;" onclick="NextTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
<script id="scr5226488" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr5226488\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//detik.feedsportal.com/c/33613/f/589693/index.rss&changedelay=8&maxitems=-1&showsummary=0&objectid=5226488\'', 500);
 /* ]]> */ </script>
</tr>
<tr><td width=18px><img src="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td>
        <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC46619671" href="javascript: ;" onclick="PrevTickerBC46619671();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>
        <td id="TickerContentBC46619671" class="bc_tickercontent" style="vertical-align: top;">
            <a id="TickerLinkBC46619671" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC46619671" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC46619671" class="bc_tickersummary" ></span>
        </td>
        <td width="10" style="vertical-align: top;" ><a id="TickerNextBC46619671" href="javascript: ;" onclick="NextTickerBC46619671();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
<script id="scr46619671" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr46619671\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.kaskus.co.id/rss/forum/21&changedelay=5&maxitems=-1&showsummary=0&objectid=46619671\'', 500);
 /* ]]> */ </script>
</tr>
<tr><td width=18px><img src="http://www.tabloidpulsa.co.id/templates/pulsav3/favicon.ico"/></td>
<td width="10" style="vertical-align: top;" ><a id="TickerPrevBC29075508" href="javascript: ;" onclick="PrevTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>
        <td id="TickerContentBC29075508" class="bc_tickercontent" style="vertical-align: top;">
            <a id="TickerLinkBC29075508" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC29075508" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC29075508" class="bc_tickersummary" ></span>
        </td>
        <td width="10" style="vertical-align: top;" ><a id="TickerNextBC29075508" href="javascript: ;" onclick="NextTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
<script id="scr29075508" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr29075508\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.tabloidpulsa.co.id/rss/&changedelay=8&maxitems=-1&showsummary=0&objectid=29075508\'', 500);
 /* ]]> */ </script>
</tr>
</table><span style="font-size: 80%; float:right;"><a href="http://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html" target="_blank">Get this widget</a></span> </div>

•  Simpan dan lihat hasilnya..

Sampai disini dulu sobat,,jika ada pertanyaan dan komentar silahkan berkomentar pada kotak komentar dibawah ini..semoga artikel Cara Pasang Widget Berita Di Blog ini bermanfaat dan Terimkasih atas kunjungan sobat di Blog ini .

Read more »

Cara Membuat Daftar Isi Gadget Keren di Blog

Biasanya para blogger membuat daftar isi di dalam postingan atau di page halaman...bagaimana pula kalau daftar isi itu kita letakkan di sebuah widget atau di homepage blog kita,,caranya mudah hanya menambahkan kode2nya ke dalam gadget /javascript..

Berikut caranya :

1. Login Blogger anda
2. Tata letak
3. Tambah Gadget
4. HTLM/Javascript
5. Copy kan kode dibawah ini : 

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
    <script src="http://memed.googlecode.com/files/daftarisi.js">
    </script><script src="http://saktobek.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
    </script>
<p>
</p></div>

     6.  Ganti dulu Url yang berwarna merah tersebut dengan url blog sobat
     7.  Barulah disimpan

Terimakasih telah sudi mampir membaca artikel "Cara Membuat Daftar Isi Gadget Keren di Blog". Semoga Informasinya dapat membantu dan bermanfaat.

Read more »

Cara Pasang Widget Kelelawar Terbang Di Blog

Pada suatu postingan sebelumnya saya sudah membahas tentang cara Pasang Widget Javasript Kupu-kupu Terbang di Blog . Sekarang saya akan berikan tutor Pasang Widget Kelelawar Terbang di Blog,,Nah bagaimana pula kelelawar bisa terbang diblog,,disangka goa kali ya blog kita,,hihii,,bukan sob,,ini semakacam Widget Peliharaan Batman sob ^_^..

Langsung saja ke tutornya sob...

1. Login ke akun Blogger sobat
2. Tata letak > Tambah Gadget > HTML/Javascipt
3. Masukkan kode di bawah ini dan copy paste pada kolom yang tersedia.

 <script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kelelawar.js" type="text/javascript"></script>

     4. Terakhir simpan dan selamat anda telah punya kelelawar terbang di blog nya,,^_^ 

Sumber

Terimakasih anda telah membaca artikel tentang Cara Pasang Widget Kelelawar Terbang Di Blog
Artikel menarik lainnya 

Read more »

Cara Memberi Salju di Blog

Sekarang sudah banyak yang menggunakan Efek salju untuk memperindah halaman blog mereka. Bisa di katakan Efek salju merupakan salah satu efek yang sangat populer di web untuk memperindah halaman. Halaman web kita akan nampak seolah - olah dihujani oleh salju yang turun dari atas ke bawah. sobat dapat melihat tampilannya pada halaman ini. Efek salju ini dibuat dengan memanfaatkan javascript menggunakan tag DIV tanpa menggunakan gambar ( images ) sehingga hasilnya akan lebih ringan dan cepat, Untuk membuat efek salju ini kita gunakan cara yang sederhana tetapi hasil yang cukup memuaskan,...

 Langkah Cara Membuat Effect Bertaburan Salju Di Blogspot sebagai berikut : 

1.   Masuk ke blogger.
2.   Klik Tab Tata Letak.
3.   Klik tambah elemen ( gadget ).
4.   Copy kode scipt dibawa ini

 <script src="http://masterendi.googlecode.com/files/salju.js"></script>

      5.    Add Elemen HTML / Javascript yang tadi
      6.    Paste pada kolom yang tersedia
      7.    Kemudian simpan.

Sumber

Read more »

Cara Membuat Recent Post Bergambar dan Berputar

Sebelumnya saya memposting Cara Tercepat Memasang Widget Recent Post Bergambar sekarang saya akan post bagaimana Recent Post tersebut bisa bergerak seperti dizoom..ini akan bekerja apabila gambar tersebut disentuh kursor mouse,,apablia mouse anda tidak ada maka gambar tersebut tidak akan bergerak2,,

• Login ke Blog anda >> Klik Tata LEtak / Layout >> Add Gadget
• Copy kode di bawah ini 

 <style type="text/css" media="screen">
<!--

/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */

#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}

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

#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha4dQPmwL9DG3baI5TYRDmK7CjHjWAcnpRNLRbxpRITXjlFtrOFDhFw6vbQUTbQrzw0-iyp_GuQKFHeMx93diOSZzyudCpF1pKBZrI5NcCq0ZNTdKygNYAeS02h36sihYyCPcbOiSROdk/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}

#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}

#helperblogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}

#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
}

.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
}

/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */

-->
</style>

<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8IJTYxDmQKvSvJbJnF7zgWGsRUfCHVuQVCHNZEJ9aSiAdg1J-gCXyCL1B0QRjRHAru-gElwU5An9rkIFJNSlvgR9OvS0hzzBgJl7JfX3dgShcnGJsNxltIa9lWa6VXak3jlA5DNZ6_M/s1600/no-thumbnail.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8IJTYxDmQKvSvJbJnF7zgWGsRUfCHVuQVCHNZEJ9aSiAdg1J-gCXyCL1B0QRjRHAru-gElwU5An9rkIFJNSlvgR9OvS0hzzBgJl7JfX3dgShcnGJsNxltIa9lWa6VXak3jlA5DNZ6_M/s1600/no-thumbnail.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8IJTYxDmQKvSvJbJnF7zgWGsRUfCHVuQVCHNZEJ9aSiAdg1J-gCXyCL1B0QRjRHAru-gElwU5An9rkIFJNSlvgR9OvS0hzzBgJl7JfX3dgShcnGJsNxltIa9lWa6VXak3jlA5DNZ6_M/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8IJTYxDmQKvSvJbJnF7zgWGsRUfCHVuQVCHNZEJ9aSiAdg1J-gCXyCL1B0QRjRHAru-gElwU5An9rkIFJNSlvgR9OvS0hzzBgJl7JfX3dgShcnGJsNxltIa9lWa6VXak3jlA5DNZ6_M/s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8IJTYxDmQKvSvJbJnF7zgWGsRUfCHVuQVCHNZEJ9aSiAdg1J-gCXyCL1B0QRjRHAru-gElwU5An9rkIFJNSlvgR9OvS0hzzBgJl7JfX3dgShcnGJsNxltIa9lWa6VXak3jlA5DNZ6_M/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.URL BLOG ANDA.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="helperblogger-widget">
<script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script>
</div>

•  Lalu paste pada kolom yang sudah ada, dan silahkan beri judul sesuai selera anda.
•  Ubah tulisan URL BLOG ANDA dengan URL anda sendiri
•  Klik save lalu lihat hasilnya. Selamat mencoba ^_^

Read more »

Cara Tercepat Memasang Widget Recent Post Bergambar

Nama nya aja TERCEPAT..oke langsung saja sob.

Copy paste kode ini di blog anda sobat,,

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

Cara nya :

• Login akun blogger 
• Tata letak
• Tambah Gadget > HTML/Javascript 
• Masukkan kode diatas 
• Simpan dan alhamdulllah.. waktu anda 1 menit koma 2 detik ( kalau jaringan lancar ) hheheheh ^_^

Keterangan :

width:60px;height:65px diatas adalah ukuran untuk gambar di Recent Post.

var speed = 400; var pause = 3500; diatas adalah kecepatan Slide gambar Recent Post

var numposts = 10; var numchars = 60; diatas adalah 10 Jumlah posting yang akan di tampilkan di Recent Post dan 60 adalah Huruf atau deskripsi postingan yang ditampilkan di Recent Post.

Anda bisa merubah parameter lainnya, seperti besarnya font, warna font, background, lebar dan tinggi kolom atau lainnya sesuai dengan bentuk atau format blog Anda.

 

Note :

Apabila di template anda sudah terpasang kode "jquery" (seri berapapun), maka kode "jquery" diatas tidak usah dipasang lagi..!!.

Read more »

Cara Pasang Widget Baliho di Blog

1. Kunjungi webnya di Widgeo.net
2. Ada akan menjumpai halaman web Widgeo.net seperti berikut

3. Jika sudah Flash Massage


Keterangan :
• No.1 silahkan masukan Teks atau tulisan yang sobat inginkan
• No.2 adalah model-model widgetnya silahkan pilih sesuai kriteria sobat
• No.3 adalah ukuran widget silahkan sesuaikan
• No.4 adalah kategori blog sobat silahkan sesuaikan
• No.5 Pilih No
4. Jika semua sudah diatur centang kotak kecil yang ditunjuka anak panah kemudian klik tombol Get Widget
5. Tunggu beberapa saat akan muncul kode untuk menampilkannya kehalaman blog seperti berikut

6. Sekarang Copy code tersebut masukan kehalaman blog anda dengan cara menambahkan Widget HTML/JavaScript -->Paste Code --> Simpan
7. Selesai

Read more »

Cara Membuat Daftar Isi Tabulasi Keren di Blog

Cara Membuat Daftar Isi Tabulasi Keren di Blog - Bosan dengan tampilan daftar isi yang lama,,sudah saat nya ganti daftar isi yang baru plus keren sob..langsung saja sob ikutin petunjuk ini :


Pertama-tama klik menu Laman pada sidebar. Kemudian, pada menu Laman Baru pilihlah Laman Kosong:

Menambahkan halaman statis baru

Setelah itu Anda akan melihat formulir halaman statis seperti ini. Klik mode HTML:

Pilih mode HTML

Salin kode di bawah ini kemudian letakkan di dalam formulirnya:

 <link rel="stylesheet" href="http://reader-download.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
<div id="tabbed-toc"><span class="loading">Memuat...</span></div>
<a style="display:block;text-align:right;font:normal bold 8px Arial,Sans-Serif;text-decoration:none;margin:10px;" href="http://hompimpaalaihumgambreng.blogspot.com/2012/10/widget-daftar-isi-tabulasi-untuk-bogger.html" title="Tabbed TOC">DTE :]</a>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://nama_blog.blogspot.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // true to show the post date
    showSummaries: false, // true to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // true to show the posts thumbnails (Not recommended)
    monthNames: [ // Array of month names
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum posts result
    preload: 0 // Load the feed after 0 seconds (option => time in milliseconds || "onload")
};
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js"></script>

 
Note : Ganti tulisan merah dengan url blog kamu...
Terakhir Publish atau terbitkan

Read more »

Pasang Widget Javascript Kupu-kupu Terbang di Blog

Penggemar kupu-kupu..??pasang di blog anda,,,cara nya :

1. Login akun Blogger sobat
2. Rancangan
3. Tata letak > Tambah Gadget > HTML/ Javascript
4. copy paste di kolom tersedia 

<script type="text/javascript">
     var Ymax=8; //jarak per langkah kupu-kupu pada sumbu-y
     var Xmax=8; //jarak per langkah kupu-kupu pada sumbu-x
     var Tmax=10000; //durasi langkah dalam milidetik
     var floatimages=new Array();
     floatimages[0]='http://hompimpa.googlecode.com/files/butterfly.gif';
     floatimages[1]='http://hompimpa.googlecode.com/files/butterfly.gif';
</script>
<script src="http://hompimpa.googlecode.com/files/scriptkupu.js" type="text/javascript"></script>

      5.  Simpan dan Lihat hasilnya.

Read more »

Cara Membuat Hujan Uang pada Blog

Duit atau Uang merupakan hal terpokok dalam hidup ini,,tanpa uang kita tak bisa apa2,,nah disini anda bisa kehujanan uang..penasaran bagaimana caranya..??siap2kan payung yg lebar,hihii,,oke langsung ke TKP aja sob..

          

1. Login  ke Blogger sobat
2. Pilih Rancangan
3. Tata Letak > Tambah Gadget > Pilih HTML/Javasript
4. Masukkan kode di bawah ini :

<script src='http://raxterblog.googlecode.com/files/hujanuang.js'/></script>

     5.  Terakhir simpan dan lihat hasilnya..

Selamat kehujanan uang sob,,ntar klau udah dikumpulin bagi2 ya..hhahhaha ^_^

widget lainnya Cara Membuat Efek Daun Berjatuhan di Blog

Read more »

Cara Membuat Efek Daun Berjatuhan di Blog

Tanpa panjang lebar sob saya akan jelaskan buat anda sobat gmn buat Daun Berjatuhan di Blog,,
Cara Membuat Efek Daun Berjatuhan di Blog sangat mudah sob,,ini saya kasih tutorialnya

1. Login ke Blogger sobat
2. Pilih Rancangan
3. Tata Letak > Tambah Gadget > HTML/ Javascript
4. Masukkan kode dibawah ini  kedalamnya : 

<script src='http://raxterblog.googlecode.com/files/hujandaun.js'/></script>

     5. Simpan dan Lihat hasilnya..

Semoga blog anda makin meriah dan fress dengan daun-daunnya,, ^_^

Read more »

Cara Membuat Meteor Jatuh di Blog

Meteor adalah penampakan jalur jatuhnya meteoroid ke atmosfer bumi, biasanya disebut bintang jatuh. Penampakan tersebut disebabkan oleh panas yang dihasilkan oleh tekanan ram (bukan oleh gesekan, sebagaimana anggapan umum sebelum ini) pada saat meteoroid memasuki atmosfer. Meteor yang sangat terang, lebih terang daripada penampakan Planet Venus, dapat disebut sebagai bolide.Jika suatu meteoroid tidak habis terbakar dalam perjalanannya di atmosfer dan mencapai permukaan bumi, benda yang dihasilkan disebut meteorit. Meteor yang menabrak bumi atau objek lain dapat membentuk impact crater.

Berikut cara menambahkan efek Meteor Jatuh di Blog anda :

1.       Masuk Dasbor

2.       Klik Rancangan

3.       Klik Tambah Gadget

4.       Pilih HTML/Javascript

5.       Copy kode berikut

 

   <script language="javascript">
    nd_mode="meteor";
    nd_sound="on";
    nd_vAlign="bottom";
    nd_hAlign="right";
    nd_vMargin="10";
    nd_hMargin="10";
    nd_target="_top";
    </script>
    <script language="javascript" src="http://ubloseven.googlecode.com/files/Meteor.js">
    </script>

       6.       Paste di Jendela HTML/JavaScript

7.       Klik Simpan

Widget lainnya Cara Membuat Hujan Uang pada Blog

Read more »

Cara Membuat Senjata Api di Blog

Selamat siag sobat,,kali ini saya akan mempost sebuah widget Cara Membuat Senjata Api di Blog siapa yang ngak tau sama senjata api,,senjata api ini bisa sobat gunakan sob buat nembak tikus,,burung,,heheheh becanda sob,,Senjata api disini hanya buat blog sobat.,,sebuah widget yang bisa sobat gunakan buat ngusir kjenuhan saat ngeblog..pengen tau gmn cara buatnya langsung saja sob ikutin langkah2 berikut :

1. Login ke Blogger soat
2. Tata Letak > Tambah Widget > HTML/JavaScript
3. Tambahkan kode berikut ini :

<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://carabadut.blogspot.com" target="_blank">Efek Blog</a></center></small></div> 

4. Save widget
5. Lihat hasilnya di blog sobat

Read more »

Periksa dan Cek Berat Blog

Periksa dan Cek Berat Blog - Kalau soal timbang menimbang tidak hanya berupa barang atau berat badan manusia saja  yg bisa diukur orang,sekarang blog bisa ditimbang sobat...pengen tau gimana cara menimbang apakah blog kita berat apa ringan..dalam artian disini berat atau ringan blog akan mempengaruhi kecepatan loading blog itu sendiri..
Apabila sobat senang otak-atik template blog maka sobat harus perhatikan juga mengenai loading blog setelah sobat menambah beberapa widget, karena Google dan pengunjung blog sangat menyukai blog yang loadingnya faster/cepat tidak harus menunggu terlalu lama untuk masuk ke blog anda. Untuk mengecek berat blog sebenarnya dapat langsung menuju ke http://www.iwebtool.com, namun akan lebih praktis jika anda memasang tool cek berat blog di dalam postingan atau di sidebar blog sobat..

Langsung saja ke klinik blog nya sob..

• Login ke Blogger
• Pilih Tata Letak => Tambah Gadget
• Pilih HTML/Javascript dan letakkan kode berikut kedalamnya

<center>
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse;"><tbody>
<tr> <td height="91" valign="top">
<table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td>
<table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td colspan="5" valign="top"><b><span style="font-size: medium;">Silahkan Masukkan URL Blog Maksimal 10</span></b></td> </tr>
<tr> <td colspan="4" valign="top">
<textarea name="domain" rows="11" style="width: 100%;"></textarea></td> <td>
</td> </tr>
<tr> <td>
<input style="float: left;" type="submit" value="Check!" /></td> <td>
<span style="font-size: x-small;">(<a href="http:/saktobek.blogspot.com/">My Note</a>)</span></td> <td>
</td> <td colspan="2"></td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</td> </tr>
<tr> <td>
</td> </tr>
<tr> <td height="39">
</td> </tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
</center>

• Simpan

Ini bisa juga sobat jadikan ke dalam bentuk postingan..cara nya ketika membuat entri baru pilih HTML,,bukan Compose..setelah sobat masukkan kode2 diatas ke dalam postingan tadi baru pilih compose..Sekian dulu sob,,semoga bermanfaat dan anda bisa mengetahui berat blog nya,,terimakasih..

Read more »

CCTV Widget Blog

CCTV berfungsi untuk membantu kita dalam hal penglihatan atau memantau keadaan sekitar tanpa harus ada orang yang berjaga,,pada umumnya CCTV digunakan orang2 pada suatu tempat yang beraroma dengan uang dan jual beli..misalnya di Bank,Atm,Toko,Kantor,Tempat Parkir,dan lain lain,,namun di blogger ngak mau kalah sobat,,ada cctv khusus buat blog,,jadi jika sobat melihat ada beberapa blog yang memasang cctv di blognya maka hati2 lah kalau2 sobat mau copas artikel nya,,karena sang pemilik akan tau siapa yang copas blog tersebut,,hahahaha,,bercanda sobat,,ini hanya widget kok,,cuma buat mempercantik blog aja biar kelihatan formal kayak di kantor2 tu tu,,,sobat berminat,,jika berminat ni saya kasih tutornyanya.

Ikuti langkah di bawah :

 1.Login ke Akun Blogger Sobat.

 2.Klik menu "Tata letak"

 

 3.Lalu "Tambah Gadget"

4.Lalu klik "HTML/Javascript"

5. Copy Salah satu Script di bawah ini ke kotak HTML

     <script language="JavaScript"
    src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1"type="text/javascript"></script><script language="JavaScript"
    type="text/javascript">cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0FGEEsacJr5XWJijejPyp3OdxdqPJOLPdKUhLkh44P4Of57RTie8tvAZpVn0ZGNypkXrzUyKjEQZeZVU4wqt4CMeQjDmVi-NMAKHN-dnHvnw12ABOrggI78zpKW1s9fVSPMZJGTIPcOw/s1600/kamera-pengintai-cctv-1-boytriks.gif") </script>

 

     <script language="JavaScript" src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLc14spCXwf78uQXXHrVI2vFHOQFn2T7liwxaDTamHdjd7-7gvLfBkjmM1EMrngwLYBa6QeYs1Oht0rPDlJRLHMfSh3ue3AHH0Ij8JePpumiCoNNgkvKfzipZPl8FuX-KnCj2cBgHDhTo/s1600/kamera-pengintai-cctv-2-boytriks.gif") </script>

6.Simpan, dan Semoga Berhasil...

 Sumber

Read more »

Cara Membuat Tombol Kembali ke Atas Untuk Blog

1. Login ke Blogger 
2. Pergi ke Tata Letak
3. Tambah gadget
4. Pilih HTML/javascript
5. Copy Paste Kode dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

Atau bisa juga dengan kode ini :

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_NEXZJvXFwyvTNvOWdvjjfNUTM8Y7V8XtlsX3QDaKJKTV8iRs7wIrbqcwQpC3BYFvj3Hz74f2T3CkcmjSa3f96N8WBUZ5aipFsdG00uSlwNpw_MHbRIES3KbokDznGFe-dstQ_Wc5XqS3/s1600/navigate-up-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

      6.  Simpan dan Lihat Hasilnya

Read more »

Cara Membuat Page Number Dengan Warna Unik dan Keren

Page Number sangat berguna sekali bagi pengunjung..pengunjung lebih mudah mencari artikel yg ingin dibaca..pernah kah anda melihat page number pada suatu blog..??ya sobat bisa lihat di blog saya ini contoh page number yg saya maksud..selain tampilannya keren dan bagus juga ada manfaatnya..apakah sobat ingin memasangnya juga..??silahkan di copy paste kode2 dibawah ini sesuka hati sobat..

1. Login ke akun Blogger sobat
2. Klik Tata letak >> Tambah Gadget >> HTML / Javascript
3. Masukkan kode dibawah ini 

 <style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilFibw8bY64HDDegoesqSq9wmRRHhEoDJnmWtBM9JSIT7nT4PmLV1ynoRE1cPpveVsx_kPVtXJHlS_RCiS0rZgmP3crAaUmjhiFF2Jg0TFQzHd29r699yhVtyMAR4EYEqtJjkhmHBCQKw/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilFibw8bY64HDDegoesqSq9wmRRHhEoDJnmWtBM9JSIT7nT4PmLV1ynoRE1cPpveVsx_kPVtXJHlS_RCiS0rZgmP3crAaUmjhiFF2Jg0TFQzHd29r699yhVtyMAR4EYEqtJjkhmHBCQKw/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilFibw8bY64HDDegoesqSq9wmRRHhEoDJnmWtBM9JSIT7nT4PmLV1ynoRE1cPpveVsx_kPVtXJHlS_RCiS0rZgmP3crAaUmjhiFF2Jg0TFQzHd29r699yhVtyMAR4EYEqtJjkhmHBCQKw/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilFibw8bY64HDDegoesqSq9wmRRHhEoDJnmWtBM9JSIT7nT4PmLV1ynoRE1cPpveVsx_kPVtXJHlS_RCiS0rZgmP3crAaUmjhiFF2Jg0TFQzHd29r699yhVtyMAR4EYEqtJjkhmHBCQKw/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nJ72Rxh5mwy7F39_d_Ig2damT6ZDayjjJyLOEQ9YzFc2Om1o1c8E-Dr3P1gG-yNf-RABEgnossPRau84MpX4rKC5_TQEWMxX__YCFFAx1LGsLL62Cwd91pCmCytLPQQy5iHn0Ritbbo/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

 Hasilnya :

 <style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0kQUI0ztcqxgEbFbEF49MlIREAag7AIzJeuoJZzEtSFd838ruZoizlA71DMxERAV_bbauJTTdbbEm5pO1d1bSozTGVbgT40QXQLDw7YTken0vRv1flc5vf2f5nW4I0_MJ1-tY54kRyE/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#EEEEEE;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0kQUI0ztcqxgEbFbEF49MlIREAag7AIzJeuoJZzEtSFd838ruZoizlA71DMxERAV_bbauJTTdbbEm5pO1d1bSozTGVbgT40QXQLDw7YTken0vRv1flc5vf2f5nW4I0_MJ1-tY54kRyE/s1600/yellow-butt.png) repeat-x;background-position:-10px -43px;
border:1px solid #FB5106;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0kQUI0ztcqxgEbFbEF49MlIREAag7AIzJeuoJZzEtSFd838ruZoizlA71DMxERAV_bbauJTTdbbEm5pO1d1bSozTGVbgT40QXQLDw7YTken0vRv1flc5vf2f5nW4I0_MJ1-tY54kRyE/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;line-height:30px;padding:3px 10px;color:#ffffff;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0kQUI0ztcqxgEbFbEF49MlIREAag7AIzJeuoJZzEtSFd838ruZoizlA71DMxERAV_bbauJTTdbbEm5pO1d1bSozTGVbgT40QXQLDw7YTken0vRv1flc5vf2f5nW4I0_MJ1-tY54kRyE/s1600/yellow-butt.png) repeat-x;background-position:-55px -43px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:1px solid #FB5106;-webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px;color:#FFFFFF;text-decoration:underline;font-weight:bold;} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nJ72Rxh5mwy7F39_d_Ig2damT6ZDayjjJyLOEQ9YzFc2Om1o1c8E-Dr3P1gG-yNf-RABEgnossPRau84MpX4rKC5_TQEWMxX__YCFFAx1LGsLL62Cwd91pCmCytLPQQy5iHn0Ritbbo/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script> <script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

 Hasilnya :
 

 <style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwsnRO2FyXoB_1msg8KP9SmjL9g45TWgcoUMloTwduwKYRgYWydAEph1SMUZHP3UZuwJ9Rai5K0UM6B7WttZ00Dj0Lst90RWg1Mrxgb8xWRBTPHCNPi9TkPx7x90Sh67bZO5GHeJt7Oc/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwsnRO2FyXoB_1msg8KP9SmjL9g45TWgcoUMloTwduwKYRgYWydAEph1SMUZHP3UZuwJ9Rai5K0UM6B7WttZ00Dj0Lst90RWg1Mrxgb8xWRBTPHCNPi9TkPx7x90Sh67bZO5GHeJt7Oc/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwsnRO2FyXoB_1msg8KP9SmjL9g45TWgcoUMloTwduwKYRgYWydAEph1SMUZHP3UZuwJ9Rai5K0UM6B7WttZ00Dj0Lst90RWg1Mrxgb8xWRBTPHCNPi9TkPx7x90Sh67bZO5GHeJt7Oc/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwsnRO2FyXoB_1msg8KP9SmjL9g45TWgcoUMloTwduwKYRgYWydAEph1SMUZHP3UZuwJ9Rai5K0UM6B7WttZ00Dj0Lst90RWg1Mrxgb8xWRBTPHCNPi9TkPx7x90Sh67bZO5GHeJt7Oc/s1600/darkblue.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nJ72Rxh5mwy7F39_d_Ig2damT6ZDayjjJyLOEQ9YzFc2Om1o1c8E-Dr3P1gG-yNf-RABEgnossPRau84MpX4rKC5_TQEWMxX__YCFFAx1LGsLL62Cwd91pCmCytLPQQy5iHn0Ritbbo/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

 Hasilnya :
 


   4.  Simpan dan lihat hasilnya


 Semoga bermanfaat!! jangan lupa tinggalkan komentarny sobat..

Sumber : http://luhurfatah10.blogspot.com/

Read more »

Cara Membuat Icon link add facebook, follow twitter, dan newslater melayang di samping blog

Pernah melihat icon  link add fb. twitter, newslater melayang di website atau di blog? nah kali ini saya akan memcoba menulis artikel tentang  Cara Membuat Icon link add facebook, follow twitter, dan newslater melayang di samping Blog . Langsung saja yuk begini cara membuatnya  :

• Pertama Login ke Akun Blogger anda.
• Lalu masuk ke Tata Letak dan add a gadget Pilih HTML/JavaScript.
• Copy kode dibawah ini diatas kode dan masukkan ke gadget yang tadi di pilih :

<div style="display:scroll; position:fixed; top:260px; left:-6px;"> <a class="linkopacity" href="link fabeook kamu" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="http://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png"/></a><br /> <a class="linkopacity" href="link twitter kamu" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png" /></a><br /> <a class="linkopacity" href="http://link blog mu/feeds/posts/default" target="_blank" rel="nofollow" title="Newslater" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/feed.png" /></a><br /> </div>

• Untuk kode berwarna hijau, itu merupakan pengaturan letaknya. 
• Untuk kode berwarna merah, itu pengaturan linknya. 
• Untuk kode berwarana biru, itu pengaturan source gambarnya. 
• Nah setelah semua sudah diatur, tekan Simpan

Semoga Bermanfaat !!!

Sumber :  http://ahmadsuryaniblog.blogspot.com

Read more »

Widget Translate Gambar Bendera untuk Blogger

Langsung saja untuk cara memasangnya, adalah sebagai berikut :

1. Login ke akun Blogger anda
2. Pada dasbor, Klik pada dropdown box dan pilih Tata letak
3. Klik pada Tambah gadget, sesuai posisi yang tersedia, lalu pilih HTML/Javascript
4. Beri judul sesuai selera, lalu Copy code dibawah ini dan paste pada box konten

<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img alt="English" title="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihWfyHSiCBLbMeT1eo6B_9vNoMdx6FqkMhNODPsE5xrgPUwoI3n03k5tfUB-eVwQBKOl55nVTHxRFbKV9LF0e47XtQrSv0rnRESnwzUmF-R1mAnschQq5wTkBCposAywDxfsF-IzY3F6o/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img alt="French" title="French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IDFPY10n3h2M-EdyiEd-7k34JbshKsEPBGJXgXcuUrSIbr_urIqntrYJtgSLevYMlxsG1eHGoAJznnNe8nDGq7PQSHHkR04GsbNWjm5g1ApduUfFm5Lfd3y51ZqyUCd4y_sLV4n85_s/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img alt="German" title="German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM3GKwnytQybb6O1jvHkqxH_xIdVPrWoqVmLz2iAw_WCMpS5BWJ2ROPktMGOW5edf619ODiPzhoxSSk0ygzxiRYjSryBvACyHZS9KY8ZDCaTasfuWyioYemklz8l4Uf22K2gGJAqEM2UYC/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img alt="Spain" title="Spain" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP9vQsDGm02tMPV_nV17yCl7g9mCqpNW1LofIpgZkd9BlqlYQtQV6lDMRBTZopxZwaiILAOu8oJaZgal_rdovBejkPX3n66R7sr-kvlMmeek-l70DQTlokSuyntEjMfY5eruCIeXr8K5kz/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img alt="Italian" title="Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9wpd1c2TjCXYhjrGtKySnZKF7fozhsMuEwPhCGtR9stGQ-L2rzOoUWwv8tZeIONJqZ2FsEpP_tu2B2SXXWcwLzfgGObcc4nb934kec2AxPfH0H3rI2l8Ul_S_8NdfPXn9w8k9-1aDVs/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img alt="Dutch" title="Dutch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA8Us5EGH8m5fz7bF887hZSel1tOnngXNVbPdWfjaSSAj-45JZQvae21vQpH1MQAX0dqs9-F18akMCgpGoBqvSsnfpJekZGDd47D5Ye_0lC6Fbm1Y5LgEAZ-RFhhUJ6-lT5EcCxc5uIWc/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a>
<br/>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img alt="Russian" title="Russian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJQF_byDHz-Ics5hHqFNqo1Z3zzR0lo-RrTYOeB7v3eZSfrDJ8IeT01pXZaewN5EboGOFu5ST9UwiUIbR-JLT9O8KOkKMXkskC3Yitw0gxTGR5OzwNtAtoiIfMVqRwuCteecWOVb96ylU/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img alt="Portuguese" title="Portuguese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd-xZpXG-sTlShBiVsgmIHvfnExBfXvc14ECiOjQ-Dm4rzD12gu3ItbdEVCBvM1hU6G6auq8RPVuU20kfO2XTa29IJ0rkSkTE-Hrgae9BGkQID9KLd9zIvcrp4XNdDcFF4F9-NflT3n50/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img alt="Japanese" title="Japanese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheAoPBFlTjZHkDXLHhLBgbDeCpVbmHXBGlLTJVe8N6KUsbLLfXViL0Yt17b_aVxENEWpwwRaYCw-H7WIA7qwemAvYSDaP0jIH8t_0DoVy9ZmPEOftO1-xp-mZhbZ8lephDlKmJdK6HqY-a/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img alt="Korean" title="Korean" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO3wbqJhx8aju3P89JzZ1tq2k0Y_ERvGwqdUN7Wcu4mVId9sste_4mlRmVsPnH2ZJjxn8gMhszZGNtNuCSfB4BMfQZmSuq9hpEO3DYkVn5UlfTWaXiJWBsXBrfWLsb445gS8p3b_p9Ddg/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img alt="Arabic" title="Arabic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNh6eQ7vl8bZgasJTrFiqmis8uktoyzSzujp2x5ilVK6gEWOKYQLDjbBNYlmM0058idJ2QBdoQw78E0o9vS_PPksV9cc6AtIkEGqGfl2IBgZAtmX1Isf3d-k3MhfMeoxovQof2W8XDZAg/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> <a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2110924370314170989&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaGezreBb_SYeGLOfbwzkyd6H2zQsLO_1BqL9WA-Xj5xM9l_XV08ZRtRNClrlXvDZ4iFNGIplZ-L8HBDnxeC1-UsQZQApxUFvzYBEPane6-q6SA75JYnkTWbXlQJcVM7gEr2LHF6jJbRU/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" align="absbottom" border="0" height="32" /></a> </div><div style="font-size: 10px; margin: 10px 0px 3px;"></div>

  5. Simpan

Read more »