backlink


cara meningkatkan trafick blog atau website yaitu dengan cara menggunakan trik baclink.cara ini sangat jitu meningkatkan trafik.banyak orang-orang yang menggunakan trik backlink karena sangat mudah mudah.aku tidak banyak bicara bisa langsung di coba link bancklink seperti berikut ini
1http://w3seo.info/backlink-maker
2.http://www.marketingblogonline.com/autobacklinks/
3.http://smallseotools.com/backlink-maker/
4.http://www.official.my/freebacklinks.php
5.http://www.linksoar.com/seo-tools
6.http://www.freebacklinkbuilder.net/
7.http://real-backlinks.com/en
8.http://www.free-web-submission.co.uk/
9.http://247backlinks.info/
10.http://sitowebinfo.com/back/
11.http://addurl.excitesubmit.com/
12.http://autobacklinkbuilder.com/linkscout-performance-marketing-machine/
13.http://seounity.com/tools/backlink-builder/
14.http://www.2000backlink.com/
15.http://www.backlinkr.net/
backlink comen
1.http://www.eac.gov
2.http://www.edinburgh.gov.uk
3.http://powershift.org
4.http://www.bicycling.com/
5.https://www.hendrix.edu/
6.https://teens.drugabuse.gov
7.https://myspace.com
forum
1.forums.myspace.com
2.forum.joomla.org
3. forum.siteground.com
4. c7y-bb.phparchitect.com
5. forum.meebo.com
6. drupal.org/forum
7. forums.cpanel.net
8.forum.wordreference.com
9. forum.filezilla-project.org
10. sitepoint.com/forums
11. forums.sun.com/index.jspa
12. forums.mysql.com
13- forums.cnet.com
14. bookforum.com
15. mathforum.org
16. forums.photobucket.com
17.gardenweb.com
18. forums.wsj.com
19. forums.cnet.com
20. forum.videolan.org  
21. wrensoft.com/forum
22. pkp.sfu.ca/support/forum
23. audacityteam.org/forum
24. arch.designcommunity.com
25.forum.filezilla-project.org
26.awasu.com/forums
27. forums.mozilla.or.kr
28.flashpanoramas.com/forum
29. hostmonsterforum.com
30. forum.visagesoft.com
31. forum.maxthon.com
32. claroline.net/forum
33. message.snopes.com
34. softcatala.org/forum
35. forum.claroline.net
36. fckeditor.net/forums
37. 000webhost.com/forum
38. forum.wordreference.com
39. forums.mozillazine.org
40. forums.spry.com
41.Forum wikipedia.org
42.forum mozilla.org 

cara masang tombol Subscribe youtube di blog


totorial ini aku beri judul cara memasang tombol  subscribe youtube diblog,cara ingin banyak subscribe atau langganan youtube yaitu dengan cara memasang tombol subscribe youtube di blog,cara ini ingin sangat efektif untuk menambah pelanggan di youtube.sekarang juga bisa mencoba totrorialnya seperti berikut ini
1.https://developers.google.com
 2.klik youtube
 3.ADD A BUTTON
 4.klik ID
5copy id youtube
7.pastakan id youtube
8.copy code scrip
 9.buka blog =>layout =>HTML/java scrip
10.pastakan code scrip youtube
 11.hasilnya
12.selesai

cara bikin loding di blog


Totorial tentang membahas cara membuat looding di blog,apa bila ingin membuat tambahan atau ingin membuat variasi blog dengan menambahkan looding di blog,supaya blog menarik untuk di lihat oleh pengunjung.jadi kalau ingin membuat looding di blog bisa  membaca totorial ini dan pertama-tama harus memahami tentang cara memasang scrip di blog dengan benar kalau tidak tempat maka tidak bisa tampil. 1.buka blog
2.klik template
3.edit template
4.cari code ini </body> atau mencari dengan tekan tombol CTR+F
 letakan diatasnya.Pada body background disisipkan kode<div id="page-loader"></div> ditampilkan dengan efek fadein dengan waktu 1000 detik, penundaan 8000detik, diakhiri dengan efek fadeout 1000detik.
