Cara Membuat Postingan Tidak Bisa Diblok Untuk Di Copas

Pernah copas ? atau pernah dicopas ? nah kali ini ada satu lagi trik yang jitu terutama untuk para sobat yang isi blognya (postingannya) tidak ingin dicopy paste oleh orang lain, karna sangat menjengkelkan sekali kalotulisan kita i copas sama orang lain apalagi tanpa menyantumkan link kita .

Baiklah saya tidak akan panjang lebar untuk menjelaskan trik ini mungkin para sobat semua sudah paham atau penah mengunjungi situs web / blog yang kontennya tidak bisa diblok sama sekali sehingga sulit untuk di bajak. Jika tertarik dan berminat untuk menerapkannya di blogspot silakan ikuti langkah-langkah berikut :

1. Login ke Blogger
2. Klik Rancangan
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil  Expand Template Widget
5. Silahkan cari di dalam template anda kode </head>

Kalau sudah ketemu, anda Copy Pastekan script yang ada berikut tepat dibawah kode </head>.

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

Klik Simpan Template dan lihatlah hasilnya :)

Dengan ini postingan di blog kita tidak bisa di blok, sehingga copy paste dapat diminimalisir. Namun terkadang hal tersebut tidak terlalu disukai oleh para pembaca dan pengunjung, apalagi artikel tentang makalah atau pendidikan, sehingga tidak dapat disalain oleh mereka ke word.

maka itu saya tidak memakai trik ini :)

tapi kalo mau copas di sebutkan linknya yaa :D

[Read More...]

Cara Pasang Video Dari Youtube Di Blog

Cara pasang video youtube di blog sebenarnya sangat amat mudah dan tidak membutuhkan instalasi ini itu yang rumit dan membuat kita bingung . 
Yaudah langsung aja ya saya share tutorialnya :)
Berikut langkah-langkahnya :

1. Silakan buka www.youtube.com
2. Pilih Video yang akan kamu tampilkan di blog atau website anda
3. Selanjutnya klik <embed>

klik tombol share

Lalu klik Embed yang di lingkari di bawah ini :

Nanti akan muncul gambar seperti ini :

4. Copy kode embed yang di dapat, seperti pada gambar di atas

Keterangan :

Tanda merah yang kedua adalah ukuran video yang akan di tampilkan, semakin besar maka load nya akan semakin berat

Jika anda ingin memasangnya di postingan :

1. Buatlah postingan baru

2. Setelah masuk tempat postingan, pilih Edit HTML

3. Paste kode yang telah kamu copy tadi di dalam Edit HTML

4. Setelah selesai, Pindah ke Compose.

5. Lalu terbitkan. dan lihat hasilnya

Jika anda ingin memasangnya sebagai widget :

1. Pilih Rancangan
2. Tambah Gedget baru

3. Pilih HTML/javascript

4. Paste hasil copy td disini

5. Simpan

Sekarang lihat hasilnya .

semoga sobat salahbantal bisa memanfaatkan postingan saya ini dan jangan masukan videoyang aneh aneh yaa di blog hehe .

[Read More...]

Cara Pasang Widget PageRank Atau Urutan Blog Di Google

Pasang Widget Google PageRank

Caranya silakan kunjungi situs generator online ini :

http://www.rankwidget.com/check_google_pagerank/

Dilink itu Terdapat 6 Pilihan dengan bentuk Pagerank dengan tampilan yang menarik. Setelah anda memasukan alamat blog anda klik generate, tunggu sebentar sampai muncul hasilnya. Pilih salah satu yang kamu suka tampilannya, kemudian Copy kodenya!

Langkah Selanjutnya adalah :

1.  Login ke Blogger

2.  Pilih Rancangan

3.  Pilih Add Widget / Tambah Widget

4.  Pilih HTML/Javascript

5.  Paste kode yang telah kamu pilih tadi

6.  Simpan dan lihatlah hasilnya

Oke sobat salahbantal kali ini cukup sampai situ saja yaa :) semoga bermanfaat :D

