cara membuat poluler post berjalan kebawah

     malam sob,, Popular post merupakan artikel yang sering dibaca para pembaca pada sebuah blog. popular post ini biasanya ditampilkan di sebelah kanan atau kiri atau di bawah sebuah postingan sesuai keiginan kita. ada beberapa fmodel widget popular post yang sering ditampilkan adalah dengan memasang kode HTML/Java Scipt agar popular post bisa berjalan kebawah seperti pada blog saya ini. Hal ini tentu akan meambah tampilan blog kita menjadi lebih menarik.

langsung saja ikuti langkah dibawah bila ingin mencoba :

Berikut caranya :

1. Masuk ke Blog
2. Pilih Rancangan
3. Tambah Gadget "Entri Popular" ( Jika gadget entri popular/ popular post sudah ) langsung saja menuju>
4. Tambah Gadget "HTML java scrip"
5. Copy kode di bawah ini dan paste pada gadget HTML java scrip tadi

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

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:600px;
    
}

#PopularPosts1 ul {
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#PopularPosts1 li {
 width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {float:left;margin-right:5px;background:#EFEFEF;border:0;}

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

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {color:#3E4548;text-decoration: none;}

#PopularPosts1 .spyWrapper {height: 100%;overflow: hidden;position: relative;}

#PopularPosts1 {-webkit-border-radius: 5px; -moz-border-radius: 5px;}

.tags span,
.tags a {-webkit-border-radius: 8px; -moz-border-radius: 8px;}

a img {border: 0;}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://bangjefri-code.googlecode.com/files/popularpost.js" type="text/javascript"></s

6.  Gadget "HTML java scrip  jangan di kasih nama sob, lagsung saja klik simpan

memubuat iklan melayang menutupi post dengan klik 2x close

malem sob, saya akan ngepost sebah cara jitu untuk meningkatakn penghasilan PPC, yaitu dengan cara memasang iklan melayang menutupi artikel atau posting, tapi dampak melakuan cara ini adalah pengunjung menjadi malas berkunjung ke blog kita karena menambah timing untuk mengklik iklan melayang tue..kesimpulanya... semua tergantung kepada sobat, mau mencoba-coba Cara Membuat Iklan Melayang dengan 2 Kali Klik Close, langsung ajah ikuti langkah di bawah :

1. Seperti biasa, buka Akun blog kawan.
2. Masuk ke Tata Letak / Rancangan 
3. Pilih Tambah Gadget / Add Widget
4. Pilih elemen HTML/Javascript
5. Copylah Scrip di bawah ini, lalu paste ke Gadget / widget yang ingin anda tambahkan tadi.

<style type="text/css">

#gb{ position:fixed; top:10px; z-index:+1000; } * html
#gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; }
</style>
<script type="text/javascript">

function showHideGB(){ var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ?
moveGB(0, 30-w) :
moveGB(20-w, 0);
gb.opened =
!gb.opened; }
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} }
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<div style="text-align: right;">
<a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div>
<center> 

silahkan tempatkan kode iklan

</center>
<script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>

6. Simpat Gadget / Widget yang barusan anda buat.
7. Simpan Template anda. Lalu publikasikan. Lihat Hasilnya.


NB: 

• Silahkan ganti huruf yang berwarna biru dengan angka sesuai posisi yang anda inginkan.
• Silahkan ganti huruf yang berwarna merah dengan kode iklan, kode banner yang anda inginkan.

cara memberi efek terlipat di blog

kalai in saya akan memberikan script untuk memebuat efek terlipat dalam blog, ok" langsung ajahh di coba dan ikuti langkah - langkah di bawah :

1. login ke blogger
2. pilih template atau rancangan
3. pilih edit html
4. Beri centang pada Expand Template Widget, cari kode </head>,Gunakan Ctrl+F utuk memudahkan mecari code.copy code dibawah ini dan letakan di atas code </head>.
5. copy script ini =>>   <SCRIPT  type='text/javascript'>var tujuan  ='http://goombesh.blogspot.com/'</SCRIPT><SCRIPT  src='http://goombesh.googlecode.com/files/page_peel_efect.js '  type='text/javascript'/>

Catatan : Ubah alamat link http://gooombesh.blogspot.com/ menjadi alamat link yang sobat kehendaki. kalo udah simpan deh. dan lihat hasilnya. 

