shad0w-share

1. Seperti biasa LogIn ke Blogger sobat
   
2. Pada halaman Dasbor klik Rancangan
   
3. Pada Halaman Elemen Laman klik Tambah Gadget / add a gadget, pilih yang HTML/Javascript
   
4. Copy dan Paste Kode Bubble Kursor Efeck di bawah ini di ktak HTML/Javascript
   
   

   <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
   
   /****************************
   * JavaScript Bubble Cursor *
   * (c) 2010 mf2fm web-design *
   * http://ade-tea.blogspot.com *
   * DON'T EDIT BELOW THIS BOX *
   ****************************/
   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>

   
   
   
   PERINGATAN!!
   

   • Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini.
     
   • Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan
   
   
   
5. Setelah semua langkah langkah selesai. Klik tombol SIMPAN, dan lihat hasilnya.

1. Seperti biasa Login ke Blogger sobat
   
2. Masuk ke Tata Letak --> Edit HTML
   
3. Kemudian centang "Expand Template Widget"
   
4. Selanjutnya cari kode ]]></b:skin>
   
5. Jika sudah ketemu Masukkan (Copy Paste) kode CSS di bawah ini, tepat di atas kode ]]></b:skin> tadi.
   
   

   ul#menusisi {
   position: fixed;
   margin: 0px;
   padding: 0px;
   top: 50px;
   left: 0px;
   list-style: none;
   z-index:9999;
   }
   ul#menusisi li {
   width: 100px;
   }
   ul#menusisi li a {
   display: block;
   margin-left: -50px;
   width: 100px;
   height: 55px;
   background-color:#141414;
   background-repeat:no-repeat;
   background-position:48px center;
   border:1px solid #cfcfcf;
   -moz-border-radius:0px 10px 10px 0px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -khtml-border-bottom-right-radius: 10px;
   -khtml-border-top-right-radius: 10px;
   /*-moz-box-shadow: 0px 4px 3px #000;
   -webkit-box-shadow: 0px 4px 3px #000;
   */
   opacity: 0.8;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   }
   ul#menusisi .beranda a{
   background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaBfhOhI/AAAAAAAAD_0/nV3ITEV9d3M/d/nav_home.png);
   }
   ul#menusisi .tentang a{
   background-image: url(http://lh4.ggpht.com/_xcD4JK_dIjU/S9BJaX0yaqI/AAAAAAAAD_4/GZhfUKvK588/d/nav_info.png);
   }
   ul#menusisi .cari a{
   background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJejnwlAI/AAAAAAAAEAE/B_LZd63vGeI/d/nav_search.png);
   }
   ul#menusisi .komentar a{
   background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaFyqDGI/AAAAAAAAD_w/pNO6TUSigBg/d/nav_comment.png);
   }
   ul#menusisi .rssfeed a{
   background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaabJhzI/AAAAAAAAEAA/Oo4mhwCwzbI/d/nav_rss.png);
   }
   ul#menusisi .alat a{
   background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJelocqyI/AAAAAAAAEAI/6SmP-UHv-eg/d/nav_tools.png);
   }
   ul#menusisi .kontak a{
   background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaVZkksI/AAAAAAAAD_8/g5fo6OKT5wE/d/nav_mail.png);
   }
   

   
   
   
   
6. Langkah selanjutnya cari kode seperti ini </head>
   
7. Setelah ketemu Masukkan kode JQuery di bawah ini tepat di atas kode </head> tadi.
   
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
   <script type="text/javascript">
   $(function() {
   $('#menusisi a').stop().animate({'marginLeft':'-50px'},1000);
   $('#menusisi > li').hover(
   function () {
   $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
   },
   function () {
   $('a',$(this)).stop().animate({'marginLeft':'-50px'},200);
   }
   );
   });
   </script>

   
   
   
   PERHATIAN!!
   Jika di template sobat sudah pernah dipasang kode yang berwarna merah di atas, sebaiknya kode tersebut tidak usah dipasang
   
   
   
8. Kemudian langkahk yang terakhir sobat cari kode seperti ini </body>
   
