Cara Memasang Widget Bendera Visitor Di Blog

 Jumpa lagi di Blog wongmbeneh, Kali ini wongmbeneh akan share Cara Memasang Widget Bendera Visitor Di Blog. Hmmm Pasti sudah banyak yang tahu tentang widget ini tapi bagi yang belum Silahkan saja di simak.

Baca juga:

1. HISTATS | CARA MEMASANG HISTATS DI BLOG
2. CARA MEMASANG WIDGET FACEBOOK POPUP LIKE BOX

Oke Silahkan anda pergi ke http://flagcounter.com

1. Lakukan Penyetingan widget

• Maximum flag to show : jumlah bendara yang akan ditampilkan
• Columns of flag : jumlah kolom bendera
• Label on top of counter : nama dari counter flag
• Background color : warna latar dari counter flag
• Text color : warna tulisan
• Border color : warna garis tepi dari counter flag
• Show country flag : untuk menampilkan kode negara
• Show pageview : untuk menampilkan jumlah halaman yang dikunjungi

         2. Klik GET YOUR FLAG COUNTER
      3. Lalu akan Muncul Kode HTML kemudian Pasang di blog anda.

Bagaimana Mudahkan Cara Memasang Widget Bendera Visitor Di Blog,Sekian dulu posting dari blog Wongmbeneh, Bila ada yang kurang dimengerti silahkan postkan komentar di bawah 

Cara Memasang Widget Translate Di Blog

   Pada postong kali ini saya akan membagikan Cara Memasang Widget Translate Di Blog. Oke langsung saja disimak.
Baca juga:
1. cara memasang auto readmore di blog
2. cara memasang menu dropdown melayang
3. cara memasang histats di blog     

#widget translate dengan gambar.

1. silahkan anda masuk ke akun blogger.

2. Pilih Tataletak lalu pilih Add Widget-->HTML

3. kopikan kode berikut.

<center>
<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="" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVUIBYVevpB64ubjWA5GZtVAGKX5-EBVy6grQgHw3wXZvyl-pAn84NEvspWF_dpjUV_Wu4oTvWe6ckOwTWay9VMNvetr3aieGHLxva9NG9CgaB5gX3xyuRoA3QUs2AtRBYeheWO0pOsXI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijNrhRaP6wA3WQDdxnkfhL-tkSRN1fgldVpUecpyV6MLks1gkf8wB-v6WEEyxbm4DVnUVjqptza9wNWp2DrPZ9JLM8FqTUW5mdwW3cLeASfpYpKntZD4CSUaLiLpyKoUC9a0zIWCmIN14/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprHBQJ8YO8EVduS1EmhzjtL-yyTwpaJQjKn5QqAjTF507nOgjDK0lVrEOCqsYNjkXHDTN8oSQ0EZ5wfBse0uepPzWiqP5_cu3prJzfB5P97rWBQQvPw_3FBvSDut-BbYOEbDn0MKGSf-M/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMl3ZDAweGzOv8a_4j-rUwRUVVVgkpYV9ztqJ4jJbKUrYxJcqodzgPU74rmX-4nX6Xr6j6xWvDnsv_74xrRn1Qe-2-DYq_DwW4WbEfPmMNoxk4EGVIZm-BfQsQYrfC2b8e73wsMG-FK72g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbfqmKllOuPLJTUJRY9UkBf9g22gH-NsfjUiax40ZmP5oyXJX0gT83E9bCHemiT1stPKPWuKfMpkCgI5KVaM67vPDx4lAmrrnnL-hwf0-XmHR0NrubXgLdoX6IHZk3nrGSloqrxCg9-Q/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiveoJgS2SoJtzORb_RAIyUXeMIXipatSh8WqP-5KFh5TUeoAHLqx1Wq536g4sIwX2L7JEck-KpInmh7naTXgBMO0CLg_RLJFh9ISw-SYPdxGgerspn88ux8LID0iZyMVotdfYW_638MG0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<br /><br />
<a class="google_translate" href="#" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWKp3lMD_jnXLkMZF-X_CfuQhMY5a6zoHLpmy5FOa1TppYSPITHTWl7NdWLDJzL6uL1EIAjTFz2A1C1V6clfEzln2qbi3Dhquu78fH-IleXxo2FFbKsenXE-9Ho5ACyBNmCEvGvhgwKB4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr-WWGFvR-SpRVPyQgfmoec5DkmzKCuX0-RljUu8nP_kdG39z_GWTviQuI-9seT7gHOIVzoeOjvr4CYxVEyCQL0srUoyEUvBwV46_IfdwkHFhkFf_haByoUk1PFQYYClb8pkbNwDcRr6Q/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDlI2doC8C70hML6jiON3abaJprMmcox8Be6XDGXD2Yz8KFBaGqK9ATRl0lesoADCMq6tXXZtQfNWxUgdnl7Uzjg7uX8juEcT56jSI-Fv7jiAa2elaoL7lX2FdYt8Y3Xy5yXifVZKg6fWO/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-dslf5bm7sRaA8VxcIIl8QZI9tJAuT0GqjrrCszCTld_4_f9AcQTf-WnsTxmK50Ya4L7G5KFEJowEEXlLRPOAv7cGR1z-2uKg-8-cRPxmRNmnl8E1wXdntYOxR_OQrseAHl0yAV5y_4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0m4mlxUzsROT4oVZmvSlEbtqwbepwuadPcAXzi_0VhPBn12DmM1CYgNiwTtgHlCeDyhV_b26P0uH9QLtKn6NHaGLpD4az0nheJk-FUOlizIkPiiZNjQN_FTBr2sb-YZ12ti6hyZMSVc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZinUfcPEHHDfjF4-K9dGBluDIsUitk6TraH7L6NaLyL3m_bfuwCZukZQ0gx1Szf06njcSmzPwH2oyaIEISfdt3ztfl5K4_snRaOZstAH6MOsSNdF5A9V5RVPm15xGSY8GEnSYOUaPpTU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
</div></center>
<div style="text-align: center;">
<a href="http://adf.ly/cFCXT" rel="nofollow"target="_blank"><span style="font-size: 8px;"><i>Dapatkan Widget Ini</i></span></a></div>

