Menambah Author Box di bawah Postingan Kita

• Log in ke blogger

• Di halaman dashbor 

• Pilih rancangan

• Kemudian pilih edit HTML

• Lalu centang kotak Expand Template Widget

• Lalu cari kode  ]]></b:skin> lalu taruh kode berikut diatas kode  ]]></b:skin>

• .author-box {
  background: #f0f0f0;
  margin: 20px 0 40px 0;
  padding: 10px;
  overflow: auto;
  color:#888;
  font-family:verdana, sans-serif;
  }
  .author-box p {
  margin: 0;
  padding: 0;
  }
  .author-box a{
  color:#666;
  }
  .author-box img {
  background: #FFFFFF;
  float: left;
  margin: 0 10px 0 0;
  padding: 4px;
  }

• lalu cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut dibawahnya

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

    <div class='author-box'>
    <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
   Sekilas tentang diri kita<br/></p>
    </div>
    </b:if>

*Ganti url avatar dengan photo anda, dan about ganti dengan sekilas tentang anda

selesai

Read More

Menghilangkan Label pada Postingan

label pada tau kagak? ha gak tau ? ne gue kasi tau yakk wkaka #abaikan, label, label ini fungsinya untuk menkategorikan postingan kita,,, contoh'a kategori nya unik maka isi kategori itu pun yang ade hubungannye sama keunikan #abaikan...noh mongo mongo gini ni caranya...cekidot..


Seperti biasanya

• Log in ke blogger

• Di dashbor 

• Pilih rancangan

• Kemudian pilih edit HTML

• Beri tandang centang pada Expand Template Widget

• Lalu cari kode berikut dengan tombol Control F atau F3

span class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if></b:loop></b:if>
</span>

• Lalu hapus kode tersebut

Read More

Membuat Menu Melayang dengan Sentuhan Jquery dan CSS3

Udah pernah lihat menu melayang belum ?pasti sudah kan..kali ini gue mau share trik menu melayang, tetapi menu ini dilengkapi jquery dan css3.effect animasi hover'a dengan css3 dan effect melayang dengan jquery yang selalu mengikuti layar kita.contoh'a bisa sobat lihat disini mau tau cara'a?lets go...

Pertama-tama 

• Log in ke blogger

• Pilih rancangan

• Pilih edit HTML

• Lalu maukan CSS dibawah ini ke template sobat

• #floatMenu {
  position:absolute;
  top:150px;
  left:50%;
  margin-left:235px;
  width:80px;}
  #floatMenu ul {list-style-type: none;}
  #floatMenu ul li a {
  display:block;
  background:-moz-linear-gradient(-90deg, #222, #2b2b2b) repeat scroll 0 0 transparent;
  background:-webkit-gradient(linear, left top, left bottom, from(#222), to(#2b2b2b));
  border:1px solid #999;
  border-left:6px solid #999;
  text-decoration:none;
  color:#ccc;
  padding:5px 5px 5px 25px;
  width:80px;
  -webkit-transition: all 0.6s ease-out;
  box-shadow: #333 0px 0px 10px;
  -moz-box-shadow: #333 0px 0px 10px;
  -webkit-box-shadow: #333 0px 0px 10px;
  }
  #floatMenu ul li a:hover {
  color:#fff;
  background-color:#333333;
  border-right:6px solid #999;
  width:150px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 0px;
  }
  #floatMenu ul.menu1 li a:hover {border-color:#09f;}
  
  
  
  *Note kode warna dapat diganti sesuai keinginan sobat

• Kemudian sobat masukan kode dibawah ini dibawah kode  ]]></b:skin>

<script language="javascript" src="https://sites.google.com/site/djogzs/js/jquery_mini.js"></script>
<script language="javascript" src="https://sites.google.com/site/djogzs/js/jquery.dimensions.js"></script> 
<script language="javascript"> 
var name = "#floatMenu";
var menuYloc = null;

$(document).ready(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function () { 
offset = menuYloc+$(document).scrollTop()+"px";
$(name).animate({top:offset},{duration:500,queue:false});
});
}); 
</script>

• lalu masukan kode dibawah ini diatas kode  </body>

<div id="floatMenu">
<ul class="menu1">
<li><a href="#" onclick="return false;"> Home </a></li>
<li><a href="#" onclick="return false;"> About </a></li>
<li><a href="#" onclick="return false;"> Contact </a></li>
<li><a href="#" onclick="return false;"> Blog </a></li>
<li><a href='#' onclick='MGJS.goTop();return false;' onclick="return false;"> Back to top </a></li>
</ul>
</div>

*Note:
- Ganti tanda # dengan Url sobat.
- Ganti juga Nama link sobat.
- Apabila tidak berhasil delete aja onclick="return false;"

• Selesei,,,

Read More

