Lukman Info: Juli 2013
Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *


Email: *

Message: *


Skillblogger

LiveZilla Live Help

Jumat, 26 Juli 2013

Inilah Memasang Widget Like Box Facebook Melayang di Blog

Inilah Memasang Widget Like Box Facebook Melayang di Blog - Masih suasana bulan Ramadhan. Sebelumnya Bos Tutorial mengucapkan Selamat menunaikan Ibadah Puasa bagi yang merayakannya. Ok. Tetap semangat yah kawan-kawan.

Kembali kepada topik yaitu "Memasang Widget Like Box Facebook Melayang di Blog". Oh iya, sebelumnya Bos pernah membagikan kepada kawan mengenai Cara Memasang Fans Page Facebook Tersembunyi. Untuk tutotor kali ini berbeda namun hampir sama. Bingungkan. Maksudnya, Memasang Widget Like Box Facebook Melayang di Blog pengunjung diminta untuk mengklik sebuah kotak apakah dia mau menyukai halaman facebook kita atau tidak (tombol Close). Sementara Memasang Fans Page Facebook Tersembunyi, Widget Fans Page Facebook akan muncul ketika mouse di arahkan ke kotak Widget itu dan tidak perlu menutup kotak widget (tanpa tombol Close).

Inilah Memasang Widget Like Box Facebook Melayang di Blog

Tujuan Memasang Widget Like Box Facebook Melayang di Blog
Pada dasarnya tujuan Memasang Widget Like Box Facebook Melayang di Blog adalah agar para pengunjung blog mau menyukai halaman facebook yang kita kelola dengan memberikan jempolnya, sehingga halaman halaman facebook yang anda kelola semakin banyak. Kelebihan lain dari Widget ini dilengkapi dengan tombol close sehingga pengunjung bisa dengan mudah menutup Kotak Widget ini dan walau pun agak sedikit mengganggu pengunjung tapi masih bisa menutupnya tanpa susah payah.

Penasaran ingin Memasang Widget Like Box Facebook Melayang di Blog anda? Ikuti langkah-langkah dibawah ini.

Inilah Memasang Widget Like Box Facebook Melayang di Blog

1. Syarat utama : Memiliki Sebuah Halaman Facebook. Bila belum ada, silahkan buat dulu. Baca disini Cara Membuat Halaman Facebook. Setelah anda memiliki sebuah halaman facebook, ikuti langkah selanjutnya.
2. Buka Akun Blog yang anda kelola.
3. Pada Dasbor Blog anda, masuklah ke Elemen Tata Letak, pilih Add Widget / Tanmah Gadget
4. Lalu pilih HTML/Jawascript
5. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat.
<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/NongkronglDiKedaiKopi" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bos-tutorial.blogspot.com/2013/07/inilah-memasang-widget-like-box.html">Get This Widget</a></p>
</div>
6. Simpat Widget/Gadget Baru yang anda buat tersebut.
7. Lihat hasilnya.

Perlu diperhatikan :
1. Tulisan berwarna Merah adalah Kode Script dari Halaman Facebook Kedai Kopi. Silahkan anda ganti Kode Script tersebut dengan Kode Script dari Halaman Facebook Anda.
2. Bila tidak berhasil, coba ulang dari awal.
3. Mohon Halaman Facebook Bos Tutorial di Like juga yah


Sebagai contohnya, silahkan lihat disini. Demikianlah tutorial ringan mengenai Inilah Memasang Widget Like Box Facebook Melayang di Blog, Selamat mencoba salam sukses. Salam. BOS TUTORIAL.

Posted By: Unknown on Jumat, 26 Juli 2013

Kamis, 25 Juli 2013

Script Deface Untuk Blogger


Tutorial Belajar Blogger - Untuk Pengunjung Tutorial Belajar Blog Kali ini saya Oktri darmadi ingin berbagi seputar Coding Script Deface walapun saya sendiri tidak bisa deface.

Coding Script Deface ini saya dapatkan dari teman teman defacer indonesia yang berkreasi dalam dunia deface, saya sendiri bingung bagaimana suatu website bisa di jebol ataupun dideface dan kemudian tampilan suatu web dari korban dapat diganti dengan asumsi bahwa web tersebut tidak kena deface

Script Deface versi #1

<html>

<title> Deface By Oktri Darmadi </title>
<link rel="SHORTCUT ICON" href=" http://i634.photobucket.com/albums/uu66/oktri_2009/bannerblog.jpg ">



<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script language="javascript" type="text/javascript" src="http://onehackoranother.com/projects/jquery/jquery-grab-bag/javascripts/jquery.text-effects.js"></script>