4.klik save.

hasilnya :

#Widget translate tanpa gambar

1. Masuk ke blogger.

2. Tataletak lalu Add widget --> HTML

3. Pilih Translate

4. Klik save.

Hasilnya:

Bagaimana Mudahkan Cara Memasang Widget Translate Di Blog, Sekian dulu posting dari blog Wongmbeneh, Bila ada yang kurang dimengerti silahkan postkan komentar di bawah 

Cara Memasang Breadcrumb Di Blog

  

       Breadcrumb adalah navigasi seo sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat.
pada dasarnya search engine akan selalu membaca label setiap postingan blog, karena pada saat ini google tidak menggunakan meta tag keyword untuk mengindeks suatu website atau blog, perhitungan google pada saat ini ialah label dan meta description. Maka semakin relevan sebuah label dengan isi postingan, maka akan semakin cepat mendapatkan kesempatan tampil di halaman depan google.
Oke langsung saja simak Cara Memasang Breadcrumb Di Blog.

1. Login ke Blogger .
2. Pilih TEMPLATE lalu EDIT HTML.
3. Kopikan kode dibawah diatas kode ]]></b:skin>

.breadcrumbs{ 
padding:5px 5px 5px 0; 
margin:0;font-size:95%; 
line-height:1.4em; 
border-bottom:4px double #cadaef}

4. Setelah itu cari kode seperti <div class='post hentry'>
5. Letakkan kode berikut di bawah nya.

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

6. Simpan Template.

Bagaimana Mudahkan Cara Memasang Breadcrumb Di Blog, Sekian dulu posting dari blog Wongmbeneh, Bila ada yang kurang dimengerti silahkan postkan komentar di bawah 

Cara Memasang Menu Dropdown Melayang

   Pada kesempatan kali ini saya akan share Cara Memasang Menu Dropdown Melayang. Menu DropDown yang satu ini akan melayang atau tetap apabila kita menggeser tampilan kebawah.
Oke silahkan anda simak cara memasang menu dropdown melayang berikut:

1. Login ke akun blogger anda.
2. Klik tataletak kemudian pilih add widget.
3. Kopikan kode berikut.

<style type='text/css'>

#top-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUpwnmOqtzaoztj_N4gPHdzyi55z96VjIOvmtvesGcVhxmLU0Tv6hRrHHiu0dKtcrateHdetzMksXpdP89cMTlUmJ92rHu8UfhT_dlK9KpavaJJHdQQu16sZBeX42gbl1RzLQUaG3pkWo/s1600/menutop.png) repeat-x;width:100%;margin:0 auto;padding:0 auto;-moz-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);border-bottom:1px solid #444;border-top:3px solid #f1c822}
#topbar{width:980px;height:40px;margin:0 auto}
#top{width:100%}
#top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#top a{display:block;text-decoration:none;font:normal 11px Arial;text-transform:none;color:#CECECF;border-right:1px solid #484747;border-left:1px solid #191919;padding:7px 40px 7px}
#top a.arrow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgemw5w-SQ6DGrItGEeXUc00weLgDrfOh6A37CwZfYVNo_CCxciv1yMr7mT0WqK9WDB5F4Gw-rR7bxMjMzeUdFZwLJOC2gFxECyjbtGw2NnXwJDiwtKEmAniEJlBDnZGNVofEieZIFHOj0/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:7px 30px 7px 20px}
#top li{float:left;position:static;width:auto}
#top li ul,#top ul li{width:170px}
#top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#top li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:0px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4)}
#top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background-color:#222;color:#fff}
#top li:hover ul,#top li.hvr ul{display:block}
#top li:hover ul a,#top li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#top li ul li.hr{border-bottom:1px solid #333;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:0px 0}
#top ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
#top a span,#top a.arrow span{font:bold 12px Arial;color:#888;display:block;line-height:16px;text-transform:uppercase;text-shadow: 1px 2px 2px #000}
#top li:hover a span,#top li:hover a.arrow span{color:#f1c822}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
#inner{padding-top:40px;}
#fixed {position:fixed;top:0;left:0;width:100%;height:40px;z-index:999;}
#fixedinner{text-align:center;background:transparent;height:40px;position:relative;z-index:999;}
* html, * html body{overflow-y:hidden;height:100%;}
* html #fixedinner{margin-right:-143px;voice-family: "\"}\""; voice-family:inherit; }
* html #fixedinner{margin-right:17px;}
* html #fixed {position:absolute;}

</style>


    <div id='fixed'>
    <div id='fixedinner'>
    <div id='top-wrapper'>
    <div id='topbar'>
    <ul id='top'>
    <li><a href='/'><span>Welcome</span>Homepage</a></li>
    <li><a href='#'><span>This is</span>About Us</a></li>

    <li><a class='arrow' href='#'><span>Menu 1</span>Keterangan Disini</a>
    <ul>
    <li><a href='#'>Sub menu 1</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 2</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 3</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 4</a></li>
    </ul>
    </li>

    <li><a class='arrow' href='#'><span>Menu 2</span>Keterangan Disini</a>
    <ul>
    <li><a href='#'>Sub menu 1</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 2</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 3</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 4</a></li>
    </ul>
    </li>

    <li><a class='arrow' href='#'><span>Menu 3</span>Keterangan Disini</a>
    <ul>
    <li><a href='#'>Sub menu 1</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 2</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 3</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 4</a></li>
    <li class='hr'/>
    <li><a href='#'>Sub menu 5</a></li>
    </ul>
    </li>


    <br class='clearit'/>
    </div>
    <div style='clear:both;'/>
    </div>
    </div></div>

nb: ganti tanda # dengan url anda.

Bagaimana Mudahkan Cara Memasang Menu Dropdown Melayang, Sekian dulu posting dari blog Wongmbeneh, Bila ada yang kurang dimengerti silahkan postkan komentar di bawah 

Cara Membuat Blog Di Blogspot | Blogger

      Blog adalah salah satu aplikasi web yang mana dengan nge-Blog kita dapat memposting artikel seperti Dongeng, curhatan, materi sekolah, dll.
pada kesempatan kali ini kita akan membahas cara membuat blog di Blogspot. Kenapa harus di blogger / blogspot? Karena di situs ini kita dapat membuat blog secara gratis, hehehe suka yang gratis-gratiskan... Dan di Blogger / Blogspot Memiliki tamilan yang simple untuk yang masih tahap belajar atau awam dan mudah untuk di otak - atik seperti mengganti template atau background blog. Oke langsung saja disimak cara membuat blog di blogspot.

Membuat blog

1. Masuk ke BLOGGER dan Sign in dengan akun Gmail.
belum punya akun Gmail Silahkan baca disini Cara membuat akun Gmail | Google,lalu Skip ad

2. Setelah dibawa ke halaman Blogger silahkan tekan Blog Baru.

3. Setelah itu akan muncul laman seperti dibawah, kemudian isi judul blog anda contoh "WONG MBENEH", Alamat contoh "Wongmbeneh".blogspot.com, Kemudian Pilih Template blog.

Selamat blog anda sudah jadi......

Menulis artikel

1. Silahkan klik mulai mengepos.

2. Isi Entri / Judul, lalu mulai menulis artikel, kemudian Klik tombol Publikasikan.

Bagaimana Mudahkan Cara Membuat Blog Di Blogspot | Blogger, Sekian dulu posting dari blog Wongmbeneh, Bila ada yang kurang dimengerti silahkan postkan komentar di bawah 

Cara Memasang Widget Total Penayangan Laman

       Cara Memasang Widget Total Penayangan Laman,  total penayangan laman adalah widget blog yang di gunakan untuk mengetahui jumlah pengunjung yang datang, dengan memasang widget total penayangan laman kita dapat mengetahui kualitas blog kita dalam total penayangan laman, kita tidak hanya dapat mengetahui berapa jumlah pengunjung yang datang, akan tetapi kita juga dapat melihat statistik blog kita setiap harinya dengan widget total penayangan laman blog, widget total penayangan laman ini adalah gadget dasar blogger, jadi anda tidak perlu susah payah memasukkan kode html seperti widget lainnya, dan widget total penayangan laman blog ini juga tidak terlalu berat untuk menampilkannya(ringan). Oke langsung saja anda simak Cara Memasang Widget Total Penayangan Laman.

   1. Silahkan anda login ke blogger.
   2. Klik menu Tataletak dan Tambah Gadget
   3. Pilih Statistik blog Dengan mengklik tanda +

   4. Edit tampilan sesuai selera dan simpan.

Bagaimana Mudahkan Cara Memasang Auto Readmore Di Blog, Sekian dulu posting dari blog Wongmbeneh, Bila ada yang kurang dimengerti silahkan postkan komentar di bawah 

Cara Memasang Auto Readmore Di Blog

  Cara Memasang Auto Readmore Di Blog

Oke, untuk memasang Auto Read More, Temen - temen Blogger hanya perlu mengikuti langkah - langkah simple berikut ini :

1. Login ke Blogger dan Langsung menuju ke Dashboard > Template > Edit HTML.(Jangan Lupa untuk Back Up Template terlebih dahulu.)
2. Cari kode : </head>
3. Copy Kode di Bawah ini dan Pastekan di Bawah kode </head> tersebut :

<!-- Auto read more script Mulai -->
<script type='text/javascript'>
var thumbnail_mode = "yes";
summary_noimg = 430; //panjang tulisan tanpa gambar
summary_img = 340; //panjang tulisan dengan gambar
img_thumb_height = 200; // tinggi gambar thumbnail
img_thumb_width = 200; // lebar gambar thumbnail
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<"); 
  for(var i=0;i<s.length;i++){ 
   if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
   } 
  } 
  strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 }
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script Berakhir -->