<script type='text/javascript'>

//<![CDATA[

$(document.body).append('<div id="page-loader"></div>');

$(window).on("beforeunload", function() {

$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);

});

//]]>

</script>
Setelah kode diatas sudah anda terapkan, kemudian anda cari kode ]]></b:skin> anda letakkan sebelum kode atau tepatnya diatas kode ]]></b:skin>
page-loader {

position:fixed !important;

position:absolute;

top:0;

right:0;

bottom:0;

left:0;

z-index:999999;

background: #000 url("URL IMAGE") no-repeat 50% 50%;

padding:1em 1.2em;

display:none

}

tinggal mengganti backgroun dan ulr image

https://1.bp.blogspot.com/-afTMMcdnZoo/V-fgiFSLU5I/AAAAAAAAB7k/jX-2F6EKqFc5tw-uARBVk8aNxvTagoxFACLcB/s1600/2.gif


https://3.bp.blogspot.com/-l22meSbGLcc/V-ff9TAGu8I/AAAAAAAAB7c/-Eu6A4BnzkQgGSKQCRrqEV574Ff505JUQCLcB/s1600/e.gif



href="https://1.bp.blogspot.com/-QluTIX3e9dA/V-fgTZH4HzI/AAAAAAAAB7g/VnBhLO6auCsjJoSaKWA6HcYHO9e_SDg6ACLcB/s1600/1.gif



href="https://3.bp.blogspot.com/-2qClOdVP2b0/V-fgvse_qcI/AAAAAAAAB7o/0gqmxFw0p-EvnRYcnz7A1Q8FFgrYH3RYQCLcB/s1600/3.gif



href="https://4.bp.blogspot.com/-A5P5gOpqJmY/V-fg7mJJW6I/AAAAAAAAB7s/0eU8W4tUbNYpZiAzO0c4Zn5PSgxEEyuNQCLcB/s1600/5.gif



href="https://4.bp.blogspot.com/-ULwPE4tbnWs/V-fhHllr8ZI/AAAAAAAAB7w/iREyRSdAb780_bY2O7G7vWhlsP1vQa1aQCLcB/s1600/7.gif


https://2.bp.blogspot.com/-XlLm-WJczkE/V-fhTqTnEUI/AAAAAAAAB74/xHxl5raPwGA8iHUi3y3iJROlTYK3YKXtgCLcB/s1600/9.gif


cara masang widget untuk mengetahui pengunjung di blog


cara ingin mengetahui ada beberapa pengujung yang melihat blog anda,cara memasang widget di blog anda supaya bisa melihat apakah blog ramai atau sepi pengunjung jadi bisa memantau blog tiap hari dengan cara memasang widget di blog.sebelum membuat widget ada bisa mengujungi situs di bawah ini untuk mendapatkan code scrip
1 http://whos.amung.us/
 2.ada beberapa pilihaqn widget yang suka
3.layout => add a gadget => HTML/java scrip
4.pastakan scrip
5.tampilan
6.selesai

cara masang menu di bwah atau di atas header


Cara membuat header di blog,pertama Anda perlu membuat header blog menggunakan scrip di bawah ini dan siapkan gambar  baru untuk menggunakan gambar favorit Anda Lihat membuat template yang lebar kepala HTML dari blog Anda dan catatan dari blog Anda,Mungkin Anda ingin blog baru Anda dengan pikiran yang lebar itu,Jangan khawatir tentang tinggi,ini dapat sebagai besar atau kecil akan berbagi cara memasang header di blog
1.1.buka blog
  2.template
  3.edit HTML

2.copy
/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: #ff0000 repeat-x;width:980px;margin:0 auto;padding:0 auto} #menuwrapper{width:980px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#000000;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
3.Cari kode ]]> </ b: skin> (gunakan ctrl + F untuk memudahkan pencarian) 
   Copy dan pastekan Kode CSS dibawah ini dan tempatkan diatas kode ]]> </ b: skin>