9. Setelah ketemu kemudian Masukkan (Copy Paste) kode di bawah ini tepat di atas kode </body> tadi.
   
   

   <ul id='menusisi'>
   <li class='beranda'><a href='LINKSOBAT' title='Beranda'></a></li>
   <li class='tentang'><a href='LINKSOBAT' title='Tentang'></a></li>
   <li class='cari'><a href='LINKSOBAT' title='Cari'></a></li>
   <li class='alat'><a href='LINKANDA' title='Alat'></a></li>
   <li class='rssfeed'><a href='LINKSOBAT' title='RSS Feed'></a></li>
   <li class='komentar'><a href='LINKSOBAT' title='Komentar'></a></li>
   <li class='kontak'><a href='LINKSOBAT' title='Kontak'></a></li>
   </ul>

   
   
   
10. Simpan template sobat dan lihat hasilnya. Selamat mencoba semoga berhasil dan dapat bermanfaat.

1. Sobat harus login terlebih dahulu ke Blogger.
   
2. Dasbor >> Tata Letak >> Edit HTML.
   
3. Kemudian cari kode ]]></b:skin>, lalu taruh kode berikut diatasnya.
   
   

   #comments-block{
   overflow:auto;
   height:400px;
   margin:0px;
   width:100%;
   }

   
   
   
   PERINGATAN!!
   Bagian 400px adalah tinggi dari komentar yang ditampilkan. Sobat bisa mengaturnya sesuai keinginan.
   
   
   
4. Lalu klik tombol Simpan Template

• - Indonesia menyumbang 15 % dari total seluruh tweets di seluruh dunia. Di bawah brazil (27%) dan Amerika (25 %). Dan diatas Inggris (7%) dan Belanda (4%)
• - Pada bulan Januari ada 22.707.725 tweets dari Indonesia. Dan ada 4.883.228 akun Twitter dari Indonesia
•  Jumlah tweets dari Indonesia paling banyak terjadi pada jam 18.00 – 22.00. Yaitu ada sekitar 1.400.000 – 1.600.000 tweets.
• - Pada weekend jumlah tweets juga banyak, yaitu ada 3.500.000 tweets atau rata-rata 5,59 tweets per akun.
• - Dari keseluruhan tweets terdiri dari 53% retweet dan 47 % tweet
• - 10 besar kota dengan tweets terbanyak (presentasi0 : Jakarta (16,33 %), Bandung (13,79%), Yogyakarta (11.05 %), Semarang (8,92 %), Surabaya (8,21 %), Malang (7,41 %), Medan (7,25 %), Bali (6,01 %), Riau (4,66 %) dan Palembang (3,62 %).
• - Trending topics yang paling sering terjadi yaitu membahas seputar sepak bola : 20,15 %
• - Dari seluruh pengguna twitter di Indonesia, 43% menggunakan aplikasi UberTwitter (UberSocial), 16 % API, dan 11% menggunakan Twitter for Blackberry.

Dalam konsep daulah Islamiyah yang dimaksud Ba'asyir, semua warga negara yang tidak melaksanakan hukum Islam secara benar maka itu kafir.  "Itu sudah menjadi konsekuensi atas perbuatannya," ujarnya.

• Seperti biasa Sobat LogIn ke Blogger masing-masing
  
• Setelah sampai halaman Dasbor klin Rancangan
  
• Pada Halaman Elemen Lamaan Klik Tambah Gadget

1. Script Buku Tamu yang bisa dismpan di samping kiri / kanan (hidden chatbox ),
   Secara keseluruhan script buku tamu sembunyi di samping kiri adalah seperti ini :
   
   

   <!-- left hidden chatbox by http://ade-tea.blogspot.com START -->
   <style>
   #hcl {
   position:fixed;
   top:50px;
   left:0px;
   z-index:+1000;
   }
   * html #hcl {position:relative;}
   .hcltab {
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('http://i649.photobucket.com/albums/uu217/teaade/TVOnline1.png') no-repeat;
   }
   .hclcontent {
   float:left;
   border:2px solid #790909;
   background:#f3f6f7;
   padding:10px;
   }
   .hc-credit {font-size:9px}
   .hc-credit a {text-decoration:none}
   </style>
   <script type="text/javascript">
   function showHidehcl(){
   var hcl = document.getElementById("hcl");
   var w = hcl.offsetWidth;
   hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
   hcl.opened = !hcl.opened;
   }
   function movehcl(x0, xf){
   var hcl = document.getElementById("hcl");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   hcl.style.left = x.toString() + "px";
   if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="hcl">
   <div class="hclcontent">
   
   Masukkan Kodenya Disini/ Script Point No 2 Disini
   
   <div class="hc-credit">
   <span style="float:left">
   <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
   
   </span>
   <span style="float:right">
   <a href="javascript:showHidehcl()">
   </a>
   </span>
   </div>
   </div>
   <div class="hcltab" onclick="showHidehcl()"> </div>
   
   </div>
   <script type="text/javascript">
   var hcl = document.getElementById("hcl");
   hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
   </script>
   <!-- left hidden chatbox by http://ade-tea.blogspot.com END -->

   
   
   Nah pada kode yang berwarna merah Kita ganti dengan Script point No 2 dibawah.
   
   
2. Script untuk membuat Scrollbar,
   Secara keseluruhan scriptnya adalah seperti ini :
   
   

   <div style="border: 2px solid rgb(255, 0, 102);
   overflow: auto;
   width: 400;
   height: 200;
   text-align: left; ">
   
   Isi content/ Script Point No 3 disini
   
   </div>

   
   
   Sesuaikan ukuran width dan height dengan ukuran tombol show dan hide pada script no 3
   kalau menurut Saya sich ukuran yang pas adalah width = 120 dan height = antara 20-25
   Langkah selanjutnya adalah memasukkan script no 3, pada tulisan yang berwarna merah.
   
   
3. Script untuk membuat tombol Hide and Show/Buka Tutup
   dan script aslinya adalah sperti ini :
   
   

   <input 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
   = 'sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
   this.innerText = ''; this.value = 'tampilkan'; }" style="font-size:
   10px; margin: 0px; padding: 0px; width: 116px;" type="button" value="tampilkan" /></div>
   
   <div class="alt2">
   
   
   <div style="display: none;">
   
   <div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(0, 0, 0)
   none repeat scroll 0% 0%; color: white; padding: 10px; text-align: left;">
   
   Isikan dengan yang mau anda simpan/Script TV Disini
   
   <div><div></div></div></div></div></div>
   </div>

   
   
   Ganti tulisan sembunyikan dengan 'STOP' dan tulisan Tampilkan Dengan Nama Stasun TV, tombol ini akan berfungsi sebagai tombol play dan Stop nantinya
   
   