4. Lalu cari Kode : <data:post.body/> dan Ganti Dengan Kode di Bawah Ini :

<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Baca Selengkapnya</a>
</b:if>
</b:if>
<!-- Auto read more Berakhir -->

4. Save Template!. Selesai.

Memodifikasi Auto Read More. 

thumbnail_mode : setting menjadi "yes" untuk menampilkan Thumbnail pada Auto Read More dan Setting menjadi "no" untuk menghilangkan Thumbnail pada Auto Read More. Temen - temen Blogger juga bisa merubah settingan lain seperti panjang tulisan seperti yang sudah saya jelaskan pada Comment di sebelah setiap barus Kode.
Pada kode kedua, Temen - Temen Blogger juga Bisa merubah Teks "Baca Selengkapnya" sesuai dengan Keinginan Temen - temen Blogger.

Bagaimana Mudahkan Cara Memasang Auto Readmore Di Blog, Sekian dulu posting dari blog Wongmbeneh, Bila ada yang kurang dimengerti silahkan postkan komentar di bawah 

Cara Memasang Widget Facebook Popup Like Box

Cara Memasang Widget Facebook Popup Like Box

           
        Pasti sudah banyak yang taukan widget yang satu ini. hemmm pasti tertarik pengen masang juga kan.Oke, pada posting kali ini saya akan memberitahu Cara Memasang Widget Facebook Popup Like Box silahkan di simak.

