_+Tips and Trick+_

1. Klik "Rancangan"..
2. Klik "Elemen Laman"..
3. Klik "Tambah Gadget"..
4. Pada laman baru,, Klik "Tambah HTML/JavaScript"..
5. Pada kolom "Konten",, paste-kan kode berikut..
   
   <SCRIPT language='JavaScript'>alert("Welcome");</SCRIPT>
   
   Ganti kode yang berwarna biru dengan kata yang kamu inginkan..
6. Klik "Simpan"..
   

1. Klik "Rancangan"..
2. Klik "Elemen Laman"..
3. Klik "Tambah Gadget"..
4. Pada laman baru,, Klik "Tambah HTML/JavaScript"..
5. Pada kolom "Konten",, paste-kan kode berikut..
   
   

   <style type="text/css">
   /* Circle Text Styles */
   #outerCircleText {
   /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
   font-style: italic;
   font-weight: bold;
   font-family: 'comic sans ms', verdana, arial;
   color: #000000;
   /* End Optional */
   
   /* Start Required - Do Not Edit */
   position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
   #outerCircleText div {position: relative;}
   #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
   /* End Required */
   /* End Circle Text Styles */
   </style>
   <script type="text/javascript">
   
   /* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */
   
   ;(function(){
   
   // Your message here (QUOTED STRING)
   var msg = " Text yang anda inginkan ";
   
   /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
   
   // Set font's style size for calculating dimensions
   // Set to number of desired pixels font size (decimal and negative numbers not allowed)
   var size = 24;
   
   // Set both to 1 for plain circle, set one of them to 2 for oval
   // Other numbers & decimals can have interesting effects, keep these low (0 to 3)
   var circleY = 0.75; var circleX = 2;
   
   // The larger this divisor, the smaller the spaces between letters
   // (decimals allowed, not negative numbers)
   var letter_spacing = 5;
   
   // The larger this multiplier, the bigger the circle/oval
   // (decimals allowed, not negative numbers, some rounding is applied)
   var diameter = 10;
   
   // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
   var rotation = 0.4;
   
   // This is not the rotation speed, its the reaction speed, keep low!
   // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
   var speed = 0.3;
   
   ////////////////////// Stop Editing //////////////////////
   
   if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
   
   msg = msg.split('');
   var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
   ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
   o = document.createElement('div'), oi = document.createElement('div'),
   b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
   
   mouse = function(e){
   e = e || window.event;
   ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
   xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
   },
   
   makecircle = function(){ // rotation/positioning
   if(init.nopy){
   o.style.top = (b || document.body).scrollTop + 'px';
   o.style.left = (b || document.body).scrollLeft + 'px';
   };
   currStep -= rotation;
   for (var d, i = n; i > -1; --i){ // makes the circle
   d = document.getElementById('iemsg' + i).style;
   d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
   d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
   };
   },
   
   drag = function(){ // makes the resistance
   y[0] = Y[0] += (ymouse - Y[0]) * speed;
   x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
   for (var i = n; i > 0; --i){
   y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
   x[i] = X[i] += (x[i-1] - X[i]) * speed;
   };
   makecircle();
   },
   
   init = function(){ // appends message divs, & sets initial values for positioning arrays
   if(!isNaN(window.pageYOffset)){
   ymouse += window.pageYOffset;
   xmouse += window.pageXOffset;
   } else init.nopy = true;
   for (var d, i = n; i > -1; --i){
   d = document.createElement('div'); d.id = 'iemsg' + i;
   d.style.height = d.style.width = a + 'px';
   d.appendChild(document.createTextNode(msg[i]));
   oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
   };
   o.appendChild(oi); document.body.appendChild(o);
   setInterval(drag, 25);
   },
   
   ascroll = function(){
   ymouse += window.pageYOffset;
   xmouse += window.pageXOffset;
   window.removeEventListener('scroll', ascroll, false);
   };
   
   o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
   
   if (window.addEventListener){
   window.addEventListener('load', init, false);
   document.addEventListener('mouseover', mouse, false);
   document.addEventListener('mousemove', mouse, false);
   if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
   }
   else if (window.attachEvent){
   window.attachEvent('onload', init);
   document.attachEvent('onmousemove', mouse);
   };
   
   })();
   
   </script>
   
   

   Ganti kode berwarna biru dengan kode warna pilihan-mu,, lihat kode HTML-nya Disini..,, Sedangkan kode berwarna hijau diganti dengan Teks Pilihan-mu..