[Read More...]

Cara Memasang Gambar Animasi Lucu Di Pojok Blog (Widget Animasi)

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.


Contoh dan scriptnya bisa dilihat di bawah ini :

1.Gajah loncat

Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

2. Boring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa
Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

4.Boneka joget

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5. Panda main bola

Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

6. Tuyul baring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru


Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

9. Bunga



Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

10.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

11.Lumba-lumba

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

14.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

15.Ikan

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

16.Pinguin

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogger bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman
3. Pilih Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript
6.Simpan

Selesai :)
Semoga Bermanfaaat :)

[Read More...]

Cara Membuat Slide Show View Image/Foto

Cara Membuat Slide Show View Image/Foto

Memasang widget ini sangat mudah dan bisa di praktikan langsung bahkan oleh blogger pemula.

Sebelum memulai yuk kita bahas apa sih slide show image ini ? widget ini adalah sebuah widget yang menampilkan image secara random . akan berganti-ganti tergantung jumlah foto yang kita masukan ke dalamnya.

Widget ini  memiliki tampilan yang berbeda dengan dari widget slideshow sebelumnya sebab telah sedikit di modifikasi oleh kawan kita yang bernama kang salman modifikasi khususnya efek JQuery accordionnya.

salahbantal yakin widget ini lebih mudah pengunaannya dari pada yang sebelumnya.

Versi Baru, 22 Agustus 2010

Fitur Baru :
- Tidak membebani loading blog, dan tampil lebih 2 kali lebih cepat dari versi sebelumnya.
- Slide show yang di tampilkan lebih ciamik dan memberi warna baru pada blog anda
- Deskripsi text berada di atas foto.
- Durasi Tayang atau slide show foto. kini dapat anda setting sendiri sesuai dengan kebutuhan, Tips terkait ada di akhir artikel ini. 
Langsung Aja kita simak Cara Membuat Slide show ini.

Langkah 1

1.  Login ke Blogger
2.  Pilih Tata Letak / Rancangan
3.  Pilih Tab Edit HTML
4.  Centang "Expand Template Widget"
5.  Silakan Cari Kode ]]></b:skin> dan Taruh Kode Berikut Di atas kode ]]></b:skin>