Membuat Link Pelangi

Apakah kamu bingung ketika mouse kamu tunjukkan pada link di blog ini???
ya..... ketika kamu menyorot link di blog ini linknya kan berwarna-warni coba aja kalo gak percaya!!!
pengen nampilin link blogmu seperti ini?

• Sign In di Blogger

• Klik rancangan lalu klik Edit HTML

• Cari kode ini : <head>

• Setelah itu Copy Pasta kode ini dibawahnya :

&lt;script src='http://pamungkaz.googlepages.com/rainbow.js'&gt;

/*
Rainbow Links Script- TAKANASHI Mizuki
For full source code, 100&amp;#39;s more DHTML scripts, and TOS,
Visit http://www.dynamicdrive.com
*/

&lt;/script&gt;

• Klik Simpan Template

*Bila ingin dilihat dahulu klik pratinjau

Read More

Buat Cursor Bertaburan Bintang

Kali ini gue akan ngepost cara buat kursor saat digerakkan ada taburan bintang nya gitu, liat aje dah blog kalo kagak sempet liat bintang asli wkaka*geje...noh mongo nih cara-caranya:

• Log in ke blogger

• Pilih rancangan lalu

• Klik Tambah gadget

• Lalu pilih HTML/JavaScript 

• lalu masukan kode HTML berikut

• <script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

• Kata biru dapat diganti sesuai keinginan seperti hijau, merah de el el

• Klik Save

Read More

Membuat Efek Salju di Blog

Kali ini gue akan bahas membuat efek salju. blog kita akan terlihat lebih dingin..wkaka..wlaupun tinggal di daerah tropis..noh begono nih cara-caranya:

• Log in ke blogger

• Pilih rancangan lalu

• Klik tambah gadget

• Pilih HTML/JavaScript

• Lalu masukan kode berikut

• <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>

• Klik simpan

Read More

Membuat Energy Saving Mode

Energy saving mode, energy saving mode merupakan tampilan blog gelap apabila tidak ada aktivitas yang digunakan, karena energy semakin  mahal, ayo kita pakai energy saving mode...ini caranya

• Log in ke blogger

• Dihalaman dashbor klik rancangan

• Kemudian pilih edit html

• Lalu beri tanda centang pada Expand Template Widget

• Lalu cari kode  </head> degan control f lalu taruh kode dibawah ini diatas kode </head> tersebut

• <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
  <script>jQuery.noConflict();</script>

• Lalu klik Save

Read More

Cara Mengganti Template

• Terlebih dahulu download template yang anda suka. alamat template bagus antara lain Click Here

• Nah template itu belum langsung bisa dipakai, harus di Extract terlebih dahulu, dengan cara klik kanan pada template lalu klik "Extract Here"

• Lalu log in ke blogger

• Lalu pilih template 

• Lalu klik cadangan

• dan pilih template yang telah di extract tadi lalu unggah 

• Selesai

Read More

Membuat Blog Tidak Bisa dicopy Paste 2

Kemaren* gue udah ngepost membuat blog tidak bisa dicopy...dengan script anti klik kanan..nah karena masih ada tombol control c kita masih bisa copas nah berikut ini agar orang tidak  bisa copy posting kita dari klik kanan maupun lewat tombol control c itu..

• Log in ke blogger

• Dihalaman dashbor lalu sobat klik rancangan

• Lalu pilih edit html

• Lalu beri centang pada Expand Template Widget

• Lalu cari kode  </head> dengan tombol control f lalu taruh kode dibawah diatas kode </head>

• <script type="text/javascript"> function disableSelection(target){
  if (typeof target.onselectstart!="undefined") //IE route
      target.onselectstart=function(){return false}
  else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
      target.style.MozUserSelect="none"
  else //All other route (ie: Opera)
      target.onmousedown=function(){return false}
  target.style.cursor = "default"
  }
  </script>

• Lalu taruh kode berikut dibawah </head>

• <script type="text/javascript"> disableSelection(document.body) //disable text selection on entire body of page </script>

• lalu klik save

Read More

Membuat Efek Buble di Kursor Saat digerakkan

•  Log in ke Blogger

• Lalu pilih rancangan 

• Klik tambah gadget

• Pilih HTML/JavaScript

• Maukkan kode dibawah ini 