<style type="text/css">body, td, th { font-family:"Courier New", Courier, monospace;font-size: 12px; color: #009900; margin:0; padding:0; height:100%; overflow:hidden;}html { height:100%; width:100%;}body { background-color: #000000;}.teks { color:#00CC00; font-size:74px; font-weight:bold; font:"Times New Roman";}.teks2 { color:#00CC00; font-size:24px; font-weight:bold; font:"Times New Roman";}#i12 { position:absolute; top:30%; left:35%;}.theAbs { top:0; position:absolute; width:2%;}.hide { display:none;}#iHacked { position:absolute; width:100%; top:5%; height:100%; opacity:0.3;}li{ color:#fff; font:bold 13px; list-style: none;}</style><script language="javascript" type="text/javascript">eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('i 9;$.8.7=n(b){i c={P:10,Q:2,F:10,1y:v,1h:v,19:\'1z\',C:\'1a\',K:r,G:r,D:v};k(!b)b=c;i d=$.1Z(c,b);9=$.8.7.1A();E 1B.20(n(){i a=$(1B);k(d.D){d.1C={Z:a.g(\'Z\'),11:a.g(\'11\'),12:a.g(\'12\'),s:a.g(\'s\'),l:a.g(\'l\'),y:a.g(\'y\'),1D:a.g(\'t-u\'),1E:a.g(\'z-1F\')}}a.g(\'Z\',\'21\');d.1G=a.g(\'t-u\');1i(d.C){A\'1b\':$.8.7.1j(a,d);B;A\'1k\':$.8.7.1l(a,d);B;A\'13\':$.8.7.1m(a,d);B;A\'14\':$.8.7.1n(a,d);B;22:$.8.7.1o(a,d)}})};$.8.7.1A=n(){i h,w;k(1p 1q.1H!=\'1r\'){h=1q.1H;w=1q.23}H k(1p T.16!=\'1r\'&&1p T.16.1c!=\'1r\'&&T.16.1c!=0){h=T.16.1c;w=T.16.1I}H{h=T.1J(\'I\')[0].1c;w=T.1J(\'I\')[0].1I}i a={q:1s 1t(h,R.V(h/2),R.V(h/5)),m:1s 1t(w,R.V(w/2),R.V(w/5))};E a};$.8.7.j=n(a,b,c){k(a&&b&&(b>a)){i d=a;a=b;b=d}k(a==b)E a;i e=R.V(R.1a()*a);k(b&&e<b){1u(e<b)e=R.V(R.1a()*a)}E c?e-c:e};$.8.7.K=n(){i a=\'24\';i b=\'\';1u(b.25<6)b+=a.26($.8.7.j(6));E b};$.8.7.1v=n(){i a,l;i b=$.8.7.j(4)+1;1u(b>4)b=$.8.7.j(4)+1;1i(b){A 1:a=$.8.7.j(9.q[0]-9.q[1],9.q[1]-9.q[2]);l=$.8.7.j(9.m[1]);B;A 2:a=$.8.7.j(9.q[0],9.q[1]+9.q[2]);l=$.8.7.j(9.m[0]+9.m[1],9.m[1]+9.m[2]);B;A 3:a=$.8.7.j(9.q[2],0,9.q[1]);l=$.8.7.j(9.m[0]+9.m[1],9.m[1]+9.m[2]);B;A 4:a=$.8.7.j(9.q[2],0,9.q[1]);l=$.8.7.j(9.m[1]-9.m[2],0,9.m[2]);B}E 1s 1t(a,l)};$.8.7.W=n(a,b,c,d,e){i f,t;k(d.1y)f=$.8.7.j(d.F);H f=d.F;k(d.1h)t=d.19;H t=a.g(\'t-u\');a.1w({27:\'1d%\',1e:0,l:c,s:b,28:t},(f*29),n(){$.8.7.U(a,d,e-1)})};$.8.7.U=n(a,b,c){a.g(\'t-u\',b.1G);k(c>0){a.g(\'11\',\'2a\');a.1w({1e:1d},1);a.g(\'12\',\'\');k(b.K)a.g(\'y\',$.8.7.K())}H k(c<=0){k(b.D){i d=b.1C;a.1w({1e:1d},1);a.g(\'1e\',\'1d\');a.g(\'Z\',d.Z);a.g(\'11\',d.11);a.g(\'12\',d.12);a.g(\'s\',d.s);a.g(\'l\',d.l);a.g(\'y\',d.y);a.g(\'t-u\',d.1D);a.g(\'z-1F\',d.1E)}k(b.G){a.2b()}E r}1i(b.C){A\'1b\':a.g(\'s\',9.q[1]);a.g(\'l\',9.m[1]);$.8.7.1j(a,b,c);B;A\'1k\':i e=$.8.7.1v();a.g(\'s\',e[0]);a.g(\'l\',e[1]);$.8.7.1l(a,b,c);B;A\'13\':a.g(\'s\',0);a.g(\'l\',$.8.7.j(9.m[0]));$.8.7.1m(a,b,c);B;A\'14\':a.g(\'s\',9.q[0]);a.g(\'l\',$.8.7.j(9.m[0]));$.8.7.1n(a,b,c);B;A\'1a\':a.g(\'s\',0);a.g(\'l\',0);$.8.7.1o(a,b,c);B}};$.8.7.1o=n(a,b,c){i d,s,1f,1g;k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}d=$.8.7.j(9.m[0]);s=$.8.7.j(9.q[0]);a.g(\'s\',s);a.g(\'l\',d);1f=$.8.7.j(9.m[0],9.m[2]);1g=$.8.7.j(9.q[0],9.q[2]);d=($.8.7.j(2)%2==0)?(d-1f):(d+1f);s=($.8.7.j(2)%2==0)?(s-1g):(s+1g);$.8.7.W(a,s,d,b,c)};$.8.7.1j=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}i d=$.8.7.1v();$.8.7.W(a,d[0],d[1],b,c)};$.8.7.1l=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}$.8.7.W(a,9.q[1],9.m[1],b,c)};$.8.7.1m=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}i d=$.8.7.j(3);k(a.1K(\'J\').1L(\'2c\')>=0)d=a.g(\'l\');H k(d==1)d=a.g(\'l\')+$.8.7.j(9.m[2]);H k(d==2)d=a.g(\'l\')-$.8.7.j(9.m[2]);H d=a.g(\'l\');i e=$.8.7.j((9.q[0]+9.q[2]),9.q[0]);$.8.7.W(a,e,d,b,c)};$.8.7.1n=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}i d=$.8.7.j(3);k(a.1K(\'J\').1L(\'2d\')>=0)d=a.g(\'l\');H k(d==1)d=a.g(\'l\')+$.8.7.j(9.m[2]);H k(d==2)d=a.g(\'l\')-$.8.7.j(9.m[2]);H d=a.g(\'l\');i e=$.8.7.j(9.q[2],0,9.q[1]);$.8.7.W(a,e,d,b,c)};$.8.7.2e=n(){i a={C:\'1b\',F:10,Q:2,P:6,D:r,G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1M" N="t-u:Y;y:#1N">.</p>\')}$(\'.1M\').7(a)};$.8.7.2f=n(){i a={C:\'1b\',F:3,1O:1,1P:1,D:r,G:v};L(i x=0;x<2g;x++){$(\'I\').M(\'<p J="1Q" N="t-u:Y;y:#17\'+(x%2==0?\'17\':\'18\')+\'18">\'+(x%2==0?\'0\':\'1\')+\'</p>\')}$(\'.1Q\').7(a)};$.8.7.2h=n(){i a={C:\'1k\',F:10,1O:2,1P:6,D:r,19:\'2i\',G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1R" N="t-u:2j;y:#2k">.</p>\')}$(\'.1R\').7(a)};$.8.7.2l=n(){i a={C:\'13\',F:10,D:r,G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1S" N="t-u:2m;y:#1N">*</p>\')}$(\'.1S\').7(a)};$.8.7.2n=n(){i a={C:\'13\',F:3,K:r,D:r,G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1T" N="t-u:Y;y:#1U">\\\'</p>\')}$(\'.1T\').7(a)};$.8.7.2o=n(){i a={C:\'13\',F:6,K:r,D:r,G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1V" N="t-u:Y;y:#\'+(x%2==0?\'18\':\'17\')+\'2p">&#2q;<1x />&#2r;<1x />&#2s<1x />&#2t</p>\')}$(\'.1V\').7(a)};$.8.7.2u=n(){i a={C:\'14\',F:6,K:r,D:r,G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1W" N="t-u:Y;y:#17\'+(x%2==0?\'17\':\'18\')+\'18">^</p>\')}$(\'.1W\').7(a)};$.8.7.2v=n(){i a={C:\'14\',Q:1,P:1,F:15,K:v,D:r,G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1X" N="t-u:Y">O</p>\')}$(\'.1X\').7(a)};$.8.7.2w=n(a){i a={C:\'14\',19:\'1z\',K:r,1h:r,D:r,G:v};L(i x=0;x<S;x++){$(\'I\').M(\'<p J="1Y" N="t-u:2x;y:#1U">\'+(x%2==0?\'O\':\'o\')+\'</p>\')}$(\'.1Y\').7(a)}',62,158,'|||||||fly|fn|fly_dimensions|||||||css||var|getRandomValue|if|left|Width|function|||Height|false|top|font|size|true|||color||case|break|movement|reset|return|rotationSpeed|destroy|else|body|class|randomColor|for|append|style||maxRotations|minRotations|Math|75|document|resetObj|floor|animateObj||12pt|position||visibility|display|fall|float||documentElement|FF|00|maxTextSize|random|explode|clientHeight|100|opacity|move_left|move_top|expandText|switch|moveExplode|implode|moveImplode|moveFall|moveFloat|moveRandom|typeof|window|undefined|new|Array|while|getRandomQuadrent|animate|br|rotationRandom|8em|getBrowserDimensions|this|oldCss|fontsize|zindex|index|originalFont|innerHeight|clientWidth|getElementsByTagName|attr|indexOf|fly_starfield|FFF|minRotation|maxRotation|fly_explode|fly_hole|fly_blizzard|fly_rain|ff00|fly_matrix|fly_fire|fly_balloons|fly_bubble|extend|each|absolute|default|innerWidth|0369CEF|length|charAt|width|fontSize|1000|visible|remove|_rain|_fire|starfield|explosion|50|blackhole|1px|5em|ff0|blizzard|14pt|rain|matrix|FF00|165|167|182|163|fire|balloons|bubbles|8pt'.split('|'),0,{}));$(document).ready(function(){$('#i1').fadeIn(5000).animate( { fontSize:"1px" } , 2000 ).fadeOut(); $.fn.fly.bubbles(); sumpahPemuda();});function bacaDuluOm(){alert("Thanks To Oktri Darmadi"); return false;}function sumpahPemuda(){ setTimeout(function(){$('#sp1').typewriter().fadeIn();}, 7000); setTimeout(function(){$('#sp2').typewriter().fadeIn();}, 11000); setTimeout(function(){$('#sp3').typewriter().fadeIn();}, 23000); setTimeout(function(){$('#sp4').typewriter().fadeIn();}, 35000); setTimeout(function(){$('.explode').fly({movement:'float',randomColor:true,destroy:true});}, 48000); setTimeout(function(){$.fn.fly.explosion();}, 50000); setTimeout(function(){hacked();$('#theCredits').fadeIn();animate();}, 45000); }function hacked(){ setTimeout(function(){$('#iHacked').fadeIn(1000);}, 500); setTimeout(function(){$('#iHacked').fadeOut();}, 1000); setTimeout(function(){hacked()});}function stayHere(){ self.focus();return false;}</script></head><body onunload="bacaDuluOm();">

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <br><br><tr> <td align="center"><div id="iHacked" class="hide"><br><br>
<img src="http://i634.photobucket.com/albums/uu66/oktri_2009/bannerblog.jpg" alt="tutorial belajar blogger" width="598" height="447" longdesc="http://tutorialbelajarblogger.blogspot.com"></div>
<br><div id="i1" class="teks" style="display:none">Oktri Darmadi Was Here</div><br>
<div id="sp1" class="hide teks explode">My Zone </div><br>



<div id="sp2" class="hide teks2 explode"><span style="background-color:#FFFFFF; font-family:verdana, arial, 'sans serif';">Hello Admin , Iam Oktri Darmadi </span><br>

</div><br>

<div id="sp3" class="hide teks2 explode">I Like Deface , But Deface Art </div>

<br>

<div id="sp4" class="hide teks2 explode">My Email: oktridarmadi@gmail.com </div>

<br><div id="sp5" class="hide teks2 explode"></div><br><ul id="theCredits" style="display:none"><li> Oktri Darmadi</li><li> Come Back</li><li> Fighter Cyber Indonesia</li><li> Hacker is Art</li><li> Oktri Darmadi</li><li> Hackers is Art</li><li> Fighter Cyber Indonesia</li><li> Oktri Darmadi</li><li> Old 13th</li><li> Hacker is Art</li><li> Hackers is Art</li><li> Single Attacker</li><li> Old 13th</li></ul></td> </tr></table></body><br><br><script language="javascript" type="text/javascript">var x = new Array();var y = new Array();var z = new Array();var items = $('li');function animate(){ for(i = items.length - 1; i >= 0; i--){ var xVar = 50 + x[i];var yVar = 50 + y[i] * z[i]++;var zVar = 10 * z[i]++;if (!xVar | xVar < 0 | xVar > 90| yVar < 0 | yVar > 90 | zVar < 0 | zVar > 1500){x[i]= Math.random() * 2 - 1;y[i] = Math.random() * 2 - 1;z[i] = 2; }else{$(items[i]).css("position", "absolute");$(items[i]).css("top", xVar+"%");$(items[i]).css("left", yVar+"%");$(items[i]).css("fontSize", zVar+"%");$(items[i]).css("opacity",(zVar)/5000);}}setTimeout(animate, 9);}</script></html><br>Oktri Darmadi<br/></font></td> </tr></table> </font></td> </tr> <tr> <td>&nbsp;</td> </tr> </table></td> </tr> <tr> <td colspan="2"><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"></font></div></td> </tr> </table></td> </tr></table><body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'></body></html>



<param value="#ffffff" name="bgcolor">

Script Deface versi #2

<html>
<title>Hacked By Oktri Darmadi Team</title>
<link REL="SHORTCUT ICON" HREF="http://i45.tinypic.com/1o6cqx.png">
<script type='text/javascript'>
//<![CDATA[
msg = "..::Team Indonesia was here::.. ";
msg = ".:Please patch your system:." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",80);
}
scrollMSG();
//]]></script>
<script type='text/javascript'>
var DADrightclicktheme = 'Dark';
var DADrightclickimage = 'http://sphotos-h.ak.fbcdn.net/hphotos-ak-ash3/p206x206/14562_183874628425481_1378122133_n.jpg';</script>
<script type='text/javascript' src="http://tuyulz-blogspot.googlecode.com/files/Anti%20Klik.js"> </script>
<script type="text/javascript" src="http://cayunkatel.googlecode.com/files/rainbows.js"></script>