/* Image Slideshow */
#s3slider{margin-bottom:5px; width:100%; /* important to be same as image width */height:250px; /* important to be same as image height */position:relative; /* important */word-wrap:break-word; /* fix for long text breaking sidebar float in IE */overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
#s3sliderContent{width:100%; /* important to be same as image width or wider */position:absolute; /* important */top:0; /* important */margin:0px; padding-left:0px; /* important */}
.s3sliderImage{float:left; /* important */position:relative; /* important */display:none; /* important */}
.s3sliderImage span{position:absolute; /* important */left:0; font:normal 11px 'Arial',Helvetica,sans-serif; padding:10px; width:100%; text-align:center; padding-left:0px; background-color:#000; filter:alpha(opacity=70); /* here you can set the opacity of box with text */-moz-opacity:0.7; /* here you can set the opacity of box with text */-khtml-opacity:0.7; /* here you can set the opacity of box with text */opacity:0.7; /* here you can set the opacity of box with text */color:#fff; display:none; /* important */top:0; /*if you puttop:0; ->the box with text will be shown at the top of the imageif you putbottom:0; ->the box with text will be shown at the bottom of the image*/}

6.  Kemudian Setelah itu coba cari kode </head> dan Taruh Kode berikut, di atas kode</head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var cssdropdown={disappeardelay:250,dropdownindicator:'<img src="http://img40.imageshack.us/img40/6613/arrowto.gif" border="0" />',enablereveal:[true,8],enableiframeshim:1,dropmenuobj:null,asscmenuitem:null,domsupport:document.all||document.getElementById,standardbody:null,iframeshimadded:false,revealtimers:{},getposOffset:function(d,c){var b=(c=="left")?d.offsetLeft:d.offsetTop;var a=d.offsetParent;while(a!=null){b=(c=="left")?b+a.offsetLeft:b+a.offsetTop;a=a.offsetParent}return b},css:function(b,a,c){var d=new RegExp("(^|\\s+)"+a+"($|\\s+)","ig");if(c=="check"){return d.test(b.className)}else{if(c=="remove"){b.className=b.className.replace(d,"")}else{if(c=="add"&&!d.test(b.className)){b.className+=" "+a}}}},showmenu:function(b,a){if(this.enablereveal[0]){if(!b._trueheight||b._trueheight<10){b._trueheight=b.offsetHeight}clearTimeout(this.revealtimers[b.id]);b.style.height=b._curheight=0;b.style.overflow="hidden";b.style.visibility="visible";this.revealtimers[b.id]=setInterval(function(){cssdropdown.revealmenu(b)},10)}else{b.style.visibility="visible"}this.css(this.asscmenuitem,"selected","add")},revealmenu:function(f,d){var e=f._curheight,b=f._trueheight,a=this.enablereveal[1];if(e<b){var c=Math.min(e,b);f.style.height=c+"px";f._curheight=c+Math.round((b-c)/a)+1}else{f.style.height="auto";f.style.overflow="hidden";clearInterval(this.revealtimers[f.id])}},clearbrowseredge:function(f,d){var c=0;if(d=="rightedge"){var e=document.all&&!window.opera?this.standardbody.scrollLeft+this.standardbody.clientWidth-15:window.pageXOffset+window.innerWidth-15;var b=this.dropmenuobj.offsetWidth;if(e-this.dropmenuobj.x<b){c=b-f.offsetWidth}}else{var a=document.all&&!window.opera?this.standardbody.scrollTop:window.pageYOffset;var e=document.all&&!window.opera?this.standardbody.scrollTop+this.standardbody.clientHeight-15:window.pageYOffset+window.innerHeight-18;var g=this.dropmenuobj._trueheight;if(e-this.dropmenuobj.y<g){c=g+f.offsetHeight;if((this.dropmenuobj.y-a)<g){c=this.dropmenuobj.y+f.offsetHeight-a}}}return c},dropit:function(c,b,a){if(this.dropmenuobj!=null){this.hidemenu()}this.clearhidemenu();this.dropmenuobj=document.getElementById(a);this.asscmenuitem=c;this.showmenu(this.dropmenuobj,b);this.dropmenuobj.x=this.getposOffset(c,"left");this.dropmenuobj.y=this.getposOffset(c,"top");this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(c,"rightedge")+"px";this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(c,"bottomedge")+c.offsetHeight+1+"px";this.positionshim()},positionshim:function(){if(this.iframeshimadded){if(this.dropmenuobj.style.visibility=="visible"){this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px";this.shimobject.style.height=this.dropmenuobj._trueheight+"px";this.shimobject.style.left=parseInt(this.dropmenuobj.style.left)+"px";this.shimobject.style.top=parseInt(this.dropmenuobj.style.top)+"px";this.shimobject.style.display="block"}}},hideshim:function(){if(this.iframeshimadded){this.shimobject.style.display="none"}},isContained:function(a,b){var b=window.event||b;var d=b.relatedTarget||((b.type=="mouseover")?b.fromElement:b.toElement);while(d&&d!=a){try{d=d.parentNode}catch(b){d=a}}if(d==a){return true}else{return false}},dynamichide:function(a,b){if(!this.isContained(a,b)){this.delayhidemenu()}},delayhidemenu:function(){this.delayhide=setTimeout("cssdropdown.hidemenu()",this.disappeardelay)},hidemenu:function(){this.css(this.asscmenuitem,"selected","remove");this.dropmenuobj.style.visibility="hidden";this.dropmenuobj.style.left=this.dropmenuobj.style.top="-1000px";this.hideshim()},clearhidemenu:function(){if(this.delayhide!="undefined"){clearTimeout(this.delayhide)}},addEvent:function(b,c,a){if(b.addEventListener){b.addEventListener(a,c,false)}else{if(b.attachEvent){b.attachEvent("on"+a,function(){return c.call(b,window.event)})}}},startchrome:function(){if(!this.domsupport){return}this.standardbody=(document.compatMode=="CSS1Compat")?document.documentElement:document.body;for(var d=0;d<arguments.length;d++){var g=document.getElementById(arguments[d]).getElementsByTagName("a");for(var b=0;b<g.length;b++){if(g[b].getAttribute("rel")){var a=g[b].getAttribute("rel");var c=document.getElementById(a);this.addEvent(c,function(){cssdropdown.clearhidemenu()},"mouseover");this.addEvent(c,function(h){cssdropdown.dynamichide(this,h)},"mouseout");this.addEvent(c,function(){cssdropdown.delayhidemenu()},"click");try{g[b].innerHTML=g[b].innerHTML+" "+this.dropdownindicator}catch(f){}this.addEvent(g[b],function(i){if(!cssdropdown.isContained(this,i)){var h=window.event||i;cssdropdown.dropit(this,h,this.getAttribute("rel"))}},"mouseover");this.addEvent(g[b],function(h){cssdropdown.dynamichide(this,h)},"mouseout");this.addEvent(g[b],function(){cssdropdown.delayhidemenu()},"click")}}}if(this.enableiframeshim&&document.all&&!window.XDomainRequest&&!this.iframeshimadded){document.write('<IFRAME id="iframeshim" src="about:blank" frameBorder="0" scrolling="no" style="left:0; top:0; position:absolute; display:none;z-index:90; background: transparent;"></IFRAME>');this.shimobject=document.getElementById("iframeshim");this.shimobject.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";this.iframeshimadded=true}}};
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function(a){a.fn.s3Slider=function(h){var e=this;var l=(h.timeOut!=undefined)?h.timeOut:4000;var g=null;var d=null;var k=true;var f=false;var i=a("#"+e[0].id+"Content ."+e[0].id+"Image");var b=a("#"+e[0].id+"Content ."+e[0].id+"Image span");i.each(function(m){a(i[m]).mouseover(function(){f=true});a(i[m]).mouseout(function(){f=false;c(true)})});var c=function(m){var n=(m)?(l/2):l;n=(k)?10:n;if(i.length>0){d=setTimeout(j,n)}else{console.log("Poof..")}};var j=function(){g=(g!=null)?g:i[(i.length-1)];var m=jQuery.inArray(g,i)+1;m=(m==i.length)?0:(m-1);var n=a(e).width()*m;if(k==true){if(!f){a(i[m]).fadeIn((l/6),function(){if(a(b[m]).css("bottom")==0){a(b[m]).slideUp((l/6),function(){k=false;g=i[m];if(!f){c(false)}})}else{a(b[m]).slideDown((l/6),function(){k=false;g=i[m];if(!f){c(false)}})}})}}else{if(!f){if(a(b[m]).css("bottom")==0){a(b[m]).slideDown((l/6),function(){a(i[m]).fadeOut((l/6),function(){k=true;g=i[(m+1)];if(!f){c(false)}})})}else{a(b[m]).slideUp((l/6),function(){a(i[m]).fadeOut((l/6),function(){k=true;g=i[(m+1)];if(!f){c(false)}})})}}}};j()}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
   $(&#39;#s3slider&#39;).s3Slider({
      timeOut: 3000
   });
});
</script> 