1. Silahkan Login ke Blogger.
2. Menuju Dashboard -->Tata Letak. 
3. Pilih Tambahkan Gadget 
4. Pilih HTML/Java Script. 
5. Copykan kode di bawah ini:
6. src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
   
   <style>
   
   #fanback {
   
   display:none;
   
   background:rgba(0,0,0,0.8);
   
   width:100%;
   
   height:100%;
   
   position:fixed;
   
   top:0;
   
   left:0;
   
   z-index:99999;
   
   }
   
   #fan-exit {
   
   width:100%;
   
   height:100%;
   
   }
   
   #fanbox {
   
   background:white;
   
   width:420px;
   
   height:270px;
   
   position:absolute;
   
   top:58%;
   
   left:63%;
   
   margin:-220px 0 0 -375px;
   
   -webkit-box-shadow: inset 0 0 50px 0 #939393;
   
   -moz-box-shadow: inset 0 0 50px 0 #939393;
   
   box-shadow: inset 0 0 50px 0 #939393;
   
   -webkit-border-radius: 5px;
   
   -moz-border-radius: 5px;
   
   border-radius: 5px;
   
   margin: -220px 0 0 -375px;
   
   }
   
   #fanclose {
   
   float:right;
   
   cursor:pointer;
   
   background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhktgN7ktllNc-2p8xeBfAnx9_wrHAhSw4OnQ9WWy1irCFHxAMXAD7ASuD0Q6Rbv7xjl-j4k2WmLtAxADly52WPzrZMBWExZsuoVQcgTGhH1fyo1E2v0PnHaLJbmQ5xxVCUBxamoxzDlgak/s1600/fanclose.png) repeat;
   
   height:15px;
   
   padding:20px;
   
   position:relative;
   
   padding-right:40px;
   
   margin-top:-20px;
   
   margin-right:-22px;
   
   }
   
   .remove-borda {
   
   height:1px;
   
   width:366px;
   
   margin:0 auto;
   
   background:#F3F3F3;
   
   margin-top:16px;
   
   position:relative;
   
   margin-left:20px;
   
   }
   
   #linkit a.visited,#linkit a,#linkit a:hover {
   
   color:#80808B;
   
   font-size:10px;
   
   margin: 0 auto 5px auto;
   
   float:center;
   
   }
   
   </style>
   
   
   
   <script type='text/javascript'>
   
   //<![CDATA[
   
   jQuery.cookie = function (key, value, options) {
   
   
   // key and at least value given, set cookie...
   
   if (arguments.length > 1 && String(value) !== "[object Object]") {
   
   options = jQuery.extend({}, options);
   
   
   if (value === null || value === undefined) {
   
   options.expires = -1;
   
   }
   
   
   if (typeof options.expires === 'number') {
   
   var days = options.expires, t = options.expires = new Date();
   
   t.setDate(t.getDate() + days);
   
   }
   
   
   value = String(value);
   
   
   return (document.cookie = [
   
   encodeURIComponent(key), '=',
   
   options.raw ? value : encodeURIComponent(value),
   
   options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
   
   options.path ? '; path=' + options.path : '',
   
   options.domain ? '; domain=' + options.domain : '',
   
   options.secure ? '; secure' : ''
   
   ].join(''));
   
   }
   
   
   // key and possibly options given, get cookie...
   
   options = value || {};
   
   var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
   
   return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
   
   };
   
   //]]>
   
   </script>
   
   <script type='text/javascript'>
   
   jQuery(document).ready(function($){
   
   if($.cookie('popup_user_login') != 'yes'){
   
   $('#fanback').delay(30000).fadeIn('medium');
   
   $('#fanclose, #fan-exit').click(function(){
   
   $('#fanback').stop().fadeOut('medium');
   
   });
   
   }
   
   $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
   
   });
   
   </script>
   
   
   <div id='fanback'>
   
   <div id='fan-exit'>
   
   </div>
   
   <div id='fanbox'>
   
   <div id='fanclose'>
   
   </div>
   
   <div class='remove-borda'>
   
   </div>
   
   <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
   
   
   href=https://www.facebook.com/situsewongmbeneh&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
   
   
   style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
   
   <span id="linkit"><a href="http://wongmbeneh.blogspot.com/2013/12/cara-memasang-widget-facebook-popup.html" target="_blank">Widget Facebook </a><a href="http://www.wongmbeneh.blogspot.com/">Popup</a></span></center>
   
   </div>
   
   </div>