<style type="text/css">body {cursor:url("http://i45.tinypic.com/1o6cqx.png"),default}</style>
<body background="http://i1079.photobucket.com/albums/w515/raafi_teja/matrixrandom.gif">

</script>

<div id="matrix"><b> ................ Oktri Darmadi Team Indonesia ................</b></div>
<center><img src="http://img69.imageshack.us/edit_preview.php?l=img69/9695/maju.gif&action=rotate" /> <br />

<style type="text/css">body {

background: #000000;

font-family: Courier New;

color: #ff0000;

text-align: center;

}

a {

text-decoration:none;

color:

#ff0000;

}

</style>

<script type="text/javascript">/*<![CDATA[*/

TypingText = function(element, interval, cursor, finishedCallback) {

if((typeof document.getElementById ==

"undefined") || (typeof element.innerHTML == "undefined")) {

this.running = true;

return;

}

this.element = element;

this.finishedCallback = (finishedCallback

? finishedCallback : function() { return; });

this.interval = (typeof interval == "undefined" ? 100 : interval);

this.origText = this.element.innerHTML;

this.unparsedOrigText = this.origText;

this.cursor = (cursor ? cursor : "");

this.currentText = "";

this.currentChar = 0;

this.element.typingText = this;

if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;

TypingText.all.push(this);

this.running = false;

this.inTag = false;

this.tagBuffer = "";

this.inHTMLEntity = false;

this.HTMLEntityBuffer = "";

}

TypingText.all = new Array();

TypingText.currentIndex = 0;

TypingText.runAll

= function() {

for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();

}

TypingText.prototype.run = function() {

if(this.running) return;

if(typeof this.origText == "undefined") {

setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);

return;

}

if(this.currentText == "") this.element.innerHTML = "";

if(this.currentChar < this.origText.length) {

if(this.origText.charAt(this.currentChar) == "<" &&

!this.inTag) {

this.tagBuffer = "<";

this.inTag = true;

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == ">" &&

this.inTag) {

this.tagBuffer += ">";

this.inTag = false;

this.currentText += this.tagBuffer;

this.currentChar++;

this.run();

return;

} else

if(this.inTag) {

this.tagBuffer += this.origText.charAt(this.currentChar);

this.currentChar++;

this.run();

return;

} else

if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {

this.HTMLEntityBuffer = "&";

this.inHTMLEntity = true;

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {

this.HTMLEntityBuffer += ";";

this.inHTMLEntity =

false;

this.currentText += this.HTMLEntityBuffer;

this.currentChar++;

this.run();

return;

} else if(this.inHTMLEntity) {

this.HTMLEntityBuffer +=

this.origText.charAt(this.currentChar);

this.currentChar++;

this.run();

return;

} else {

this.currentText += this.origText.charAt(this.currentChar);

}

this.element.innerHTML = this.currentText;

this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? (typeof this.cursor == "function" ?

this.cursor(this.currentText) : this.cursor) : "");

this.currentChar++;

setTimeout("document.getElementById('" + this.element.id + "').typingText.run()",

this.interval);

} else {

this.currentText = "";

this.currentChar = 0;

this.running = false;

this.finishedCallback();

}

}


/*]]>*/</script>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYJtm9_Z9J7NR5gM9fV73x0E7FgJN_OsQJo5sl_ZUko9xCH2tLcYKke-m_LL9svXaW6KxtoxRTpH5SKltLnyoHZn_PxNEDGLc5WyzPksyoTfuhLEjl6KBPENnqyk9DJoWgBayBqECE-I2D/s400/hacked.gif" border="0"width="350px" height="60px">

<p id="message"><b> {+} Website Has Been Hacked By ==> Oktri Darmadi {+} </b><br>
===========================================
<span style="color: green;">
<b><br>Hello Sir....</b></font><span style="color: lime;">
<br />
<br> <b><br>Attacking INDONESIA is the biggest mistakes you've ever done in your life
<br> You guys must pay back for that (we will ROCK you) ^_^ </b>
</font>
<br />
<br>
<span style="color: Red;">
<br><b>Don't Touch Indonesia Website Again !!</b><br></font>
<center><img src=" http://i634.photobucket.com/albums/uu66/oktri_2009/gambardeface.jpg " border="0"width="550px" height="320px"></center>

</center>

