Smash magazine blogger template

Tampilannya sangat menarik buat blogger kamu, untuk yang ingin menambah keindahan blog nya coba deh dengan template dibawah ini :

Download 


Demo

Read more

Cara membuat gambar selalu di pojok

Ayo-ayo mari-mari kumpul-kumpul silahkan baca tutorial yang satu ini bukan sulap aneh tpi nyata (kayak tukang sulap saya neeh ckckkkkk) Cara nya cukup mudah dengan mengikuti langkah-langkah dibawah ini :

• Silahkan login ke acconut Blogger
• Pilih Rancangan + Edit HTML
• Beri centang pada Expand Tempelate Widget
• Kemudian cari kode ]]></b:skin> ( untuk memudahkan pencarian tekan Ctrl + F pada keyboard)
• Letak kan kode di bawah ini di atas kode ]]></b:skin>

#trik_pojok {position:fixed;_position:absolute;bottom:0px;
left:0px;clip:inherit;_top:expression (document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression
(document.documentElement.scrollLeft+document.documentElement.clientWidth
- offsetWidth); }

• Selanjut nya cari lagi kode </body> ( untuk memudahkan pencarian tekan Ctrl + F pada keyboard)
• Kemudian letakkan di bawah ini di atas kode </body>

<div id='trik_pojok'><a
href='http://tigalega.blogspot.com/2010/11/cara-membuat-gambar-selalu-di-pojok.html'><img border='0'
src='http://i46.tinypic.com/8x50s6.gif'/></a></div>

• Simpan Template dan lihat hasilnya

Keterangan :
Pada tulisan yang berwarna merah silahkan kamu ganti dengan alamat url blog kamu dan tulisan yang berwarna biru silahkan ganti dengan alamat url gambar yang akan kamu tampilkan di pojok

Read more

Cara membuat burung - burung beterbangan di blogger

Bagaimana jika blog kamu di hiasi dengan burung-burung yang selalu beterbangan di blog kamu pasti akan menambah daya kecantikan nya ( kayak awewek aja neh blog ckckkckkk) Itu semua tergantung penilaian dari kamu sendiri, bagi yang mau silahkan ikuti langkah-lanhkah nya berikut ini :

• Silahkan login ke acconut Blogger
• Pilih Rancangan + Element Halaman + Tembah Gadget kemudian pilih HTML/Javascript
• Copas kode di bawah ini :

<ul>
<br
/><br /><marquee behavior="scroll" direction="down"
style="position: absolute; right: 1100px; top: 52px; width: 100px;
height: 900px;" scrollamount="14"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="100" height="100"
/><br /></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; left:
358px; top: 2px; width: 60px; height: 450px;"
scrollamount="5"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="30" height="30"
/><br /></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
441px; top: 55px; width: 60px; height: 250px;"
scrollamount="9"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="30" height="30"
/><br /></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
498px; top: 53px; width: 60px; height: 380px;"
scrollamount="6"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
800px; top: 51px; width: 60px; height: 350px;"
scrollamount="7"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
390px; top: 55px; width: 60px; height: 450px;"
scrollamount="5"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
749px; top: 54px; width: 60px; height: 250px;"
scrollamount="5"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
325px; top: 52px; width: 60px; height: 300px;"
scrollamount="10"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
600px; top: 49px; width: 60px; height: 350px;"
scrollamount="8"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
873px; top: 52px; width: 60px; height: 400px;"
scrollamount="3"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br /><br /><marquee
behavior="scroll" direction="down" style="position: absolute; right:
50px; top: 55px; width: 60px; height: 700px;"
scrollamount="12"><br /><img
src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br
/></marquee><br />

• Simpan dan lihat hasilnya

Read more

Cara memasang efek cursor dengan bintang berjatuhan di blogger

Kali ini saya akan bagi-bagi kan ilmu yang saya dapat ini sesuai dengan judul diatas, cara nya sangat mudah dengan melakukan langkah-langkah berikut ini :

• Langkah pertama silahkan login ke acconut Blogger
• Pilih pada Rancangan + Elemen Halaman + Tambah Gadget kemudian pilih HTML/JavaScript
• Silahkan copas kode yang berada dibawah ini :

Script untuk Bintang warna Merah

<script src="http://imtikhan.googlecode.com/files/red_star.js" type="text/javascript"></script>

Script untuk Bintang warna Kuning

<script src="http://imtikhan.googlecode.com/files/yellow_star.js" type="text/javascript"></script>