Paste di Widget HTML / JavaScript. Jika sudah jangan anda save dahulu karna masih ada yang perlu di ubah:

1. Ganti https://www.facebook.com/situsewongmbeneh dengan alamat FanPage kamu. 
2. .delay(30000) Ganti Angka 30000 untuk merubah delay widgetnya (delay = detik kapan munculnya widget setelah halaman selesai dimuat). 1 detik = 1000 jadi, 30000 = 30 detik. 

Untuk merubah Widget agar tidak hanya Muncul Sekali tetapi akan muncul di setiap saat Halaman di Muat. Cari dan Hapus Kode ini :

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
Simpan. dan Selesai.

Perhatian : widget ini hanya muncul sekali, jika anda ingin melihat hasilnya di blog, maka anda hurus bersihkan COOKIE BROWSER terlebih dahulu, kemudian reload halaman blognya.


Bagaimana mudahkan Cara Memasang Widget Facebook Popup Like Box. Jika kurang paham atau berterimakasih silahkan berkomentar di bawah.

Cara Memasang | Menambah | Widget Alexa Rank Di Blog

Cara Memasang Widget Alexa Rank Di Blog

  

    Pada posting kali ini saya akan memberitahukan Cara Memasang widget Alexa Rank Di Blog Emmh... Mungkin sudah banyak yang tau tetapi bagi yang belum tau silahkan lihat tutorial berikut .