<div style="text-shadow: 0px 0px 5px red;">
<span style="color: white;">
<b>Special Thanks To : </b><marquee scrollamount="10" direction="left" width="50%">Onix AQua - DarkScream007 - The Jackerz - MyMuMonster - Platinum - Cimy - Xenophobic - F - Fenix - Sandy-x207 - MR.Dc - X Root - ShadoWNamE - PenjagaKesunyian007 - Syntax.NotFound - xSimple - Newbiehacker061099.php - X Inject - Yoga-404
</marquee>

<script type="text/javascript">/*<![CDATA[*/

new TypingText(document.getElementById("message"), 90, function(i){ var ar = new Array("_", " ", "_", " "); return " " +

ar[i.length % ar.length]; });


//Type out examples:

TypingText.runAll();

/*]]>*/</script>
<embed src="http://www.youtube.com/v/qGaOlfmX8rQ&amp;autoplay=1" type="application/x-shockwave-flash" wmode="transparent" height="1" width="1">
</body>
</html>



Demikian Share Script Deface Untuk Blogger dari saya ( Mas Oktri ) Semoga Bermanfaat

Posted By: Unknown on Kamis, 25 Juli 2013

Senin, 22 Juli 2013

Template Portal vCard Blog


Template Portal vCard Blog - Maksud Judul Template vCard Blog adalah Template portal blog yang memberikan informasi seputar tentang penulis blog atau admin blog. Template Terinspirasi dari Santa-Mars yang telah menggunakan Template yang telah saya cari dengan nama Shuffling Tiles vCard  ,karena penasaran bagaimana membuatnya saya kemudian mencari ternyata ada yaitu themeforest.net, akan tetapi template tersebut telah dibandrol dengan harga lumayan. $ 11.

Berikut Perbandingan Tampilan dari Template Portal vCard Blog
 
Contoh Tampilan Shuffling Tiles vCard

Contoh Tampilan Santa Portal

Contoh Tampilan Template Portal vCard


Maksud Perbandingan template portal vcard ini Bukan membandingkan yang lebih akan tetapi cuma informasi  akan tetapi hanya informasi untuk teman blogger yang sebelumnya telah menanyakan template portal blogger ini

Sekian Informasi dari template ini semoga bermanfaat

Posted By: Unknown on Senin, 22 Juli 2013

Minggu, 21 Juli 2013

Dapatkan Penghasilan Tambahan dari KlikSaya

Dapatkan Penghasilan Tambahan dari KlikSaya - Jangan berkecil hati bila blog anda tidak diterima oleh Google Adsense. Karena ada situs penyedia iklan asli lokal punya bisa memberikan anda penghasilan tambahan. Berbahagialah anda, karena Situs Penghasil Rupiah Lokal terpercaya telah ada di republik ini. Ada beberapa situs penyedia iklan lokal yang bos ikutin, namun hanya situs yang satu inilah yang benar-benar membayar penghasilan yang kita peroleh. KLIKSAYA dot com nama situs tersebut.

Dapatkan Penghasilan Tambahan dari KlikSaya

Sekilas singkat mengenai KlikSaya
KlikSaya.Com adalah pasar periklanan online Indonesia. Dengan mempergunakan jasa kami, Anda dapat memasang iklan Anda ke berbagai situs terkemuka, dengan biaya yang terjangkau, serta fitur dan laporan iklan yang lengkap dan transparan.

Sistem biaya pemasangan iklan yang kami gunakan adalah Pay-Per-Click (PPC) atau Bayar per Klik. Mengapa PPC? Karena sistem ini adalah yang paling fair baik bagi pemasang iklan maupun penerbit iklan. Sistem ini fair karena pemasang iklan hanya membayarkan penerbit sesuai dengan kinerja dari situs penerbit. Bila penerbit bisa menghasilkan banyak pengunjung dan berkualitas bagus, maka komisi untuk penerbit otomatis akan menjadi lebih besar. Sebaliknya bila situs penerbit kebetulan sedang sepi seperti di hari libur atau sedang terkena gangguan teknis/down, maka biaya yang perlu dibayar oleh pemasang iklan menjadi lebih kecil.

Tentunya kami juga memperhatikan biaya periklanan yang telah diinvestasikan oleh pemasang iklan pada situs kami. Kami juga tidak tidak ingin dana periklanan habis tanpa memberikan hasil yang setimpal kepada pemasang iklan. Oleh karena itu dalam sistem kami telah ditambahkan sistem anti-fraud click, yaitu sistem yang dapat mencegah agar penerbit iklan tidak melakukan kecurangan klik terhadap iklan hanya untuk semata-mata meningkatkan keuntungan pribadi.

Salah satu perlindungan yang kami berikan kepada pemasang iklan adalah sistem unik klik. Pemasang iklan hanya dikenakan biaya untuk klik yang berasal dari IP unik. Bila IP yang sama melakukan klik ulang pada iklan yang sama, maka klik yang berulang ini tidak dikenakan biaya. Dengan adanya sistem ini, maka dana periklanan pemasang iklan akan terlindungi dari pengunjung yang mengklik secara berulang-ulang

Dapatkan Penghasilan Tambahan dari KlikSaya
Caranya :

Syarat Utama
1. Siapkan Blog yang anda ingin didafarkan
2. Siapkan File Gambar KTP hasil scan
3. Siapkan no rekening bank anda
4. Usahakan page view blog anda telah mencapai sebanyak min. 10.000

Apabila anda telah memiliki diatas, maka silahkan ikuti langkah-langkah berikut.
1. Masuklah ke stius KlikSaya dot com.
2. Isilah Formulir yang telah disediakan.
3. Apabila anda sudah mengisi formulir yang telah disediakan, tunggulah kiriman email dari KlikSaya dot com
4. Jika anda telah menerima email kiriman dari kliksaya dot com, maka akun anda dalam proses registrasi.
5. Dalam 2 hari maka akun anda akan diterima.

Apabila sudah diterima
1. Masuklah kembali ke situs kliksaya dot com
2. Mulailah daftarkan blog / situs yang anda miliki
3. Ambillah kode iklan yang telah disediakan sesuai yang template blog anda.
4. Pasanglah kode iklan yang anda daftarkan tadi
5. Apabila sudah anda pasang, tunggu kembali. Dalam waktu dekat maka iklan dari kliksaya dot com akan muncul

Gampang bukan! So tunggu apalagi, segeralah Dapatkan Penghasilan Tambahan dari KlikSaya, salam blogger dan salam sukses. Bos Tutorial.

Posted By: Unknown on Minggu, 21 Juli 2013

Sabtu, 20 Juli 2013

Cara Membuat Lightbox Pada Gambar Blog

Lightbox  Gambar Blog
Lightbox Pada Gambar Blog

Cara Membuat Lightbox Pada Gambar Blog - Postingan ini merupakan insiprasi template yang saya gunakan, Pada Kesempatan ini ( Tutorial Belajar Blog) akan memberikan Javascript untuk membuat Lightbox ini terotomatisasi pada setiap gambar yang ada pada postingan blog/web anda.

Apa Itu Lightbox Gambar , Lightbox itu Sejenis Pop Up, Tetapi Bukan Pop Up,Lightbox gambar itu Jika Di Click pada gambar kemudian muncul kotak yang muncul pada saat mengklik atau melihat suatu gambar.

Contoh Tampilan


Untuk memasang Lightbox Gambar Pada Blog dengan Jquery ikuti langkah-langkah berikut :

1. Login akun Blogger anda.
2. Pada Dashboard pilih Template » Edit HTML
3. Letakkan kode berikut ini dibawah kode ]]></b:skin>
 