6. Klik "Simpan"..

1. Buka "Rancangan" blog yang akan diganti kursor-nya.
2. Klik "Elemen Laman"..
3. Klik "Tambah HTML/JavaScript"..
4. Paste-kan kode berikut pada kolom konten..
   
   <style type="text/css">
   body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWehqLdYgWA6NZwXgJucz-ptrywZJLSVp6z-m_iiG2ABXxiW9Yi0kdqbzHEcCSg25uUi_eSwTtrr1jki6uodYODP8e0inLOQ_RFHM4H7P0GC2K5KO_0DMlQExMy8y1aNcPddGuFhrrauBN/s1600/pedang.ico"), auto;}
   body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWehqLdYgWA6NZwXgJucz-ptrywZJLSVp6z-m_iiG2ABXxiW9Yi0kdqbzHEcCSg25uUi_eSwTtrr1jki6uodYODP8e0inLOQ_RFHM4H7P0GC2K5KO_0DMlQExMy8y1aNcPddGuFhrrauBN/s1600/pedang.ico"), auto;}
   </style>
   
   Ganti kode yang berwarna Biru dengan alamat tempat penyimpanan icon-mu.. Klik Disini untuk tips upload icon-mu di blogger..
5. Lalu klik "Simpan"..

Langkah - langkah membuat menu dibawah header blog adalah :

1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML,  centang 'Expand Template Widget' 
2.  Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
   

   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

   ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>
3.  Jika sudah selanjutnya sobat cari kode ]]></b:skin>
4. Hapus kode tersebut dan ganti dengan kode dibawah ini.
   

   a.navigation {
   background: #3333ff ;
   color: #ffffff ;
   margin: 1px;
   padding: 2px;
   border-width: 0;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: bold;
   }
   a.navigation:hover {
   background: #333333;
   color: #ffffff;
   text-decoration: none;
   }
   
   ]]></b:skin>

   
   Keterangan :
   
   
   • Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
   • Kode warna biru adalah warna tulisan
   • Silahkan diganti dengan warna yang sobat inginkan. Untuk melihat kode warna HTML-nya, silahkan kunjungi Situs Berikut.
5. Save template lalu klik Elemen Laman atau klik rancangan.
6. Kemudian klik "tambah gadget" kemudian pilih "HTML/JavaScript"
7. Copykan kode berikut kedalam kotak tersebut
   

   <a href="http://sae497.blogspot.com " class="navigation">HOME</a>
   <a href="http://dia497.blogspot.com/ " class="navigation">DIARY</a>
   <a href="http://situsdownloadgamegratis.blogspot.com/ " class="navigation">GAME</a>
   <a href="http://gce8632natarian.blogspot.com/ " class="navigation">GCE</a>
   <a href="http://tt497.blogspot.com/ " class="navigation">TT</a>

   
   Keterangan : Ganti yang warna merah dengan URL menu, dan warna biru adalah nama menu.
8. SAVE lalu lihat hasilnya..!?

1. Log In ke blogger.
2. Kemudian klik Tata Letak / Rancangan Kemudian Klik Lagi Edit HTML.
3. Selanjutnya cari kode berikut ini.
   
   <title><data:blog.pageTitle/></title>
4. Hapus Kode Tersebut dan ganti dengan Kode berikut ini..
   
   <b:include data='blog' name='all-head-content'/>
   <script language='JavaScript'>
   var txt="<data:blog.pageTitle/>";
   var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
   txt=txt.substring(1,txt.length)+txt.charAt(0);
   segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
   </script>
5. Kamu bisa mengganti angka 100 yang berwarna Hijau tersebut dengan keinginan kamu. Angka tersebut adalah kecepatan pergerakan judul blog kamu.
6. Klik SAVE TEMPLATE.                                                                                                                                                                                                                                                                                                                                                                                                                                                       *tips buat langkah ke-3: gunakan Ctrl + F untuk mencari kode tersebut secara cepat!! Semoga bermanfaat!?