• <noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
  
      // <![CDATA[
  
      var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
  
      var bubbles=100; // maximum number of bubbles on screen
  
      var x=ox=400;
  
      var y=oy=300;
  
      var swide=800;
  
      var shigh=600;
  
      var sleft=sdown=0;
  
      var bubb=new Array();
  
      var bubbx=new Array();
  
      var bubby=new Array();
  
      var bubbs=new Array();
  
      window.onload=function() { if (document.getElementById) {
  
      var rats, div;
  
      for (var i=0; i<bubbles; i++) {
  
      rats=createDiv("3px", "3px");
  
      rats.style.visibility="hidden";
  
      div=createDiv("auto", "auto");
  
      rats.appendChild(div);
  
      div=div.style;
  
      div.top="1px";
  
      div.left="0px";
  
      div.bottom="1px";
  
      div.right="0px";
  
      div.borderLeft="1px solid "+colours[3];
  
      div.borderRight="1px solid "+colours[1];
  
      div=createDiv("auto", "auto");
  
      rats.appendChild(div);
  
      div=div.style;
  
      div.top="0px";
  
      div.left="1px";
  
      div.right="1px";
  
      div.bottom="0px"
  
      div.borderTop="1px solid "+colours[0];
  
      div.borderBottom="1px solid "+colours[2];
  
      div=createDiv("auto", "auto");
  
      rats.appendChild(div);
  
      div=div.style;
  
      div.left="1px";
  
      div.right="1px";
  
      div.bottom="1px";
  
      div.top="1px";
  
      div.backgroundColor=colours[4];
  
      div.opacity=0.5;
  
      if (document.all) div.filter="alpha(opacity=50)";
  
      document.body.appendChild(rats);
  
      bubb[i]=rats.style;
  
      }
  
      set_scroll();
  
      set_width();
  
      bubble();
  
      }}
  
      function bubble() {
  
      var c;
  
      if (x!=ox || y!=oy) {
  
      ox=x;
  
      oy=y;
  
      for (c=0; c<bubbles; c++) if (!bubby[c]) {
  
      bubb[c].left=(bubbx[c]=x)+"px";
  
      bubb[c].top=(bubby[c]=y)+"px";
  
      bubb[c].width="3px";
  
      bubb[c].height="3px"
  
      bubb[c].visibility="visible";
  
      bubbs[c]=3;
  
      break;
  
      }
  
      }
  
      for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
  
      setTimeout("bubble()", 40);
  
      }
  
      function update_bubb(i) {
  
      if (bubby[i]) {
  
      bubby[i]-=bubbs[i]/2+i%2;
  
      bubbx[i]+=(i%5-2)/5;
  
      if (bubby[i]>sdown && bubbx[i]>0) {
  
      if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
  
      bubb[i].width=bubbs[i]+"px";
  
      bubb[i].height=bubbs[i]+"px";
  
      }
  
      bubb[i].top=bubby[i]+"px";
  
      bubb[i].left=bubbx[i]+"px";
  
      }
  
      else {
  
      bubb[i].visibility="hidden";
  
      bubby[i]=0;
  
      return;
  
      }
  
      }
  
      }
  
      document.onmousemove=mouse;
  
      function mouse(e) {
  
      set_scroll();
  
      y=(e)?e.pageY:event.y+sleft;
  
      x=(e)?e.pageX:event.x+sdown; }
  
      window.onresize=set_width;
  
      function set_width() {
  
      if (document.documentElement && document.documentElement.clientWidth) {
  
      swide=document.documentElement.clientWidth;
  
      shigh=document.documentElement.clientHeight;
  
      }
  
      else if (typeof(self.innerHeight)=="number") {
  
      swide=self.innerWidth;
  
      shigh=self.innerHeight;
  
      }
  
      else if (document.body.clientWidth) {
  
      swide=document.body.clientWidth;
  
      shigh=document.body.clientHeight;
  
      }
  
      else {
  
      swide=800;
  
      shigh=600;
  
      }
  
      }
  
      window.onscroll=set_scroll;
  
      function set_scroll() {
  
      if (typeof(self.pageYOffset)=="number") {
  
      sdown=self.pageYOffset;
  
      sleft=self.pageXOffset;
  
      }
  
      else if (document.body.scrollTop || document.body.scrollLeft) {
  
      sdown=document.body.scrollTop;
  
      sleft=document.body.scrollLeft;
  
      }
  
      else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  
      sleft=document.documentElement.scrollLeft;
  
      sdown=document.documentElement.scrollTop;
  
      }
  
      else {
  
      sdown=0;
  
      sleft=0;
  
      }
  
      }
  
      function createDiv(height, width) {
  
      var div=document.createElement("div");
  
      div.style.position="absolute";
  
      div.style.height=height;
  
      div.style.width=width;
  
      div.style.overflow="hidden";
  
      return (div);
  
      }
  
      // ]]>
  
      </script>

• Kode warna biru dapat diganti sesuai keinginan sobat

Read More

Memfilter Kalimat Kotor diblog

• Log In 

• Dihalaman Dashbor, pilih rancagan

• Pilih edit HTML

• beri tanda centang pada expand template widget

• cari kode  <body> dengan menggunakan Control F

• dan taruh kode berikut diatas  <body>