NB: Jika widget ini tidak berfungsi mungkin sobat ada melakukan kesalahan dalam proses.jika sobat sudah melakukan langkah2 dengan benar, tapi masih tidak berfungsi.berarti template blog sobat tidak bisa memakai widget ini.

membuta efek gambar berputar di blog

tampilan blog memang perlu karena tampilan blog yang cantik dan menarik akan membuat pengunjung blog kita betah berlama lama Stand by di blog kita. Cara Membuat Gambar Berputar Tersentuh Cursor

Cara Membuat Gambar Berputar Tersentuh Cursor :

• Login Blogger

• Edit Template expand template widget Cari kode  ]]></b:skin>

• Letakkan kode di bawah ini di atas kode   ]]></b:skin>

1.  Gambar berputar d posting blog

 post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}
.post img:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;} 

2. Gambar berputar dan membesar di posting blog

.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}
.post img:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

3. Semua gambar berputar

.img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

4.hanya gambar commen

.comment img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}
.comment img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

membuat efek banjir di blog

kali ini saya akan memosting artikel untuk mendesain blog yaitu membuat efek banjir d dalam blog, langsung ajah ke permasalahannya:

1. Masuk ke dasbor

          >>piilih rancangan
          >>masuk tata letak
          >>addd Gadget
          >>pilih html/javascript
          >>copy paste 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://raxterblog.googlecode.com/files/efekbanjirdiblog.js"></script>

nb: tulisan yang warna merah untuk mengedit ukuran seseui selerah anda

Cara Membuat iklan melayang di tengah

kali ini saya akan memosting  cara Membuat iklan melayang di tengah, baik saya ngak panjang lebar langsung ajah...

1. login ke blog kalian
2. Klik rancangan atau design
3. tambahkan widget
4. dan pilih html/javascript
5. copy dan paste code dibawah ini

<style type="text/css">

#topbar{

position:absolute;

left:9px;

border: 2px red;

padding: 2px;

background-color: #f2f2f2;

width: 350px;

visibility: hidden;

z-index: 100;

}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 30 //set x offset of bar in pixels

var startY = 5 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}

function staticbar(){

 barheight=document.getElementById("topbar").offsetHeight

 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

 var d = document;

 function ml(id){

  var el=d.getElementById(id);

  if (!persistclose || persistclose && get_cookie("remainclosed")=="")

  el.style.visibility="visible"

  if(d.layers)el.style=el;

  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};

  el.x = startX;

  if (verticalpos=="fromtop")

  el.y = startY;

  else{

  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

  el.y -= startY;

  }

  return el;

 }

 window.stayTopLeft=function(){

  if (verticalpos=="fromtop"){

  var pY = ns ? pageYOffset : iecompattest().scrollTop;

  ftlObj.y += (pY + startY - ftlObj.y)/8;

  }

  else{

  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

  ftlObj.y += (pY - startY - ftlObj.y)/8;

  }

  ftlObj.sP(ftlObj.x, ftlObj.y);

  setTimeout("stayTopLeft()", 10);

 }

 ftlObj = ml("topbar");

 stayTopLeft();

}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</script>

<div class="clear"></div>

<div id="topbar">

<div style="text-align:right">

<a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>TUTUP (X)</button></span></a></div><a style="font-weight: bold; color: black(51, 255, 51);">

</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""><h2><center>Terima Kasih Sudah Berkunjung Di Like Ya Gan.</center></h2></a>

</p>

<left><table style="width: 700px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">

<center>

MASUKKAN KODE IKLAN YANG DIINGINKAN DI SINI atau kode facebook page

</center>

<p></p><p></p></td></tr></tbody></table></left></div>

6. simpan

memberikan efek salju & daun berjatuhan, kelelawar, burung dan lain - lain pada blog

ok",, mat kalai ini saya akan memerikan cara memberikan efek salju berjatuan, daun berjatuan, love berjatuhan, bintang berjatuhan, kupu - kupu berkeliaran, kelelawar berkeliaran, burung terbang kemana mana, ok",,, mat", langsung ke inti saja :

1. Sign in di Blogger
2. Kemudian pilih "Rancangan"
3. Klik "Tambah Gadget"
4. Pilih "HTML/Javascript"
5. Copy kode scipt dibawah ini (jangan serakah,, Pilih Salah Satu Script Yang Umat Suka ajah,,):