4. Nah baru kita masukkan Script TV nya pada tulisan yang berwarna merah atau sebelum kode
   <div><div></div></div></div></div></div>
   </div>

<embed allowscriptaccess="always" src="http://www.tvone.co.id/embed/player.swf" allowfullscreen="false" flashvars="&amp;file=tvone&amp;type=video&amp;streamer=rtmp://202.129.216.34/live/&amp;stretching=exactfit&amp;logo= &amp;autostart=true" bgcolor="transparent" height="170" width="220"></embed>

<embed allowscriptaccess="always" src="http://www.tvone.co.id/embed/player.swf" allowfullscreen="true" flashvars="&amp;file=antv&amp;type=video&amp;streamer=rtmp://202.129.216.34/live/&amp;stretching=exactfit&amp;logo= &amp;autostart=true" bgcolor="transparent" height="170" width="220"></embed>

1. Misalnya kita akan membuat bagian sidebar kita terlihat 3D. yang harus sobat lakukan adalah Edit kode CSS sidebar tersebut pada halaman HTML template kamu dengan memberi nilai ukuran border dan paduan warna pada background dan setiap sisi sidebar itu, contohnya :
   
   

   #sidebar1 .widget {
   margin: 0px 0px 5px 0px;
   padding: 5px 5px 5px 5px;
   background: #0000c0; /*-Background = Biru --*/
   border-top: 10px solid #6666ff; /*-Border atas = Biru Muda-*/
   border-bottom: 10px solid #6666ff; /*-Border Bawah = Biru Muda-*/
   border-left: 10px solid 1414b0; /*-Border kiri = Biru Tua--*/
   border-right: 10px solid 1414b0; /*-Border kanan = Biru Tua--*/
   }

   
   
   
2. Terus misalnya pada bagian Header sidebar tersebut ingin dibuat 3D juga, caranya yaitu :

#sidebar1 h2 {
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: center;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
text-transform: none;
text-decoration: none;
background: #cc0000; /*-Background = Merah --*/
border-top: 5px solid #ff7070; /*-Border atas = Merah Muda--*/
border-bottom: 5px solid #ff7070; /*----Border Bawah = Merah Muda-*/
border-left: 5px solid #b00000; /*-Border kiri = Merah Tua-*/
border-right: 5px solid #b00000; /*Border kanan = Merah Tua--*/
}

<script language="JavaScript"><br />var txt="<data:blog.pagetitle/>";<br />var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;<br />txt=txt.substring(1,txt.length)+txt.charAt(0);<br />segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script>