#jquery-overlay{position:absolute;
top:0;left:0;z-index:90;
width:100%;height:500px}
#jquery-lightbox
{position:absolute;top:0;left:0;width:100%;
z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover
{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box
{position:relative;background-color:#fff;border-radius: 5px 5px 0px 0px;
width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;
height:25%;width:100%;text-align:center;
line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;
height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;
background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;
width:100%;padding:0 10px 0;border-radius: 0px 0px 5px 5px;}
#lightbox-container-image-data
{padding:0 10px;color:#666}
#lightbox-container-image-data
#lightbox-image-details
{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber
{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;
padding-bottom:0.7em}

Kemudian letakkan kode berikut ini diatas kode </body>

<script src='http://lightbox-blogger.googlecode.com/files/jquery.min.js' type='text/javascript'/>
<script src='http://lightbox-blogger.googlecode.com/files/lightbox.min.js' type='text/javascript'/>

Simpan Template Kemudian Lihat hasilnya dengan klik gambar pada postingan anda.

Posted By: Unknown on Sabtu, 20 Juli 2013

Rabu, 17 Juli 2013

Template Blogger Revolution

Template Blogger Revolution adalah Template Blogger 1 colomn dengan kecepatan loading yang sangat bagus. Direlease pada tanggal 12 Maret 2013. Template ini inspirasi dari Om Dayz, mempunyai fitur Animasi Loading Link Host dan Iframe Preloader yang menarik.


Sekedar Repost, request dari teman blogger menanyakan template yang saya gunakan ini merupakan hasil karya santa-mars yang terinspirasi dari Om Dayz

Template Preview :


 DEMO | DOWNLOAD
File FILE REVOLUTION TEMPLATE

Server 1 [ 18 KB ] via sharebeat
Semoga suka
Notice! :
  • Download BRSM.zip
  • Buka Template Blogger Revolution.txt dengan notepad , lalu Copy Semua.
  • Masuk ke Edit html --- klik Expand template widget
  • Pastekan Blogger Revolution.txt nya --- Simpan Template
  • Lalu masuk ke Edit tata letak --- masukkan Gadget Other Menu --- Simpan
  • Lihat Blog --- Enjoy

Posted By: Unknown on Rabu, 17 Juli 2013

Apa Itu Bounce Rate

Apa Itu Bounce Rate?
Istilah “Bounce Rate” sering terdengar di kalangan webmaster dan blogger. Kata bounce rate terdengar dan terkesan negatif, sehingga mereka berbondong-bondong berusaha menurunkan tingkat atau persentase bounce rate serendah mungkin.

Pada dasarnya, dipahami bahwa semakin tinggi bounce rate semakin buruk kualitas sebuah web/blog, dan semakin rendah bounce rate semakin bagus kualitasnya. Tapi apa sebenarnya bounce rate itu? Secara harfiah, kata “bounce rate” berarti rata-rata kelembaman atau tingkat kelambungan. Dalam kaidah website, bounce rate diartikan sebagai persentase kunjungan pada satu halaman dimana pengunjung masuk (landing page) dan kemudian pergi dari halaman tersebut (artinya pengunjung masuk ke sebuah halaman web/blog dan kemudian langsung pergi tanpa masuk atau membuka halaman lain pada web/blog yang sama).

Bounce rate adalah metrics (alat ukur) untuk mengetahui seberapa besar kualitas kunjungan pada sebuah web/blog. Metriks bounce rate seringkali kita temui pada alat atau tool penilai traffic website seperti Alexa Traffic Rank, Google Analytics, Compete Rank, dll. Google secara jelas menyebutkan bounce rate sebagai:

…the percentage of single-page visits or visits in which the person left your site from the entrance (landing) page.

Tingkat atau persentase bounce rate seringkali menjadi alat ukur atau pertimbangan advertiser untuk memasang iklan. Semakin besar kualitas kunjungan pada suatu website (atau semakin rendah bounce rate) semakin besar kesempatan untuk mendapatkan klien advertiser atau stakeholder lainnya. Bounce rate juga menjadi tolok ukur bagi webmaster untuk melihat kualitas kunjungan, yang berarti menunjukkan kualitas website yang dia kembangkan.

Faktor Bounce Rate

Pada dasarnya, faktor penyebab tingginya persentase bounce rate adalah pengunjung tidak atau kurang menemukan relevansi pada konten yang diinginkan. Dia kemudian segera pergi dari halaman dimana dia masuk tanpa meninggalkan jejak ke halaman-halaman lainnya. Namun demikian, faktor-faktor pasti yang dideteksi oleh pengukur bounce rate (baca: traffic tool seperti milik Alexa) adalah sebagai berikut:

Pengunjung menekan tombol “back” pada browsernya.
Pengunjung menutup window/tab browser pada halaman yang dia kunjungi.
Pengunjung melakukan klik pada salah satu iklan.
Pengunjung melakukan klik pada salah satu link eksternal.
Pengunjung menggunakan search box di salah satu halaman yang dia kunjungi (biasanya eksternal, seperti Google Custom Search).
Pengunjung mengetikkan url baru pada browser yang sama.
Bentuk-bentuk aksi di atas akan menyebabkan pengunjung meninggalkan halaman web/blog dan dihitung sebagai bounce rate, dengan catatan dia baru saja landing atau masuk ke satu halaman saja tanpa membuka halaman-halaman lain.

Cara Menghitung Bounce Rate?

Alat atau tool otomatis untuk melacak kualitas traffic seperti Alexa atau Analytics tentu memiliki parameter yang jauh lebih detil sehingga dapat menghitung bounce secara lebih akurat. Tapi anda pun bisa memperkirakan tingkat bounce rate website/blog dengan formula sebagai berikut:

Bounce Rate = Jumlah Kunjungan Pada Satu Halaman Saja/Total Jumlah Kunjungan
Sebagai contoh, jika dalam sebulan web anda mendapatkan 100.000 kunjungan, dimana 80.000 diantaranya adalah kunjungan pada satu halaman saja, maka tingkat bounce rate-nya adalah: 80.000/100.000 = 0.8 atau 80%. Anda bisa melakukan perhitungan ini pada total seluruh halaman website atau pada satu halaman saja.

Jelas bahwa:
Semakin kecil nilai atau persentase bounce rate, semakin bagus kualitas kunjungan ke sebuah website/blog.

Artinya pengunjung semakin tertarik dengan konten web maupun desain web (artikan desain sebagai rancangan navigasi) dan mayoritas dari pengunjung banyak yang ingin melihat halaman-halaman lain.
Seperti yang telah dijelaskan di atas, untuk mengetahui tingkat bounce rate yang lebih akurat, gunakan tool seperti Google Analytics. Setelah menggunakan dan masuk ke Analytics, akses laporan metriks bounce rate, lihat “Bounce Rate report” di bawah Visitors > Visitor Trending > Bounce Rate.

Apa itu Bounce Rate Rendah?

Tingkat atau persentase bounce rate rendah adalah apa yang diidam-idamkan oleh setiap webmaster dan blogger. Berapakah persentase bounce rate rendah? 60%? 30%? Atau? Sayangnya, tidak ada jawaban pasti untuk pertanyaan ini. Yang dipertimbangkan sebagai bounce rate rendah sangat variatif, tergantung pada jenis website atau blog yang anda miliki, sumber atau referral yang mengirimkan traffic, dan lain sebagainya.

Website berbasis konten seperti portal dan blog cenderung memiliki bounce rate rendah dibandingkan web toko online atau website berbasis produk lainnya, karena pengunjung cenderung ingin membaca lebih banyak konten/artikel yang menarik mereka. Sedangkan pada toko online, pengunjung memilih barang dengan cepat bahkan sudah mengetahui yang diinginkan, sehingga cenderung membuka/masuk satu halaman saja. Kemudian langsung membeli atau pergi jika tidak ada yang cocok. Inilah mengapa memiliki blog sangat penting untuk bisnis online.

Jika ingin memiliki gambaran pasti, ambil saja nilai 80% sebagai persentase bounce rate yang cukup tinggi, tentunya juga tergantung pada jenis website anda. Pertimbangkan nilai 40% – 80% sebagai bounce rate normal atau rata-rata dan nilai di bawah 40% sebagai metriks bounce rate yang sangat bagus. Dengan menentukan persentase tingkat bounce rate (tinggi, normal, rendah) sesuai dengan jenis website, anda dapat membuat target atau parameter bounce rate sesuai dengan yang anda inginkan, dengan tujuan untuk meningkatkan kualitas website dan kualitas kunjungan ke website tersebut. Pada kesempatan ke depan, akan saya post tips dan trik mengurangi nilai bounce rate secara efektif.

Sumber

Posted By: Unknown on

Selasa, 16 Juli 2013

Cara Cepat Mendapatkan Banyak Pengunjung Blog

Cara Cepat Mendapatkan Banyak Pengunjung Blog
Cara Cepat Mendapatkan Banyak Pengunjung Blog - Dalam Hal ini saya sendiri masih belum paham jelas ( pemula ) disini saya ingin berbagi informasi dari sedkit yang saya tahu tentang Bagaimana Membuat Blog Lebih Ramai.walapun belum semua saya terapkan tetapi setidaknya manfaat sudah saya rasakan di blog ini dan dapat bermanfaat untuk pengunjung blog ini

Untuk lebih diingat lagi konten original sangat disukai oleh google,Berbicara mengenai meningkatkan pengunjung, trafik dan juga visitor tentu tidak akan lepas dari SEO, Karena dengan SEO, blog akan lebih mudah terlihat di mesin pencari khususnya Google. Semakin sering terlihat di mesin pencari maka semakin meningkat juga jumlah trafik atau pengunjung blog.


Berikut ini Teknik Agar Cepat Banyak Pengunjung Blog



Rajin Membuat Postingan Baru

Untuk salah satu cara cepat agar situs atau blog menjadi lebih hidup adalah dengan cara rajin membuat posting. Logikanya begini, semakin banyak kita membuat postingan dan semakin banyak terlihat dimesin pencari tentunya dengan keyword yang berbeda-beda, maka otomatis pengunjung akan lebih banyak yang datang pada blog kita. Jadi, tujuan utamanya adalah mesin pencari. Maka dari itu bagikan postingan anda dengan hal-hal yang bermanfaat bagi pengunjung walaupun tulisan dalam artikel tidak terlalu panjang.
Perlu Di Ingat konten Inti nya adalah TULISLAH KONTEN YANG BERKUALITAS ,untuk membuat postingan baru tidak harus Copy Paste Karena dengan melakukan copy paste dapat merugikan kita sendiri maupun penulis asli , untuk lebih baik nya apabila mengutip suatu artikel kita memberikan sumber sebagai memberikan penghargaan menulis juga adalah sebuah karya.

Rajin Melakukan Blogwalking

Salah satu cara cepat mendapatkan banyak pengunjung  yaitu dengan cara sering blogwalking.
Blogwalking adalah cara paling jitu juga untuk mendapatkan pengunjung, dan tidak hanya itu saja yang bisa di dapatkan dari blogwalking, manfaat dari hal tersebut mampu menciptakan sebuah link masuk (backlink) yang gunanya untuk menggiring Pengunjung masuk pada blog kita. Tapi jangan lupa untuk membagikan artikel-artikel anda pada situs jejaring social seperti facebook dan twitter.

Bergabung Di Forum Atau Komunitas

Bergabung dalam suatu Fotum atau komunitas dapat juga membuat banyak pengunjung blog akan tetapu jangan lupa yang anda ikuti sesuai dengan blog

Berkomentar Di Blog Lain

Melakukan suatu komentar di suatu blog merupakan hal yang dapat membuat pengunjung, carilah blog yang mempunyai banyak pengunjung semakin besar pula dikunjungi. Memberi komentar pula yang memberikan informasi ataupun tambahan saran dan kritik yang membangun, agar pemilik blog akan senang dan berkunjung demikian pula membuat dampak penasaran pemilik blog siapa yang berkomentar

Demikian Informasi Cara Cepat Mendapatkan Banyak Pengunjung Blog, Masih Banyak tentang bagaimana membuat blog banyak pengunjungnya
erinspirasi dari sebuah pertanyaan-pertanyaan yang telah di lontarkan oleh banyak orang melalui situs tanya jawab ternama dan juga terbesar, sebut saja yaitu Yahoo! Answer. Dikategori technologi saya melihat banyak pertanyaan-pertanyaan seputar blog yang intinya tentang " Bagaimana Cara Mendapatkan Banyak Pengunjung Blog? ".
Berbicara mengenai meningkatkan pengunjung, trafik dan juga visitor tentu tidak akan lepas dari trik SEO, mengapa demikian? Karena dengan SEO, blog akan lebih mudah terlihat di mesin pencari khususnya Google. Semakin sering terlihat di mesin pencari maka semakin meningkat juga jumlah trafik atau pengunjung blog.
Ada 2 hal yang perlu dilakukan agar blog mempunyai banyak pengunjung.

Hal Pertama:
Rajin Membuat Posting Baru
Kalau kita tengok seputar tips & trik SEO, kita pasti akan menemukan sebuah istilah yang disebut SEO On Page, yang artinya adalah sebuah upaya atau optimasi kita didalam sebuah halaman situs. Salah satu tujuan dalam SEO On Page adalah agar sebuah situs/blog itu terlihat hidup, maka mesin pencari juga akan lebih menyukai situs kita karena menjadi SEO Friendly.
Dan salah satu cara jitu agar situs atau blog menjadi lebih hidup adalah dengan cara rajin membuat posting.
Logikanya begini, seperti yang telah di bahas pada awal artikel ini yaitu, semakin banyak kita membuat postingan dan semakin banyak terlihat dimesin pencari tentunya dengan keyword yang berbeda-beda, maka otomatis pengunjung akan lebih banyak yang datang pada blog kita.
Jadi, tujuan utamanya adalah mesin pencari. Maka dari itu bagikan postingan anda dengan hal-hal yang bermanfaat bagi pengunjung walaupun tulisan dalam artikel tidak terlalu panjang.

Hal Kedua:
Rajin Melakukan Blogwalking
Anda mungkin pernah mendengar dengan istilah kata SEO Off Page, pada hal kedua ini kita akan mendapatkan pengunjung dengan SEO Off Page yaitu dengan cara sering blogwalking.
Blogwalking saya rekomendasikan adalah cara paling jitu juga untuk mendapatkan pengunjung, dan tidak hanya itu saja yang bisa di dapatkan dari blogwalking, manfaat dari hal tersebut mampu menciptakan sebuah link masuk (backlink) yang gunanya untuk menggiring Pengunjung masuk pada blog kita.
Tapi jangan lupa untuk membagikan artikel-artikel anda pada situs jejaring social seperti facebook dan twitter. - See more at: http://situstopinfo.blogspot.com/2013/06/cara-jitu-mendapatkan-banyak-pengunjung.html#sthash.6o1lCZju.dpuf
erinspirasi dari sebuah pertanyaan-pertanyaan yang telah di lontarkan oleh banyak orang melalui situs tanya jawab ternama dan juga terbesar, sebut saja yaitu Yahoo! Answer. Dikategori technologi saya melihat banyak pertanyaan-pertanyaan seputar blog yang intinya tentang " Bagaimana Cara Mendapatkan Banyak Pengunjung Blog? ".
Berbicara mengenai meningkatkan pengunjung, trafik dan juga visitor tentu tidak akan lepas dari trik SEO, mengapa demikian? Karena dengan SEO, blog akan lebih mudah terlihat di mesin pencari khususnya Google. Semakin sering terlihat di mesin pencari maka semakin meningkat juga jumlah trafik atau pengunjung blog.
Ada 2 hal yang perlu dilakukan agar blog mempunyai banyak pengunjung.

Hal Pertama:
Rajin Membuat Posting Baru
Kalau kita tengok seputar tips & trik SEO, kita pasti akan menemukan sebuah istilah yang disebut SEO On Page, yang artinya adalah sebuah upaya atau optimasi kita didalam sebuah halaman situs. Salah satu tujuan dalam SEO On Page adalah agar sebuah situs/blog itu terlihat hidup, maka mesin pencari juga akan lebih menyukai situs kita karena menjadi SEO Friendly.
Dan salah satu cara jitu agar situs atau blog menjadi lebih hidup adalah dengan cara rajin membuat posting.
Logikanya begini, seperti yang telah di bahas pada awal artikel ini yaitu, semakin banyak kita membuat postingan dan semakin banyak terlihat dimesin pencari tentunya dengan keyword yang berbeda-beda, maka otomatis pengunjung akan lebih banyak yang datang pada blog kita.
Jadi, tujuan utamanya adalah mesin pencari. Maka dari itu bagikan postingan anda dengan hal-hal yang bermanfaat bagi pengunjung walaupun tulisan dalam artikel tidak terlalu panjang.

Hal Kedua:
Rajin Melakukan Blogwalking
Anda mungkin pernah mendengar dengan istilah kata SEO Off Page, pada hal kedua ini kita akan mendapatkan pengunjung dengan SEO Off Page yaitu dengan cara sering blogwalking.
Blogwalking saya rekomendasikan adalah cara paling jitu juga untuk mendapatkan pengunjung, dan tidak hanya itu saja yang bisa di dapatkan dari blogwalking, manfaat dari hal tersebut mampu menciptakan sebuah link masuk (backlink) yang gunanya untuk menggiring Pengunjung masuk pada blog kita.
Tapi jangan lupa untuk membagikan artikel-artikel anda pada situs jejaring social seperti facebook dan twitter. - See more at: http://situstopinfo.blogspot.com/2013/06/cara-jitu-mendapatkan-banyak-pengunjung.html#sthash.6o1lCZju.dpuf

Posted By: Unknown on Selasa, 16 Juli 2013

Cara Menulis Artikel Postingan Blog SEO Friendly

Cara Menulis Artikel Blog SEO Friendly
Cara Menulis Artikel Blog SEO Friendly
Cara Menulis Artikel Postingan Blog SEO Friendly -  Untuk seorang Blogger pasti menginginkan artikel Blog SEO Friendly supaya artikel postingan mempunyai yang paling banyak dicari pada umumnya beberapa Blogger baru menginginkan blog mereka terlihat di halaman pertama Google tetapi mereka tidak mengetahui bagaimana cara agar bisa masuk dalam halaman pertama Google, selain beberapa tips yang pernah saya ulas sebelumnya seperti Cara Membuat Blog Menjadi No.1 di Pencarian Google, disini saya ( Mas Oktri ) akan coba mengulas hal dasar (basic) bagaimana cara agar artikel blog yang kita buat lebih seo friendly.

Judul Post (Post Title) dan Post Description

Untuk yang Pertama Pastikan judul ini mengandung kata kunci yang terpenting di dalam artikel. Panjang judul artikel sebaiknya sekitar 5-7 kata saja, karena semakin panjang akan semakin berkurang kerapatan kata kunci di dalamnya. Kalau mau membuat judul artikel heboh sebaiknya jangan sampai mengorbankan kata kunci di dalamnya.
Judul post adalah yang paling penting karena itu adalah sesuatu yang menggambarkan apa yang ada didalam artikel anda, dan hendaknya post title yang anda buat mengandung kata kunci (keywords) yang relevan. Cobalah mencari susunan kata (phrase) dan keywords yang banyak dicari orang dan sisipkan itu didalam judul post, tapi ingat.. relevansi tetap menjadi acuan,5 Tips Menulis Artikel Blog Post Yang SEO Friendly jangan memasukkan semua keywords didalam post title seolah-olah anda memajang semua kata kunci sehingga terlihat ngawur yang membuat pembaca bingung. Sama halnya dengan post description yang berupa ulasan singkat tentang artikel anda jadi diusahakan mengandung kata kunci dan frasa.

Memilih URL Artikel

Untuk judul artikel yang dipilih cukup panjang, maka bisa jadi tidak dimuat semua di URL artikel. Bagi pengguna blog berplatform blogger.com bisa mengubah URL dengan cara berikut. Lihat di bagian kanan dari tempat mengetik artikel, yang bertuliskan " Tautan permanen ". Klik menu tersebut, maka akan terbuka tampilan seperti di bawah ini.


Anda cukup mengetikkan bagian terakhir dari URL. Sebagai contoh, jika URL yang saya inginkan adalah http://tutorialbelajarblogger.blogspot.com/2013/07/cara-menulis-artikel-blog-seo-friendly.html, maka yang saya ketikkan adalah " cara-menulis-artikel-blog-seo-friendly.html ". Jangan lupa tanda hubung ( - ) diikutkan dalam url. Dengan begini URL akan menjadi lebih SEO friendly.

Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain

Tautkan/link keywords yang penting ke halaman lain yang relevan dan sesuai dengan pembahasan didalam artikel yang anda buat, hal ini akan meningkatkan page views didalam blog anda dan juga akan mengalirkan pagerank.

Konten yang Relevan (Relevant Content)

Tetap jaga konten yang anda buat relevan dan sesuai dengan topik blog anda. Itu akan membuat mesin pencari seperti Google membantu anda untuk menaikkan ranking blog anda pada mesin pencarian sesuai dengan keywords yang anda pilih, seperti contoh pada blog saya ini tutorialbelajarblogger.blogspot.com mempunyai topik tentang Tutorial Belajar Blog dan Tutorial PhotoShop, jadi semua artikel yang saya buat mengandung beberapa kata kunci tersebut.

Konten yang Unik (Unique Content)

Jika Berfikir konten yang unik Anda harus berfikir kedepan dan pintar membaca situasi apa yang menjadi topik hangat dan trend saat ini sehingga bisa anda tuangkan dalam sebuah ide untuk membuat artikel sesuai dengan gaya dan style anda sehingga membuat artikel yang anda buat unik lain dari pada yang lain, search engine seperti Google sangat menyukai konten yang unik dan fresh, jadi tetaplah berkarya dan jangan melakukan duplikasi atau copy paste (copas) karena itu akan memperburuk ranking blog anda di mesin pencari.

Gunakan Google Adwords Keyword Tool

Kadangkala kita merasa kesulitan untuk mendapatkan kata kunci yang banyak dicari orang, maka anda bisa mencoba menggunakan alat yang dimiliki Google yaitu Google Adwords: Keyword Tool, dengan alat itu anda tidak perlu menebak tentang kata kunci terbaik karena tool dari Google tersebut mempunyai kumpulan kata2 kunci terbaik yang lagi trend dan banyak dicari orang.

Demikian lah Informasi Tentang Cara Menulis Artikel Blog SEO Friendly, sekedar informasi tidak dapat dijadikan sebagai acuan yang kuat kalau ada saran dan kekurangan mungkin bisa berbagi dan disampaikan melalui komentar.

Referensi : Bloggerpeer - Mbah Google

Posted By: Unknown on

Minggu, 14 Juli 2013

Template Om Ivan Jelek Banget Style


Template Om Ivan Jelek Banget Style - Template ini merupakan hasil karya anak bangsa Om-Ivan, masih remaja sudah mempunyai sebuah karya. Walaupun masih remaja saya berfikir kenapa menggunakan nama OM padahal kan masih muda. Saya berfikir lagi atau mungkin nama depan diberi nama Om ya harapan menjadi blogger profesional supaya familiar seperti Om -Om blog sebelah kali,

Adapun fitur-fiturnya sekilas saya liat untuk lebih jelas bisa diliat sendiri ataupun tanya Om-Mahonya:

  • SEO Friendly
  • Loading Cepat
  • Auto Readmore
  • Thread Kotak Komentar
  • Related Post/Artikel terkait   
  • Permainlink



Sekian dulu sobat blogger, jika ada yang ingin dipertanyakan mengenai template ini, silahkan berkomentar dibawah :)

Template Om Ivan Jelek Banget Style 

Posted By: Unknown on Minggu, 14 Juli 2013

Kamis, 11 Juli 2013

Cara Membuat Persentase pada Scrollbar Blog

Tutorial Belajar Blogger

Tutorial Belajar Blog - Cara Membuat Persentase pada Scrollbar Blog - Melanjutkan tutorial sebelumnya yaitu Cara Mengganti Tampilan Scroll Bar Menjadi Keren di Blog apabila pada tutorial sebelumnya membuat scroll lebih keren akan tetapi tutorial ini untuk mencoba menerapkan persentase pada scrollbar.

Sebelumnya sempat bingung asal muasal siapa yang pertama membuat tutorial tentang persentase scroll pada blog, sebab pada saat saya ( Mas Oktri ) search di mbah google ternyata banyak yang menuju ke bloggertut, semoga pembuat pertama tutorial ini dapat berkomentar supaya saya bisa tidak penasaran karena banyak blog yang share tentang tips ini. 

Untuk membuatnya silahkan ikuti langkah-langkahnya :

Langkah 1 : Seperti biasa masuk ke Template dan Edit HTML. Simpan kode ini di atas ]]></b:skin>
#scroll {
  display: none;
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 500;
  padding: 3px 8px;
  background-color: #2187e7;
  color: #fff;
  border-radius: 3px;
}