1.  Salju Berjatuhan
   
   Code:
       <script language="javascript" src="http://zianxfly.250free.com/js/saljucursorblack.js"></script>
2.  Daun Berjatuhan
   
   Code:
       <script src="http://arti.master.irhamna.googlepages.com/daun.js"/></script>
3.  Love Berjatuhan
   
   Code:
       <script src='http://anas.ku93.googlepages.com/lovingheart.js'> </script>
4. Kupu Kupu Berterbangan
   
   Code:
       <script src="http://h1.badwaresite.www/pendi05/kupu.js" type="text/javascript">
5. Kelelawar Berterbangan
   
   Code:
       <script src="http://h1.badwaresite.www/pendi05/kelelawar.js" type="text/javascript">
6.  Bintang Berjatuhan
   
   Code:
       <script src="http://h1.badwaresite.www/pinginbelajar/bintangberjatuhan/30.js" type="text/javascript"></script>
7. Burung Beterbangan
   
   Code:
       <script language="JavaScript1.2" src="http://www.geocities.com/yono_pati/burung.js"> /*********************************************** * Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/ * Please keep this notice intact ***********************************************/ </script>

menambahkan efek lipatan di halaman blog

ok Mat,, kali ini saya akan memberi Panduan Cara Membuat Efek Lipatan Pada Halaman di Blog. Panduan saya ini saya khususkan untuk para blogger pemula. Efek lipatan pada halaman di blog disebut juga "Page Peel Effect". Sebenarnya fungsi dari pembuatan efek lipatan ini hanya untuk membuat tampilan blog tersebut lebih unik dibanding blog lainnya. Dalam perkembangannya, efek lipatan ini dirasa sangat menarik. Sehingga efek lipatan ini banyak dipakai oleh blogger. Perlu diketahui, uniknya dari efek lipatan ini kalau sobat mengarahkan kursor mouse sobat di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya.    ok".. Mat langsung ajah ke pemanduhannya :

1. Login ke Blogger
2. Klik Template
3. Klik Edit HTML
4. Klik Lanjutkan dan beri tanda centang pada tulisan "Expand Widget Template"
5. Cari kode <b:skin><![CDATA[
6. Copy dan Paste kode di bawah ini, tepat di atas kode <b:skin><![CDATA[                        <script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
   <script type='text/javascript'>
   $(document).ready(function(){
   $("#pageflip").hover(function() {
   $("#pageflip img , .msg_block").stop()
   .animate({width: '307px',height: '319px'}, 500);
   } , function() {
   $("#pageflip img").stop()
   .animate({width: '50px',height: '52px'}, 220);
   $(".msg_block").stop()
   .animate({width: '50px',height: '50px'}, 200);
   });
   });
   </script>
7. Lalu cari kode ]]></b:skin> dan letakkan kode berikut ini  di atasnya                            #pageflip {
   position: relative;
   }
   #pageflip img {
   border: none;
   width: 50px; height: 52px;
   z-index: 99;
   position: absolute;
   right: 0; top: 0;
   -ms-interpolation-mode: bicubic;
   }
   #pageflip .msg_block {
   width: 50px; height: 50px;
   position: absolute;
   right: 0; top: 0;
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJgO7jMjmABUkatJOPMC-GFuMdVEvLG4M6DK8oE0ezkf3Rw5kVxF1Adr3lDqsXqAUV1nF4z18BSCgFM4kylHNu1G8zebb1hVYWVlyueGmwsS0nN2oBJKXm051xdBVSaGjM724RlbBUC5nw/) no-repeat right top;
   text-indent: -9999px;
   }
8. Cari kode <body> dan letakkan kode berikut ini di bawahnya.                                                <div id='pageflip'>
   <a href='masukkan alamat Rss kalian' target='_blank'>
   <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6E_9T5zjxLqHbFRjegx2MH1TugbnqqChHj9Ea4Q1PEnEkPHIFBVp9hwZxcTlG9_Fpr8XN8Mtl4xPtbQqEpwIYJqP3g-W5hHnwDibt4sLM_-YO1oDb34KYli-CyKcRYRxSj_4lglK8y7O9/'/>
   <span class='msg_block'/>
   </a>
   </div>

memeberikan efek banjir ari di blog