1.Silahkan anda pergi ke Alexa.com Kemudian anda klik Create an account.

2. Biar mudah tanpa harus mengisi formulir silahkan anda login lewat                 facebook saja .

3. Setelah anda berhasil login silahkan anda menuju dashboard.

4. Kemudian anda klik add it now

5. Kemudian anda bisa memilih pada bagian plans and pricing.untuk sementara pilih yang FREE saja.

6.Isi url dengan alamat blog anda contoh : Wongmbeneh.blogspot.com.

7. Sebelum anda klik Verify my ID anda harus meng-copy kode yang saya           lingkari ke blog anda.  

    pastekan kode tersebut di bawah Tag <tittle>judul blog</tittle> pada           menu Edit HTML.

8. Lalu klik Verify my ID .

9. Kemudian anda isi Formnya.Kemudian SAVE

10. Kemudian menuju menu Produk.

11.Kemudian klik seperti gambar yang ditunjuk panah merah

12. Lalu pilih Alexa Site Widget.

13. Pilih widget lalu masukan URL blog anda dan klik BUILD WIDGET.

14. Salin kode widget tersebut ke blog anda.

Bagaimana mudahkan Cara Memasang widget Alexa Rank Di Blog. Bila kurang jelas silahkan bertanya dengan berkomentar di bawah.

HISTATS | Cara memasang histats di blog

CARA MEMASANG HISTATS DI BLOG

Bingung mau mengukur jumlah pengunjung di blog anda ... Nih langsung saja Cara masang histats di blog anda.

            CARA DAFTAR DI HISTATS.COM

(1).Kunjungi halaman histats.com lalu Klik Register

(2).Melakukan pendaftaran :

(3).Jika sudah lalu klik register, Kemudian tunggu beberapa saat hingga muncul pemberitahuan berikut :

(4).Buka email masuk kemudian Klik isi tautan :

(5).Kemudian login di histats,setelah itu anda klik pada add a website :

(6).Setelah itu isikan form tersebut :

(7).Setelah itu anda klik continue 

     CARA MEMBUAT COUNTER/PENGHITUNG DI HISTATS.COM

(8).Setalah anda berhasil melakukan pendaftaran kemudian akan tampil seperti ini :

(9).pilih blog yang akan anda beri widget penghitung visitor kemudian akan tampil :  klik counter code

(10).Klik add new counter

(11).Silahkan anda pilih widget histats untuk blog anda.

(12).Setelah anda pilih widget untuk blog kemudian anda centang setting tampilan widget tersebut, kemudian save

(13).Selanjutnya anda ambil kode widget untuk blog anda dengan mengeklik id anda :

MEMASANG KODE DI BLOG

(14).Masuk ke LAYOUT --->ADD GADGET ---> Pilih HTML/JAVA SCRIPT 

Masukan kode tadi.

Bagaimanaaa mudahkan cara memasang Histats di blog....

Jangan lupa komentarnya yaaaa...