7.  Save Template

Langkah 2
Untuk Bisa Menikmati widget ini silakan perhatikan instruksi di bawah ini  :

1.  Login ke Blogger
2.  Pilih Tata Letak Atau Rancangan
3.  Pilih Tab Edit HTML
4.  Jangan Lupa Untuk buat Backupa data anda
5.  Centang expand template widget
6.  Cari Kode ini <div id='main-wrapper'>
      Tekan Ctrl+F untuk mempermudahnya 
 7.  Copy kode di bawah ini dan Paste tepat di bawah kode <div id='main-wrapper'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div id='s3slider'>

<ul id='s3sliderContent'>

<li class='s3sliderImage'>

<a href='http://www.kucoba.com/2010/07/10-tanda-cewek-suka-ma-kita.html'>

<img height='245'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCmwzhpTdm7y1PbdJ6kgSr1FPfRAt0SEzBULI32UUNOe6kEV2woIxkOtG5W_TMtRLdGnFbVkVvdictRvJ4L7yMP_GM99z84Eknhg_fs-m6sAcYr_0DZznnWwvg7j_Pg2yHRNgUFsyQKbQ/s1600/1.jpg'
width='450'/>

<span>Isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image akhiri dengan titik.</span></a></li>

<li class='s3sliderImage'>