sob... udah denger dengan kata banjir belum saya yakin kalian pasti hafal dengan kata bajir khususnya sobat dari ibu kota, Banjir memang sudah biasa kita dengar, banjir disebabkan oleh banyak faktor, diantaranya membuang sampah sembarangan dll, damapak banjir banyak kerugian yang diakibatkannya baik kerugian materi maupun jiwa, tapi kali ini jika sobat melihat suatu blog menggalami pencana alam banjir,,??apa yang harus sobat lakukan..?? kalau bagi saya mah dibiarin aja sob,toh ngak bakalan ada kerugian materi maupun jiwa, hazk hazk hazk hazk ^_^

Oke sob,, tanpa menyelewengkan topik dari judul artikel ini, sebenarnya ini adalah sebuah widget untuk blog bagi sobat yang suka otak -atik dengan blognya, kali ini saya mau memberikan sebuah Cara Membuat Blog Banjir Tergenang Air dilengkapi ikan di dalamnya,

langkah-langkah pembuatan :

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 dan lihat hasilnya, mudah -mudahan berhasil

memberikan efek api berkobar di dalam blog

mat pagi sob, mumpung lagi lubur sekolah Pada postingan kali ini Saya akan kembali membagikan salah satu Tutorial Blogger yang sangat menarik dan mudah namun pengunaan, Tutorial ini akan membuat halaman Blog akan menjadi keren dan angker
Pasti Sobat Blogger sudah mengerti dengan Tutorial Blogger kali ini hanya dengan melihat Judul diatas dan langsung saja untuk cara membuatnya Sobat bisa ikuti dibawah ini :

1. Pertama silahkan Sobat Login Ke Akun Blogger
2. Masuk Rancangan lalu pilih Edit HTML
3. Centang Expand Template Widget.
4. carai kode </head>,biar lebih cepat alat pencarian menggunkan ctrl+f
5. copy kode di bawah :                                                                                                             <script src='http://filiex.googlecode.com/files/fireby-filiex.js' type='text/javascript'/>
6. Taruh Kode Diatas, ini Tepat diatas Kode </head>
7. Selanjutnya Simpan Template Sobat.
8. Terakhir Lihat Hasilnya, dan muda - mudahan berhasil

tutorial daftar feedburner

   kali ini saya kana memberikan tutorila cara mendaftar feedburner yang begitu mudah dan simple. sebelum langsung ke tutorilnya ngak ada salahnyakan untuk memperjelaskan sedit tentang feedburner.
   Feedburner adalah layanan gratis dari google yang disediakan untuk melakukan manajemen serta kontrol feed suatu blog/website yang lebih maksimal. feedburner juga mempublikasikan suatu blog/website dengan cara menyebarkan konten dan rss feed. Sehingga secara tidak langsung, blog/website sobat sudah di promosikan oleh feedburner
     Feedburner memiliki banyak fitur yang sangat bermanfaat. satu conto yaitu layanan yang memudahkan pengunjung blog sobat untuk berlangganan konten blog melalui e-mail. Ada juga fitur yang memungkinkan sobat untuk melakukan kostumasi feed, publikasi feed, optimasi feed dan masih banyak lagi.

ok sob langsung ajah ke tutorilanya :

1. Pertama-tama masuk ke feedburner.google.com dan login menggunakan akun google sobat
2.  Di halaman awal feedburner, lihat pada kolom Burn a feed right this instant. Masukkan url feed sobat pada form dibawahnya. Contoh: http://goombesh.blogspot.com/feeds/posts/default *ganti tulisan biru
3. Selanjutnya, feed akan terverifikasi. Nah, feedburner akan secara otomatis title (nama feed) akan diambil dari feed blogger. Url feedburner pun otomatis akan diambil dari feedburner. Tetapi, jika sobat ingin merubahnya, silahkan merubah sesuai keinginan sobat. Jika sudah klik Next
4. Proses pembuatan feed selesai, bila sukses nanti ada konfirmasi seperti "congrats! your feeburner feed is now live. want to dress it up a little". Setelah itu sobat akan ditawarkan untuk menambah fitur feed stats (statistik feed). Kemudian klik Next 
5.  Beri centang pada Clickthorughs dan I want more! Have Feedburner Stats also track. Khusus untuk podcast blog/website beri centang pada Item inclosure downloads tetapi bila status blog sobat biasa. Jangan di centang. Jika sudah klik Next
6. Proses pembuatan feed di feedburner pun akhirnya selesai. Kini sobat tinggal memasang link feedburner dimanapun agar pengunjung mudah menemukan link feed sobat