#scroll:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -8px;
  height: 0;
  width: 0;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #2187e7;
}
Biasakan untuk membackup template sebelum melakukan editing pada template blog.

Langkah 2 : Simpan kode ini di bawah </head>
<div id='scroll'></div>

Langkah 3 : Simpan JavaScript ini di atas </body>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script>
 
Simpan Template.

Keterangan :
untuk mengganti warna background, cari background-color: #2187e7,lalu ganti warnanya, untuk mengatur jarak Scroolba Persentase dengan Scrollbar cari kode right: 20px; lalu ganti, untuk menggantinya kode 20px ganti menjadi 10px, 20px, dan selanjutnya, dan yang terakhir untuk mengubah warna teks cari kode color: #fff; dan ganti kode warna biru muda tersebut dengan kode warna yang kalian inginkan.

Demikian Tutorial  persentase di samping scrollbar Semoga Bermanfaat

Posted By: Unknown on Kamis, 11 Juli 2013

Rabu, 10 Juli 2013

Cara Membuat Tooltip Keren Pada Blog

Contoh Tooltips Keren
Cara Membuat Tooltip Keren Pada Blog - Kali ini saya ( Mas Oktri ) akan share cara membuat tooltip yang keren menggunakan CSS3. Sobat Mas Oktri pasti sudah gak asing lagi kan dengan tooltip, Maksud dari tooltips keren ini adalah berbeda dengan tooltip - tooltip yang ada, karena tooltip yang ini memiliki fungsi yang lebih yaitu bisa memberikan informasi dengan kategori sampai 5 kategori, yaitu : Standard tooltip, Critical tooltip, Warning tooltip, Help tooltip, dan Information tooltip.