<a href='#'>

<img height='245'
src='#'
width='450'/>

<span>Isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image.</span></a></li>

<li class='s3sliderImage'>

<a href='#'>

<img height='245'
src='#'
width='450'/>

<span>Isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image.</span></a></li>

<li class='s3sliderImage'>

<a href='#'>

<img height='245'
src='#'
width='450'/>

<span>Isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image.</span></a></li>

<li class='s3sliderImage'>

<a href='#'>

<img height='245'
src='#'
width='450'/>

<span>Isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image.</span></a></li>

<div class='clear s3sliderImage'/>

</ul>

</div>

</b:if> 

Keterangan : 

1. Ganti warna merah dengan alamat link artikel kamu
2. Ganti warna hijau dengan link gambar / foto
3. Arti kode width="468" height="245" adalah ukuran dari widget slideshow view, lebar="468" tinggi="245" (atur sesuai ukuran widget yang kamu inginkan)
4. <span>Isi dengan kalimat yang ingin di tampilkan di atas foto.</span>
5. Jumlah Slide Show bisa anda perbanyak dengan menambahkan kode <li><a href="#"><img height='245' src="#" width='468'/> <span>isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image jangan lupa akhiri dengan titil atau tanda kalimat lainnya .</span></a></li> di atas kode </ul>

Lihat Contoh yang kang salman buat di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<a href='http://www.kucoba.com/2010/07/10-tanda-cewek-suka-ma-kita.html'>
<img height='245' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCmwzhpTdm7y1PbdJ6kgSr1FPfRAt0SEzBULI32UUNOe6kEV2woIxkOtG5W_TMtRLdGnFbVkVvdictRvJ4L7yMP_GM99z84Eknhg_fs-m6sAcYr_0DZznnWwvg7j_Pg2yHRNgUFsyQKbQ/s1600/1.jpg' width='450'/>
<span>Bagaimanakah tanda perempuan menyukai kita? hal ini selalu jadi pertanyaan setiap cowok yang ntah itu dia ke GR-an atau dia yang benar-benar mengharapkan cinta dan jawaban dari si Doi, inilah 10 tanda khusus tanda cewek ada suka ma kita</span></a></li>
<li class='s3sliderImage'>
<a href='http://www.kucoba.com/2010/07/8-pedomoan-merayu-istri.html'>
<img height='245' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5darZlGBX5qUgmqiR5PLoZ7fqLqltMf3KtpQqid8JOuaNsPAoCSTcq38K4v05eSiC4AJNGr5l8sANIIdl9xR2a7VuGH7I37saIgBE7bAclDGklCh2I5Rx3lO1hW6-YaRtgdFR-2wspfXB/s1600/2.jpg' width='450'/>
<span>8 pedoman merayu istri. Mendidik istri adalah tugas seorang suami namun terkadang kita sendiri tidak tau bagaimana cara mendidik istri dengan merayu atau menggodanya, berikut ini anjuran menurut islam cara mendidik istri.</span></a></li>
<li class='s3sliderImage'>
<a href='http://www.kucoba.com/2009/12/5-tips-dan-rahasia-mempercepat-internet.html'>
<img height='245' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqB1lgKJqkVnMPrjXbEvwTjvIQNU8_c6INnYE_VAkjLESvRvqDYZF7Aa0HWwN4JxbPDcCTcpfjh_tJrwKQVTItROjt7HWLwnOdFVjX2ZDU7TP5OkvUX8mQzE0BRz0mKdZtuZxjQaOL6WhM/s1600/3.jpg' width='450'/>
<span>5 Tips Rahasia Mempercepat Internet. Anda merasa kecepatan internet lambat? temukan penyebabnya disini dan cari tau bagaimana solusinya.</span></a></li>
<li class='s3sliderImage'>
<a href='http://www.kucoba.com/2010/07/membuat-slideshow-berita-foto-seperti.html'>
<img height='245' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzWjicJSe8ybqodOfaGOS5PMSD7uDxxgfqfBgxyW04cTpBfqYc63U39SX4E3YSasZ8N91KVDIjYePHP_d0j4jYwc8w2l4SBBFirXqlPvXsmQic6puGInOQ_L_EoLHaTuC4KChpMF7L22b/s1600/4.jpg' width='450'/>
<span>http://www.kucoba.com adalah sebuah blog yang didirikan untuk mendukung program pengembangan sumber daya perblogkan melalui Blogger/Blogspot.</span></a></li>
<li class='s3sliderImage'>
<a href='http://www.kucoba.com/2010/06/inilah-cara-meningkatkan-jumlah.html'>
<img height='245' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXwqCjNQ35_CA4joLRkrgZlcjCKOAao756c9gcbDNI5vLo6tKcf5Ral2QxK4ozWIVhQgHFtGsYs235FL7p5moj5-22KZzd905ETdQ1jvuRBhzxqhS184ufb1s4kH1pfgXcB0roMTJrfgA/s320/graph_summary_barchart.php+juni.png' width='450'/>
<span>Panduan mudah meningkatkan jumlah pengunjung dan dangan cara Cepat, mudah, dan gratis.</span></a></li>
<div class='clear s3sliderImage'/>
</ul>
</div>
</b:if>