membuat efek membesar saat tersentu cursor pada gambar postingan

ciank sob,,,, sobat pernah lihat gambar di artikel menjadi membesar ketika tersentu cursor, Dalam dunia blogging fitur seperti ini sering di jumpai dan disebut juga dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. fitus sepererti Hover Zoom Smooth Effects ini emang lumayang di minati sob para logger mahir dan pemulaseperti saya ini.


ok sob langsung ajah masuk ke langkah-langakah pembuatannya:

1. masuk ke blogger sobat
2. pilih template=> edit HTML
3. cari kode ]]></b:skin> biar lebih cepat dalam pencarian tekan CTRL+F pada keyboard
4.  truss, copy code dibawa :

post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

  5. paste kode yang barusang di copy tepat di atas ]]></b:skin>
  6. tugas terakhir, klik simpan
  7. buka blog sobat dan coba lihat hasilnya  

membuat sitemap blog ke google webmaster

      salam kenal sob,,, apakah kalian udah pernah denger tentang sitemaps? ea udah.. saya akan jelasin sedik tentang google sitemaps.

    sitemaps berfungsi sebagai rujukan Search Engine melakukan crawling halaman website/blog. pada layanan raksasa mesin pencari Google Webmaster Tools, Bing Webmaster Tools dan  Yahoo Webmaster Tools dan yang lain sebagainya. Dengan begitu, otomatis proses indeks menjadi lebih efisien dan cepat mencatat semua halaman homepage, subpage oleh (robot Google).

itu saja sob penjelasanya, ok" langsung ajah.. ke cara pembuatanya, sebelum sobat membuat sitemap di google sitemap, sobat harus daftar dan submit log ke google webmaster tool, jika udah daftar langsung ajah langsung ke langkah-langkah pembuatan

1. login ke Google Webmaster Tools http://google.com/webmasters/tools/, 
2. Klik link website/blog Anda,
3. klik perayapan disebelah kiri maka akan muncul antrian, pilih peta situs
4. klik tamabahkan peta situs di pojok kanan atas.
5. isilah kolom yang telah muncul dengan Url Feed blogger atau pakek contoh dibawah

• kalau defaulnya     = > http://goombesh.blogspot.com/feeds/posts/default
• SEO sitemap bisa menampung 9999 post/artikel => http://goombesh,blogspot.com/feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc
• ataupun artikel/postingan sobat lebih dari 1000 sobat bisa mengunakan => http://goombesh.blogspot.com/atom.xml?redirect=false&start-index=1001&max-results=1500

perhatian :
copy url di atas yang waran hijau ajah karna dialah sitemapnya,  yang merah ngak usah di ikutkan
  
    6. setelah seleai copy/paste kode, akhiri dengan, klik mengirim peta
    7. tunggu loading selesai, jika sobat melakukan semua langkah diatas dengan  benar, saya 
        ucapkan  selamat untuk sobat, sobat telah berhasil,,,.!

 

cara mengedit laman asli template

salamat malem sob, kali ini saya akan memberikan trik cara mengedit laman bawan template,  dulu saya coba mencari cara di mbah google untuk memecahakan masalah ini dan akhirnya saya menemukannya dan cocok di blog saya, ea mudah-mudahhan trik ini juga cocok untuk template anda


1. Login ke Blogger.
2. Masuk pada bagian Template.
3. Pilih Edit HTML.
4. Centang pada bagian kotak Expand Template Widget.
5. Cari kode <div id='NavbarMenuAtas'> dengan menggunakan ctrl+F (Untuk halaman diatas header).



Perhatikan Kode di Bawahnya

<li><a href='/'>Home</a></li>
<li><a href='/p/link-exchange.html'>Sampel Page</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Privacy</a></li>
<li><a href='/p/link-exchange.html'>Link Exchange</a></li>
<li><a href='/p/sitemap.html'>Sitemap</a></li>
<li><a href='#'>Pasang Iklan</a></li>

6.lanjutunya, trik cara mendedit halam di bawah header cari kode

<div id='NavbarMenu'>

Perhatikan Kode di Bawahnya