• <script type='text/javascript'>
  //<![CDATA[
  function badwordfilter(ID){
  var comm = document.getElementById(ID);
  var comment = comm.innerHTML;
  var reBadWords = /katakotor1|katakotor2|katakotor3/gi;
  comment1 = comment.replace(reBadWords, "****");
  comm.innerHTML = comment1;
  comm.style.display = "block";
  }
  //]]>
  </script>

• Ganti kode biru sesuai kata apa yang akan difilter sobat dan bisa sobat tambah lagi      

• lalu cari kode  <p><data:comment.body/></p>  dan ganti dengan kode ini

• <p>
  <div expr:id='data:comment.id' style='display:none;'>
  <data:comment.body/>
  </div>
  <script type='text/javascript'>badwordfilter(&quot;<data:comment.id/>&quot;);
  </script></p>  

• klik save

Read More

Menambah Share Button Vertikal

Pertama-tama seperti biasa:

• Log In ke blogger

• Pilih rancanngan 

• Lalu klik tambah gadget

• dan klik HTML/Javascript

• Lalu masukan kode di bawah ini

• <div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="top:150px;left:20px;">
  <div class="addthis_toolbox addthis_default_style">
  <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>
  <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>
  <span><a class="addthis_button_tweet" tw:count="vertical"></a></span>
  </div>
  </div>
  <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

• lalu klik simpan

judul boleh diisi atau tidak

Read More

Pesan Penutup di Blogspot

Tadi gue udah posting pesan pembuka blog yak sekarang penutupnya...okke okke ni caranya:

• Log in ke blogger

• Pilih rancangan atau desain

• Pilih edit html dan centang expand template

• Cari kode  </head>

• lalu tambah kode berikut tepat dibawah kode </head>

• <script type=âtext/javascriptâ>
  
  // goodbye alert
  function goodbye(){
  alert('findpatch.info');
  }
  parent.window.onunload=goodbye;                                                                                                                                         </script>

*Kode biru dapat diubah sesuai keinginan

Read More

Membuat Pesan Pembuka di Blog

Langsung aje dah ,,ga usah ba bi bu yak..
Cekidot...ha

• Login ke  Dashboard 

• Pilih Template

• Edit HTML

• Cari kode  ]]></b:skin> atau tekan Control F

• Masukan kode dibawah ini tepat dibawah kode  ]]></b:skin> 

• Lalu  taruh kode nya                                                                                                           &lt;SCRIPT language='JavaScript'&gt;alert(&amp;quot; Welcome to my blog jangan lupa datang kembali&amp;quot;);&lt;/SCRIPT&gt;

• Klik Save atau klik pratinjau bila ingin dilihat ter 

Warna biru dapat diganti sesuai keinginan 

Read More

Script Anti Klik Kanan

Untuk meminimalis copy-paste postingan pada blog sobat, berikut ada script anti klik kanan yang bisa sobat pasang diblog sobat guna menghindari aksi copy-paste.

Berikut caranya:

 Login ke akun blog sobat.

 

 Klik menu Rancangan --> Elemen Halaman. 

 

 Klik Tambah Gadget --> HTML/JavaScript.

 

 Pastekan script dibawah ini ke kolom konten. Kolom nama tak perlu diisi, biarkan kosong

<script language="javascript">
<!--//Matikan Klik Kanan
var message="Maaf Yak Ga Bisa Klik Kanan"; ///////////////////////////////////
function clickIE() {
if (document.all) {(message);return false;}}
function clickNS(e) {
if (document.layers||(document.getElementById&&!document.all))
{
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("alert(message);return false") // --></script>

*Ket: Teks warna biru dapat sobat ganti dengan pesan peringatan buatan sobat. 

Klik tombol Simpan.

Read More

Mengetahui Pengunjung Blog Kita

Guys pada tau kagak tab warna merah kecil trus ada lambang orangnya? tau dong itu adalah online tracker. Fungsinya yaitu untuk mengetahui siapa saja yang online di blog kita ( masih berada di blog kita ). ini ada beberapa screenshoot...




cara nya:
1.Buka blog..
2.Edit html
3.Cari kode ]]></b:skin>  atau Control F
4.Lalu kode kode dibawah ini copas di bawah kode di atas!...

5.Klik Save..

Selamat mencoba...

1.kode :

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "qb8", "left-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

2. kode: 


<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "ywz", "left-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

  

3. kode:

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "zzp", "left-lower"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

  

4. kode:

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "s8i", "bottom-left"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

 

5.kode :

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "9xs", "bottom-center"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

 

6.kode :

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "7rh", "bottom-right"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

 

7.kode:

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "2ok", "right-upper"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

 

8.kode:

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "buc", "right-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

 

9.kode:

<script>var _wau = _wau || []; _wau.push(["tab", "tv2y8bhsgz7u", "82i", "right-lower"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

Read More