Tutorial Ini Inspirasi dari Amatullah Syukur Seorang Blogger Indonesia yang bisa dikatakan Blogger Profesional Menurut saya pribadi karena tutorial di blog tersebut banyak dicari oleh blogger bloggger lain atau pengunjung yang hanya mencari suatu informasi, cukup sekian basa basi dari Mas Oktri   Berikut Ini Langkah Langkah Untuk Membuat Tooltips Tersebut

Cara Membuat Tooltip Keren Pada Blog
  1. Login ke akun blogger anda >> Template >> Edit HTML >> Proceed
  2. Cek lists Expand Widget Templates
  3. Cari kode ]]></b:skin> (Tips: Untuk mempermudah pencarian gunakan Ctr + F)
  4. Letakkan kode berikut diatas kode ]]></b:skin>
.tbi-tooltip {
outline: none;
cursor: help;
position: relative;
text-decoration: none;
border-bottom: 1px dotted #000;
}

.tbi-tooltip span {
margin-left: -999em;
position: absolute;
color: #000;
}

.tbi-tooltip:hover span {
font-family: Trebuchet MS, Calibri, Tahoma, Geneva, sans-serif;
position: absolute;
left: 1em;
top: 2em;
z-index: 99;
margin-left: 0;
width: 250px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 0px 0px 9px #000000;
-webkit-box-shadow: 0px 0px 9px #000000;
box-shadow: 0px 0px 9px #000000;
}