<li><a href='#'>Entertainment</a></li>
<li><a href='#'>Blogging</a>
<ul><li><a href='#'>Blogger Templates</a></li>
<li><a href='#'>Tutorial</a></li>
<li><a href='#'>Widget</a></li>
</ul></li>
<li><a href='#'>Tekno</a>
<ul>
<li><a href='#'>Komputer</a></li>
<li><a href='#'>Handphone</a></li>
<li><a href='#'>Software</a></li>
<li><a href='#'>Antivirus</a></li>
</ul>
</li>
<li><a href='#'>kusir</a></li>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Tools</a>
<ul>
<li><a href='#'>Kode Warna</a></li>
<li><a href='#'>HTML Parser</a></li>
<li><a href='#'>gurun gobi</a></li>
</ul></li>
<li><a href='#'>Health</a></li>
<li><a href='#'>jenis</a></li>
<li><a href='#'>Video</a></li>
<li><a href='#'>Foto</a></li>
<li><a href='#'>Google Plus</a></li>
<li><a href='#'>wichat</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>time</a></li>



Catatan:
Untuk tulisan berwarna biru adalah URL halaman.
Untuk tulisan berwarna merah adalah Judul halaman.
Untuk kode yang berlatar abu-abu adalah Sub Menu pada menu di atasnya.







 

7. Editlah kode-kode halaman di atas sesuai keinginan sobat. Sobat bisa mengganti/memasukan URL halaman, mengganti Judul halaman, menambahkan halaman atau mengahpus halaman yang tidak terpakai.
8. Lihat dulu hasilnya lewat Pratinjau.
9. Simpan Template

Cara membuat widget SMS GRATIS di blog

      "semalat,,,, malem/siang/sore/pagi, enak kali ea kalo di blog ada sms gratis, ea jelas enak lach "secara gratis gitue,,,!, dan malem ini saya akan memberikan tutorial cara membuat SMS GRATIS di dalam blog,  widget ini sangat berguna sob mungkin di suatu saat kita lagi PULMAH alias pulsa lagi lemah kita bisa manfaatin nie widget SMS GRATIS, ea udah sob dari pada ngoceh sendiri langsung ajah ke tutorianya jah...

1. silakan sobat masuk tata letak
2. tambahkan widget
3. pilih HTML/Javascript
4. terus masukkan script di dawah ini :                                                                                    <iframe frameborder="0" height="249" marginheight="0" marginwidth="0" scrolling="no" src="http://sms-online.web.id/widget" width="200"></iframe>
5. kemudian save  

Cara dapatkan Domain .com .net .us Gratis selamanya

kali ini saya akan berbagi tips dan trick tentang Cara mendapatkan domain gratis selamanya . siapa sih yang gak mau domain gratis ? 
dengan domain khusus seperti com , us , org , net , dll . website kita akan terlihat lebih profesional .maka dari itu saya akan memberikan cari bagaimana caranya mendapatkan domain gratis dengan mudah dan gratis untuk slamanya . langsung saja saya berikan carany.

Langkah-langkah dan cara Mendapatkan Domain (Com , Us , Org , Net , Dll ) Gratis selamanya :

• Pertama tama kalian mendaftar dulu ke Get Free Domain.us Klik banner di bawah ini

• Kedua , setelah kalian mendaftar di sana , silahkan mencari referer atau mengikuti surveynya
• ketiga , setelah semua selesai kalian tinggal memilih domain yang kalian mau , domain itu gratis untuk slamanya.cukup sekian pembahasan tentang Domain (Com , Us , Org , Net , Dll ) Gratis selamanya
  
  

Cara membuat slideshow postingan

pengend punya wiged kaya' disamping ini
tapi nga' tau cara bikinya.
sebenarnya gampang og cara bikinya kita hanya butuh
sebuah kode html java skrip.
nih ane kasih kode java skripnya.

 


Langkah-Langkah membuat slid show post

1. pertama Login Ke Blog Anda
2. Trus Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)
<style type="text/css">#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:85px;padding:5px;list-style:none;} #rp_plus_img a{color:#000;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;} </style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://slidshower.googlecode.com/files/Slideshow%20Postingan.js"></script><script type="text/javascript">var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script><ul id="rp_plus_img"><script style="text/javascript">var numposts = 5; var numchars = 20; </script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>
3.Lalu klik save atu simpan selesai deh sekarang lihat perubahanya.