Baca Ini !!

Buat Mengubah Ukuran dan Lebar Slide Show Agar Fix Sesuai ukuran yang anda inginkan :

Sesuaikan width dan heigth dengan ukuran widget yang di ingin kan sesuai dengan ruang di sidebar blog atau posisi
lainnya yang tersedia. untuk informasi lebih lanjut silakan lihat Keterangan di nomor tiga di atas. Dan untuk cara mengatur atau setting waktu slide show silakan anda cara kode timeOut: 3000
Ubah angka 3000 itu sesuai kemauan anda .

Semoga Bermanfaat :)

[Read More...]

Membuat Selalu Iklan Melayang Tanpa Tombol Close

Cara membuat iklan melayang di pojok kanan tanpa tombol close.

Berikut Kodenya :

<div style="text-align: center; position: fixed; top: 0px; right: 0px;"><center>Paste Widget Iklannya disini</center></div>

Cara Pasangnya :

1. Login ke Blogger
2. Pilih Rancangan
3. Tambah Widget/add Widget
4. Pilih HTML
5. Copy kode tadi di atas.
6. Masukan kode iklan dan paste di mengantikan huruf warna merah di atas
7. Save. dan lihat hasilnya

Semoga Bermanfaat :)

[Read More...]

Membuat Menu Log-in DiBlog

Sobat SalahBantal apa kabar ? 
hari ini SalahBantal mau buat artikel bagaimana cara membuat login menu di blog.

Inilah prosesnya :
1.  Login terlebih dahulu ke Blogger
2.  Pilih Edit Tamplate 
3.  Setelah masuk pilih Tambah Widget
4.  Pilih HTML/java script
5.  Silakan copy paste kode di bawah ini

Enter your username and password to enter your Blogger Dasboard <br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /><div><label for="Email"> Username: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /></form><span style="amp;percnt;">Widget by <a href="http://salahbantal.blogspot.com">salah bantal </a></span>

6.  Setelah itu Pastekan di HTML/java sript tadi
7.  Save dan lihat hasilnya.

Semoga Bermanfaat :)

[Read More...]