4.copy
</ul>
</li>
<li><a class='trigger'>Menu 4</a>
<ul>
<li class='hr'/>
<li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
<li class='hr'/>
<li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://ketutjoel.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://ketutjoel.blogspot.com'/>
<input id="search-box" name="q" size="25" type="text" style="background: #EEEDED; border: 1px solid #000000 "/>
<input id="search-btn" value="Search" type="submit"/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

5.1.cari code
    2.menu di atas header blog <header>
    3.menu di bawah header blog </header>
      6.selesai



      cara bikin slide otomatis di blog


      Hari ini kita akan belajar bagaimana melakukan sesuatu yang menyenangkan! wordpress pengguna kemampuan untuk menginstal plugin dan menciptakan fitur slider gambar di blog-nya. Ini cara masang gambar slider template dan widget standar untuk Blogger pengunjung, tapi sekarang saya akan menunjukkan cara untuk membuat slide gambar Blogger. Kode acara asli saya dapat membuat Anda pembantu ditemukan di Blogger. Cara membuat slider gambar blog,silakan langsung ke tkp
      1.1Blogger
       2.Edit template
       3Copy code di bawah ini dan cari code ]]></b:skin> atau </style> di bagian head template.  perhatian wrapper dan #slider jka pada wrapper anda ubah code width atau height pada #slider


      wrapper { position:relative; margin:0 auto 15px; width:600px; height:350px; display:block; padding:5px; background:#FFF; z-index:2; }
      #slide-prev,#slide-next { -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; padding:15px; bottom:50%; position:absolute; z-index:4; }
      #slide-prev { left:20px; background:#FFF url(http://3.bp.blogspot.com/-vjIXs1ktYSs/T-JaYVBdLzI/AAAAAAAACe8/fvZJeayf9ew/s1600/arrow_left.png) no-repeat center; }
      #slide-next { right:20px; background:#FFF url(http://3.bp.blogspot.com/-2G1xuDOoAlM/T-JaYnZkpFI/AAAAAAAACfI/-jnzqF3ogS8/s1600/arrow_right.png) no-repeat center; }
      #slider { width:600px; height:350px; margin-left:auto; margin-right:auto; position:relative; z-index:2; display:block; }
      #slider img { width:100%; height:100%; }
      .slide { display:none; }
      .cs-activeSlide { display:block; }
      .slide-descriptions { display:none; }
      .caption { background:rgba(238,238,238,0.83); color:#333; display:none; padding:5px 10px; position:absolute; left:0; right:0; bottom:5px; z-index:3; font:normal 13px/20px Arial,sans-serif; }

      2.copy scrip di bawah ini,cari code <head> atau tekan CTR+F dan letakan scrip di bawahnya

      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://sites.google.com/site/vanzdy/script/jquery-chopslider-2.2.0.js"></script>
      <script src="https://sites.google.com/site/vanzdy/script/jquery-cstransitions-1.2.js"></script>
      <script>
      jQuery(function(){
          $("#slider").chopSlider({
              slide : ".slide",
              nextTrigger : "a#slide-next",
              prevTrigger : "a#slide-prev",
              hideTriggers : true,
              sliderPagination : ".slider-pagination",
              useCaptions : true,
              everyCaptionIn : ".sl-descr",
              showCaptionIn : ".caption",
              captionTransform : "scale(0) translate(-600px,0px) rotate(45deg)",
              autoplay : true, // slidernya otomatis bermain, "false" jika tidak otomatis
              autoplayDelay : 3000, // waktu penundaan gambar
              t3D : csTransitions['3DFlips']['random'],
           t2D : [ csTransitions['multi']['random'], csTransitions['vertical']['random'] ],
              noCSS3 : csTransitions['noCSS3']['random'],
              mobile : csTransitions['mobile']['random'],
              onStart: function(){},
              onEnd: function(){}
          })
      })
      </script>

      3.1.layout
         2.add a gadget
         3.pastakan code scrip dan ganti ulr gambarnya
         4.save
      <div class="wrapper">
      <a id="slide-next" href="#"></a>
      <a id="slide-prev" href="#"></a>
      <div id="slider">
      <div class="slide cs-activeSlide"><img src="url gambar1.jpg"/></div>
      <div class="slide"><img src="url gambar2.jpg"/></div>
      <div class="slide"><img src="url gambar3.jpg"/></div>
      <div class="slide"><img src="url gambar4.jpg"/></div>
      </div>
      <div class="slide-descriptions">
      <div class="sl-descr">Disini deskripsi gambar anda.</div>
      <div class="sl-descr">Disini deskripsi gambar anda.</div>
      <div class="sl-descr">Disini deskripsi gambar anda.</div>
      <div class="sl-descr">Disini deskripsi gambar anda.</div>
      </div>
      <div class="caption"></div>
      </div>




      cara masang pop up facebook di blog


      Tapi apa yang baik adalah blog yang tidak ada yang membaca? hanya satu item di web, tidak banyak membantu Sederhananya. Lalu lintas dapat ditemukan. Para pengunjung ke blog Anda, bahan bakar yang membuat dia hidup. Melalui portal media sosial seperti Facebook, Twitter dan trik yang dapat Anda mencetak dengan jarak jauh yang sesuai. Untuk ini untuk bekerja, Anda perlu untuk mengambil keuntungan penuh dari blog untuk berbagai tinggi-range. Banyak dari mereka dapat dengan cepat dan hanya membuat mediasosial.saya akan membuat facebook pop up di blog supaya facebook banyak yang like dan blog bi sa di share.lansung saja totorialnya
      1.copy code scrip

      <script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
      <style>
      #fanback {
        display:none;
        background:rgba(0,0,0,0.8);
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        z-index:99999;
      }

      #fan-exit {
        width:100%;
        height:100%;
      }

      #fanbox {
        background:white;
        width:420px;
        height:270px;
        position:absolute;
        top:58%;
        left:63%;
        margin:-220px 0 0 -375px;
        -webkit-box-shadow: inset 0 0 50px 0 #939393;
        -moz-box-shadow: inset 0 0 50px 0 #939393;
        box-shadow: inset 0 0 50px 0 #939393;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: -220px 0 0 -375px;
      }

      #fanclose {
        float:right;
        cursor:pointer;
        background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
        height:15px;
        padding:20px;
        position:relative;
        padding-right:40px;
        margin-top:-20px;
        margin-right:-22px;
      }

      .remove-borda {
        height:1px;
        width:366px;
        margin:0 auto;
        background:#F3F3F3;
        margin-top:16px;
        position:relative;
        margin-left:20px;
      }

      #linkit,#linkit a.visited,#linkit a,#linkit a:hover {
        color:#80808B;
        font-size:10px;
        margin: 0 auto 5px auto;
        float:center;
      }
       </style>
       <script type='text/javascript'>
      //<![CDATA[
      jQuery.cookie = function (key, value, options) {
        // key and at least value given, set cookie...
        if (arguments.length > 1 && String(value) !== "[object Object]") {
          options = jQuery.extend({}, options);
          if (value === null || value === undefined) {
            options.expires = -1;
          }
          if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
          }
          value = String(value);
          return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : encodeURIComponent(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
          ].join(''));
        }

        // key and possibly options given, get cookie...
        options = value || {};
        var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
        return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
      };
      //]]>
      </script>

      <script type='text/javascript'>
      jQuery(document).ready(function($){
        if($.cookie('popup_facebook_like') != 'yes'){
          $('#fanback').delay(5000).fadeIn('medium');
          $('#fanclose, #fan-exit').click(function(){
            $('#fanback').stop().fadeOut('medium');
          });
        }
        $.cookie('popup_facebook_like', 'yes', { path: '/', expires: 7 });
      });
      </script>
      <div id='fanback'>
        <div id='fan-exit'></div>
      \
        <div id='fanbox'>
      \
         <div id='fanclose'></div>
         <div class='remove-borda'></div>
         <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/braderblog&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
        </div>
      </div>
      2.kli layout =>add a gadget =>HTML/java scri =>pastakan codenya
      5.hasilnya
      6.cari code scrip tinggal ganti identitas facebook (url facebook)dengan identitas kamu

      cara bikin gambar aminasi di blog


      cara mempercantik blog dengan cara masang gambar aminasi blog,membuat variasi untuk blog supaya blog menarik di lihat oleh pengujung dengan cara memasang gambar aminasi di blog.bisa langsung ke TKP
      animasi blog

      1.copy code
      <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://www.belajarngeblog.cf/" target="_blank">Animasi Blog</a></center></small></div>
      2.klik layout => add agadget =>HTML/java srip
      3.pastakan code scrip
      4.selesai lihat hasilnya gambar di bawa ini
      5.selesai

      anti klik kanan di blog


      untuk menghindari blog di copy,agar blog tidak bisa di copy oleh orang lain yaitu dengan cara harus memasang anti copy supaya blog aman dari pencurian postingan.cara memasang anti copy sangan muda mudah tinggal  pasang scrip anti copy di blog,bisa langsung di coba totorialnya sekarang
      1.cope code scrip tek warna kuning ganti tek kamu
      <SCRIPT language=JavaScript>
      var message = "No Right Click";
      function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
      if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
      document.onmousedown = rtclickcheck;
      </SCRIPT>
      2.klit layout =>add a gadget => HTML/java scrip
       3.pastakan code scrip => save
      4.selesai

      cara masang comentar facebook di blog


      cara membuat cometar facebook di blog,banyak teman-teman di facebook bertanya tentang cara membuat comentar facebook di blog,jadi sekarang aku membuat totorial tentang cara membuat comentar facebook di blog,supaya bisa membantu sedikit teman yang kesulitan.bisa langsung totrial ini seperti berikut in
      1.copy code scrip

      <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
      <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
      <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
      <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
      <div class='clear'/>
      </div>
      <div class='comments-page' id='fb-comments-page'>
      <b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
      <fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
      <div class='comments comments-page' id='blogger-comments-page'>

      <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

      <style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>
      2.klik template =>edit template
      3.cari code <div class='comments' id='comments'> letakan di bawanya klik save
      4.ganti yang tulisan yang warna merah dengan identitas facebook dan bisa setting panjang lebar kotak comentar

      cara masang sosial share di blog


      cara memasang sosial share melayang di blog,bagi yang kesulitan membuat share sosial di blog.aku akan memberi sedikit tips cara memasang sosial di blog,tips ini bisa sedkit membantu bagi yang baru belajar tentang blog bisa langsung mencobanya totorial ini
      1.copy code scrip
      <style>
      #seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
      0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
      #seocipssharebtn .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
      .fb_share_count_top {width:48px !important;}
      .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
      .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
      .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
      @media screen and (max-width:480px){#seocipssharebtn{display:none;}}
      @-webkit-keyframes bawah{
      from{transform:translate(0px, 2000px)}
      to{transform:translate(0px,0px)}
      }
      @keyframes bawah{
      from{transform:translate(0px, 2000px)}
      to{transform:translate(0px,0px)}
      }
      </style>
      <div id='seocipssharebtn' title="Share This With Your Friends">
      <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
      <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
      <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
      <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
      </div>

      2.klik layout => add a gadget =>HTML/java scrip
       3.masukan scode scrip =>save
       4.lihat hasil tampilannya
      5.selesai

      cara masang efeck cursor bintang,salju dan daun di blog


      Totorial ini tentang membahas cara mempercantik blog dengan memberi sedikit variasi efeck dari cursor seperti bintang bertaburan,salju dan daun berguguguran di blog,saya akan memberi sedikit cara memasang cursor yang penuh efeck.kalau ingin mencobanya silakan tidak panjang lebar bisa langsung ke TKP
      1.buka blog
      2.template
      3.edit template
      4.cari code </head> bisa tekan CTR+F LALU letakan di atasnya </head> silakan copy code di bawah ini
      efeck bintang
      <script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>
      efek daun
      <script src='http://misbahudin.googlecode.com/files/daun%20gugur.js'/>
      efec salju
      <script src='http://misbahudin-dcaesga.googlecode.com/files/efek-salju.js'/>



      cara bikin variasi bentuk cursor di blog


      Cara ingin membuat bentuk cursor variasi di blog,bagi yang ingin merubah bentuk cursor menjadi penampilan cantik di blog ada beberapa cara bentuk variasi dan aku memberi sedikit bentuk cursor bulu ayam.bisa mencoba sekarang totorialnya seperti berikut ini
      1.copy code di bawah ini
      <style>HTML,BODY{cursor: url("http://i1263.photobucket.com/albums/ii623/dek_rif/Blog/otowebsieblogspotcom.png"), auto;}</style>
      2.buka blog klik tempalate => Edit HTML
      3.cari code <head>  atau bisa cari dengan tombol CTR+F lalu letakan di atasnya =>save template

      4.selesai

      cara bikin kotak scrip di blog


      Totorial ini akan membahas cara membuat kotak penyimpanan scrip di postingan blog.totorial untuk yang baru belajar tentang blog,pasti akan kesulitan bagi pemula ingin membuat kotak penyimpanan scrip atau yang lain pda postingan.blog ini adalah akan membahas tentang belajar.jadi  totorial ini sangat penting buat pemula untuk blogger.ayo langsung saja mencobanyanya dengan cara seperti berikut ini.
      1.buka blog
      2.klik postingan
      3.klik HTML
      4.pastakan scripnya
      5.klik compose
      6.pastakan scrip anda
      bentuk-bentuk kotak
      <div style="background-color: white; border: 3px #1780dd solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: auto;">
      </div>




      <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
      text-align: left;">
      .Klik Disini.</div>


      Klik show untuk melihat
      <div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
      <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
      <div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
      Masukkan tulisanmu di sini
      </div></div></div>
      Masukkan tulisanmu di sini

      cara bikin privacy policy di blog


      Tapi informasi seperti ini, bisnis menghadapi tugas yang menakutkan melindungi data dan memberitahu pengunjung dan / atau pelangganapa yang dapat Anda lakukan dengan informasi tersebut. Terlepas dari apakah pengunjung situsmembaca syarat dan ketentuan, perusahaan tidak dapat mengabaikan penciptaan kebijakanmenunjukkan cara untuk menemukan informasi akan digunakan.Kebijakan Privasi dan deskriptif link.Misalnya kebijakan privasi baik ditempatkan dan linkdeskriptif.kalau mencoba bisa langsung totorialnya seperti berikut ini
      1.buka http://www.privacypolicyonline.com/
      2.klik generate HHTL for this page
      3.copy code scrip
      4.buka blog klik page =>New page
      5.klik html ,pastakan code scrip klik public
      6.klik view
      7.tampilan
      8.selesai

      cara bikin contact us


      totorial ini akan membahas tentang cara membuat contact us di blog.contact us yaitu sebagai sarana tempat untuk berkomunikasi dengan pengunjung.contact us sangat penting untuk sebuah blog untuk penlayanan pengunjung seperti menyampaikan pertayaan,kiritis dan lain-lain.jadi contact us sangat pening sekali apalagi
      untuk berbisnes.tapi jika ingin membuat contact us bisa langsungdi coba totorialsaya seperti berikut ini
      1.buka isi data  http://www.foxyform.com/
       2.copy code
      3.buka blog pilih page =>New page
       4.klik HTML pastakan code scrip klik publik
       5.klik view
       
      6.hasil tampilan contact us
      6.selesai