Script untuk Bintang warna Hijau

<script src="http://imtikhan.googlecode.com/files/green_star.js" type="text/javascript"></script> 

Script untuk Bintang warna Biru

<script src="http://imtikhan.googlecode.com/files/blue_star.js" type="text/javascript"></script>

Script untuk Bintang warna Hitam

<script src="http://imtikhan.googlecode.com/files/black_star.js" type="text/javascript"></script> 

Script untuk Bintang warna Putih

<script src="http://imtikhan.googlecode.com/files/white_star.js" type="text/javascript"></script>  

• Kemudian Simpan

Keterangan :

Silahkan pilih warna yang sesuai dengan template blog kamu dan selamat mencoba

Read more

Cara membuat buku tamu dengan Cbox

Cbox - chat untuk web sosial
Dapatkan Cbox dan menambahkan dimensi baru interaksi ke website atau blog. Cbox adalah unik chat dan messaging aplikasi yang membawa fitur terbaik dari tradisional chat dan penandaan sistem ke web sosial. Dan bagian terbaik - Cbox dasar adalah gratis.

Kata-kata diatas merupakan kerja dari Cbox itu sendiri, lalu bagaimana kita bisa membuat nya, berikut caranya :

1. Kunjungi situsnya Disini
2. Kemudian lakukan Sign Up
3. Isi semua formulir pendaftarannya dengan benar
4. Setelah kamu menekan pada tombol Create my Cybox maka cek email konfirmasi nya
5. Klik pada konfirmasi yang masuk pada email kamu
6. Pada bagian bawah kamu akan dapat kode html/javascript kemudian copas kode tersebut kedalam acconut blogger kamu

Cara meletakkan nya didalam blogger :

1. Login ke acconut blogger kamu
2. Pilih pada Rancangan + Tambah Gadget + HTML/Javascript dan pastekan kode tersebut
3. Maka hasilnya akan muncul seperti gambar dibawah

Selamat mencoba, semoga berhasil

Read more

Membuat buku tamu tersembunyi di blogger

Hal ini merupakan catatan yang penting dalam sebuah blog, karena dengan buku tamu seorang pengunjung dapat berkomunikasi dengan dengan pembuaat blog itu sendiri. Disini juga akan menambah level trafik blog kita masing-masing.Tanpa basa-basi mari kita lanjutkan caranya :

1. Silahkan masuk ke acconut blogger kamu
2. Pilih pada Rancangan + Elemen halaman
3. Tambahkan "Add a Gadget" dan pilih "HTML/JavaScript" (pola Add a Gadget dapat diletak dimanapun)
4. Jika sudah copas kode dibawah ini

&lt;style type=&quot;text/css&quot;&gt;
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapdTU70XmyT_wDt088PDji4WG9eMDJyqW_AN_jon8qdLjY3O7bzSWkK94Elkriys3F5vEwzpab6NhYr3B5fuaQFyTQuaL4sgOGfFx5My3uBt1vIleLLqYJa16S4DvPzJcStEWngAhrv_z/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
&lt;/style&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
function showHideGB(){
var gb = document.getElementById(&quot;gb&quot;);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(&quot;gb&quot;);
var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + &quot;px&quot;;
if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
}
&lt;/script&gt;

&lt;div id=&quot;gb&quot;&gt;

&lt;div class=&quot;gbtab&quot; onclick=&quot;showHideGB()&quot;&gt;   &lt;/div&gt;

&lt;div class=&quot;gbcontent&quot;&gt;

&lt;!-- Ganti ini dengan kode buku tamu kamu --&gt;

&lt;br/&gt;
Mau punya buku tamu seperti ini?&lt;br/&gt;
Klik di
&lt;a href=&quot;http://tigalega.blogspot.com/2010/11/membuat-buku-tamu-tersembunyi-di.html&quot;&gt;
sini (Info Blog)
&lt;/a&gt;

&lt;div style=&quot;text-align:right&quot;&gt;
&lt;a href=&quot;javascript:showHideGB()&quot;&gt;
[tutup]
&lt;/a&gt;
&lt;/div&gt;

&lt;/div&gt;

&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
var gb = document.getElementById(&quot;gb&quot;);
gb.style.right = (30-gb.offsetWidth).toString() + &quot;px&quot;;
&lt;/script&gt;
Kemudian simpan dan lihat hasilnya

Keterangan :
Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya.
Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.  

Read more