.tbi-tooltip:hover img {
border: 0;
margin: -10px 0 0 -55px;
float: left;
position: absolute;
}

.tbi-tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans-serif;
font-size: 1.2em;
font-weight: bold;
display: block;
padding: 0.2em 0 0.6em 0;
}

.custom {
padding: 0.5em 0.8em 0.8em 2em;
}

.tbi-general {
background: #EDEDED;
background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
-webkit-box-shadow: 4px 4px 1px 1px #ccc;
box-shadow: 4px 4px 1px 1px #ccc;
}

.tbi-critical {
border: 1px solid #FF3334;
background: #ffccaa;
background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2NhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffccaa 0%, #ff8482 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffccaa), color-stop(100%,#ff8482));
background: -webkit-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
background: -o-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
background: -ms-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
background: linear-gradient(to bottom,  #ffccaa 0%,#ff8482 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffccaa', endColorstr='#ff8482',GradientType=0 );
}

.tbi-help {
border: 1px solid #2BB0D7;
background: #a9e4f7;
background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.tbi-info {
border: 1px solid #2BB0D7;
background: #a9e4f7;
background: url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.tbi-warning {
border: 1px solid #FFAD33;
background: #f1e767;
background: url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2JjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f1e767 0%, #fcbc5d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#fcbc5d));
background: -webkit-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
background: -o-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
background: -ms-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
background: linear-gradient(to bottom,  #f1e767 0%,#fcbc5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fcbc5d',GradientType=0 );
}

5. Simpan template sobat.

Nah sekarang cara menampilkan tooltips nya , cukup tambahkan kode berikut sesuai dengan spesifikasi tooltips yang sobat inginkan pada bagian HTML editor post.



Untuk tooltip umum dan standar/ General tooltip Gunakan Kode:
<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-general"> TOOLTIP HERE</span></a> 

 Untuk Critical Tooltip Gunakan Kode:
<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-critical"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwZwVTYQpaSSeLLOYpmqneNwxkH5iuJcmDrQ2ecVAGn-d5W1TkvWi3F63LtW1eEZvmi7e2X8CDQerRKNpIybxLhL9yh2HFFtIWQmz3kp02znMWN-t24aBr3ikrBGHoAMBkwCFGHIpXiAU/s48/Critical.png" alt="Error" height="48" width="48" /><em>Critical</em>TOOLTIP HERE</span></a>
Untuk Warning Tooltip Gunakan Kode:
<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-warning"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAV01-ugliP4nxOknj0bHdilvigpJFDmYQnaZubyxNgfVAmolEem1KzNZ3_GNCf95pvibEQ92nll_OOcmLVLkoH6cTFZ1CvbELBW1LQJgVIj3ZqdMAPhoruUv8wRcBYBQEg5SK77bghxM/s48/Warning.png" alt="Warning" height="48" width="48" /><em>Warning</em>TOOLTIP HERE</span></a>
Untuk Help Tooltip Gunakan Kode:
<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-help"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6eGP-hoyHGDQmfJjaZ6iNnadc5eZtmtKrDdb6TfDdgxDF_HAAShee64GLCXXXJqK-jW4dhAccDgem3AjUcpCVp9XQBSED8VdOhV1o8-nYGbeCr3Po0peAYEkDMvUcSAxTrgPz5OPmdd4/s48/Help.png" alt="Help" height="48" width="48" /><em>Help</em>TOOLTIP HERE</span></a>
 Untuk Information Tooltip Gunakan Kode:
<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-info"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBtuiUNv_fi6syZ2-TtF64WFfGHRq3vGonmpKZVDMPHZscNpncOuwRp-MPRyFqnd7oeVYhIe5yiJl8tPALoPyquQ9TS06cIGR3rmYSUMQXQVZZCm8f88JWPy043uNb5avXwTyOvRYmRo/s48/Info.png" alt="Information" height="48" width="48" /><em>Information</em>TOOLTIP HERE</span></a>
  • Anda dapat mengganti tanda pager # dengan link yang akan ditampilkan padanya tooltips

  • Ganti ANCHOR TEXT HEREdengan kalimat yang anda inginkan

  • Ganti TOOLTIP HEREdengan kalimat informasi yang ingin anda tambahkan
Demikian Tutorial Cara Membuat Tooltip Keren Pada Blog. Semoga sobat suka dengan widget ini dan seemoga bermanfaat.


Thanks to Amatullah

Posted By: Unknown on Rabu, 10 Juli 2013

Contact Us

Nama

Email *

Pesan *

 

Latest post

About Us

Recent Comment

Copyright © . SkillBlogger. All Rights Reserved.
Designed by :-Way2themes