Cara Memasang Animasi di Blog

Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa di pasang sebagai hiasan diblog, ada yang memasang kalender, ada yang memasang lagu di blog, memasang animasi di blog dan masih banyak lagi. Namun kali ini, kita khusus membahas cara memasang widget animasi di blog.

Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.

Cara Memasang Animasi di Blog

1.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

2. Tuyul baring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

3. Helikopter


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

4.Gajah loncat


Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

5. Boring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog"  /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

6.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

7. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

8. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

9.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

10. Panah


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

11.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

12.Kucing tidur


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

13. Bunga


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

14.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

15.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

16.Kelinci


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

17.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

18. Pintu


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

19.Berteriak


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

20.Terkurung



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

21.Sincelery



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

22.Menangis


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

23.Champion Ship


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

24. Sundul Bola



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

25. Lebah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

26. Kipas Angin



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

27. Telur Ayam Menetas



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

28.Ayam Bertelur



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

27. Beruang Memancing Sambil Tidur



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

28.Kiper Gawang



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

28.Kunai Strike



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

29.Gundam lari




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

30.Tendangan Gundam



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

31.Gundam Fight




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

32.Gundam Storm




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://www.blooger.co.idm" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href="http://www.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

33.Burung Terbang



Script:

<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://www.blooger.co.idm" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>

34. Cewek Bergoyang


Script :

<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.blooger.co.idm" target="_blank">Animasi Blog</a></center></small></div>

Cara Pemasangan :

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.

Tambahan :

• Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right dengan left. begitu juga sebaliknya.
• Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottom dengan kode Top

Cara Memasang Lagu di Blog

Cara Memasang Lagu di Blog - Bagaimana cara sobat menghias blog sobat?? Sudahkan sobat memasang widget Mp3 di blog sobat?? kalo belum dan sobat ingin memasangnya, berikut ada tutorial yang bisa sobat ikuti sebagai panduan memasang lagu di blog.
Lagu / Mp3 adalah salah satu widget blog yang biasa di pasang untuk mengusir kepenatan dalam ngeblog. Widget ini banyak di gunakan oleh para blogger newbie ( pemula ) dalam menghias blog. Sekedar info, bahwa mungkin widget ni akan sedikit menambah beban loading blog sobat, itulah sebabnya mengapa para blogger yang sudah lama ngeblog ( Blogger Senior ) jarang menggunakan widget ini.

Tapi bagi sobat yang tertarik memasangnya kali ini saya akan kasih tutorial nya. Silahkan ikuti Cara Memasang lagu di Blog ( Blogspot ) berikut.

1. Sign up ke MixPod dengan  mengisih data - data yang diminta seperti gambar berikut. Kemudian Klik Sign Up.

2. Kemudian sobat akan tampilan berikut.

3. Seperti pada gambar, langkah tersebut sobat lewati dengan mengklik No thanks, go to my account.
3. Kemudian Klik Create Playlist.

4. Selanjutnya sobat akan di mintah untuk memilih lagu untuk di masukkan dalam playlist.

5. Cari lagu yang sobat inginkan dan klik tanda plus (+) untuk memasukan lagu ke playlist, kemudian klik Costumize untuk mengatur tampilan Mixpod nya.

Di dalam menu costumize, sobat akan melihat 3 pilihan menu. antara lain, Skins, Color & Style dan Setting. atur sesuai keinginan.

 6. Klik Save Playlist kemudian beri judul dan deskripsi untuk playlistnya. misalnya..
Title : lagu
Deskripsi : Laguku

7. Ambil Scriptnya dengan meng klik Save (get code) dan pasangkan di HTML/Javascript blog sobat.
 Caranya, Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript--> Masukkan kodenya ke dalam kotak yang di sediakan. Klik save dan selamat mendengarkan.

Cara Memasang Iklan di Blog

Cara Memasang Iklan di Blog - Apa kabar sobat blogger?? Trick kali ini akan coba membahas tentang bagaimana memasang iklan PPC di blog. Sebelumnya saya sudah pernah memposting artikel tentang cara memasang iklan di samping artikel dan cara membuat wadah iklan muncul tiba - tiba, tapi sayangnya saya baru kepikiran untuk menulis artikel tentang cara pemasangan iklan di blog ( Blogspot ).

Seperti kita ketahui bersama, bahwa selain sebagai sarana penuangan ide dan aspirasi, blog juga adalah sarana untuk mencari receh, baik yang berupa dollar ataupun yang berupa Rupiah. Saat ini, banyak jasa PPC ( pay per click ) atau bayar tiap 1 kali klik yang tersedia dan bisa mendaftar secara gratis. salah satuhnya adalah Kumpul Blogger.   Kali ini, kita akan memfokuskan pemasangan iklan dari kumpul blogger . Sobat yang tertarik memasang script iklan di blog silahkan ikuti tutorial berikut.

1. Buka situs kumpulblogger dan klik Register atau langsung saja mengklik link ini
2. Masukkan Email sobat pada kotak yang di sediakan kemudian isi captha nya dan klik register.

3. Kemudian buka email masuk pada alamat email yang sobat daftarkan tadi dan dan ambil passwordnya.

4. Sekarang log in ke akun kumpul blogger sobat dengan username ( email sobat ) dan password tadi.

5. Setelah itu, sobat akan melihat beberapa tampilan menu seperti berikut.

1. Script Text Advertising untuk Blog anda : adalah script berbentuk iklan baris ( tulisan )
2. Script Mini Banner untuk Blog anda : adalah script berbentuk banner ( gambar )

6. Pilh salah satu ( kedua - duanya juga nggak apa apa ) dan ambil script yang di berikan kemudian pasangkan di HTML/Javascript blog sobat.

Caranya :

1. Rancangan --> Elemen Laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan script iklan ke dalam kotak yang di sediakan.
3. Klik Simpan. 

Atau sobat ingin memasangnya melayang di blog sobat? ikuti trik berikut.

1. Rancangan --> Elemen Laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan kode berikut ke dalam kotak yang di sediakan.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
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("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

SCRIPT IKLAN SOBAT

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

3. Klik save dan lihat hasilnya.

tambahan :
Berbicara PPC berarti berbicara pengunjung, karena itu saya sarankan sebelum sobat memasang iklan PPC, ada baiknya sobat perhatikan dulu jumlah visitor blog sobat.

Blogspot Template Blog

Blogspot Template Blog - Berbicara tentang blog tentu berbicara tentang template blog ( blogspot ) dan berbicara tentang template blog tentu sobat akan mencari template blogspot tebaik dan berbicara tentang template blogspot terbaik saya rasa sampai sekarang belum ada tuch... hihihi

Mungkin sobat blogger merasa aneh dengan judul dalam postingan kali ini, namun mungkin bagi sebagian blogger juga sudah tahu bahwa maksudnya yaitu untuk menembak keyword. jadi, bagi sobat blogger yang merasa ke sasar dengan menggunakan keyword Blogspot Template Blog, mohon maaf .. dan jika berkenan silahkan lihat - lihat dulu artikel lain di blog ini terutama yang berhubungan dengan template blog . di antaranya..

1. Cara Mengganti Template Blogger 
2. Tatelu Blogger Template 
3. Tatelu Blogger Template V2
4. Template Blogger Seo Friendly 2012

 Silahkan di download templatenya jika di rasa pas dengan keinginan sobat blogger.

Salam!!!

Template Blogger Seo Friendly 2012

Template blogger seo friendly 2012 - Berbicara tentang template blogspot seo friendly pasti yang ada di benah sobat adalah sebuat template yang sangat super easy loading, most downloaded dan tentunya di sukai oleh raksasa search engine yaitu om gugel. Nah di tahun 2012 ini saya akan berbagi 1 template seo friendly dan easy loading ( loadingnya ringan ) yang barusan saya buat dan saya sebut Template Blogspot  Seo Friendly Tahun 2012 dengan nama Tatelu style..

Sebelumnya saya sudah pernah mengeluarkan 2 template yang saya beri nama Tatelu Blogger Template dan Versi ke duanya yang saya beri nama Tatelu Blogger Template V2 namun dari ke tiga template keluaran saya, template dalam postingan kali ini lah yang paling bagus.. Sobat yang berminat mendownloadnya, silahkan.

balik ke topik....

Berbagai fitur sudah tersedia dalam template ini diantaranya navigasi breadcrumb seo friendly, optimasi tag h1 h2 dan h3, related post, dua kolom elemen di bawah postingan dan masih banyak lagi. Untuk lebih jelasnya, ada baiknya sobat melihat screenshot di bawah ini.

DEMO/DOWNLOAD

Cara Membuat 2 Kolom Elemen di Bawah Postingan

Cara Menambah 2 Kolom Elemen di bawah Postingan - Utak - atik template blog memang banyak manfaatnya, bukti nya karena hoby saya meng permak template, beberapa hari lalu saya berhasil membuat 2 template sendiri yaitu tatelu blogger template dan tatelu blogger template V2. Dan kali ini saya juga berhasil membuat 2 kolom elemen di bawah postingan / artikel.

Sekedar ngasih tahu, Kolom Elemen berbeda dengan  Kolom biasa, bedahnya bisa sobat lihat di Elemen laman. Kalau kolom elemen, pada elemen laman akan muncul elemen baru yang bisa sobat pasangi widget (add gadget ) tanpa perlu edit Html namun tak bisa di pasang dalam artikel sedangkan kolom biasa adalah sebaliknya.

Sepeti yang telah saya bilang di atas, bahwa cara membuat 2 kolom elemen di bawah postingan ini saya tahu dari kegemaran saya untuk meng - permak template jadi saran saya bagi sobat yang newbie kayak saya, jangan takut untuk meng utak - atik template, toch kalau eror kan bisa di cegah dan atasi.

Sobat yang tertarik memasang 2 kolom elemen di bawah postingan, silahkan ikuti tutorial berikut.
1. Masuk ke dashboard sobat.
2. klik Rancangan --> Edit HTML
3. Cari kode berikut.

#main-wrapper {
  width: 500px;
  float: $startSide;
margin:20px
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

tambahan :
Fokuskan pencarian pada kode berwarna biru.

4. Letakkan kode berikut di bawah kode pada langkah 3.

#main {
width:500px;
float:center;
}
#main-left{
border:1px solid #000000;
padding:10px;
width: 225px;
float:left;
}
#main-right{
border:1px solid #000000;
padding:10px;
width: 225px;
float:right;
}

kira - kira hasilnya begini :

#main-wrapper {
  width: 500px;
  float: $startSide;
margin:20px
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#main {
width:500px;
float:center;
}
#main-left{
border:1px solid #000000;
padding:10px;
width: 225px;
float:left;
}
#main-right{
border:1px solid #000000;
padding:10px;
width: 225px;
float:right;
}

5. Selanjutanya cari kode  berikut.

<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
      </div>

ganti kode tersebut dengan kode berikut.

<div id='main-wrapper'>
<div id='main'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<b:section class='main-left' id='main-left' style='width: 225px; float: left;'>
</b:section>
<b:section class='main-right' id='main-right' style='width: 225px; float: right;'>
</b:section>
</div>
</div>

6. Klik simpan dan lihat hasilnya pada elemen laman. Jika sudah ada 2 kolom add gadget di bawah postingan berarti tricknya berhasil.

Sekian dulu sob!!!

Cara Memasang Emoticon Gundam Dalam Postingan Blogger

Cara Memasang Emoticon Gundam Dalam Postingan Blogger - Bagian terpenting dalam suatu blog adalah Area postingan. betul??  karena itu , sekecil apapun kesalahan yang di lakukan di area postingan berkemungkinan akan menghalagi kinerja googlebot dalam membaca isi dari artikel sobat. Saya pernah menemukan blog yang tidak punya sidebar, footer bahkan header ( header di sembunyikan ), tapi tak pernah saya menemukan blog yang tidak punya area postingan ( tempat artikel )

Kali ini saya ada sedikit tips bagi sobat blogger yang ingin memperindah area artikelnya. Kali ini kita akan coba menambahkan emoticon gundam  di dalam postingan blogspot, seperti yang sobat lihat pada bagian bawah postingan ini.

Postingan ini hampir sama dengan postingan sebelumnya ( baca : cara memasang emoticon dalam postingan blog ), bedanya adalah emoticonnya. Kalau yang lalu saya menggunakan emoticon emogirl dan emoboy, kali ini saya meggunakan Emoticon Gundam.

Sobat yang tertarik memasang emoticon gundam di postingan atau artikel blog, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan -> edit Html
3. Letakkan script berikut di atas kode </body>

<script src='http://tateluproject.googlecode.com/files/post%20emot%20gundam.js'/>

4. Klik simpan.

Untuk menampilkan emoticon di postingan silahkan sobat gunakan kode pemanggil seperti berikut.

:a:   untuk emoticon

:b:   untuk emoticon

:c:   untuk emoticon

:d:   untuk emoticon

:e:   untuk emoticon

:f:   untuk emoticon

:g:   untuk emoticon

:h:   untuk emoticon

:i:   untuk emoticon

:j: untuk emoticon

:k:   untuk emoticon

:l:   untuk emoticon

:m:   untuk emoticon

:n:   untuk emoticon

Nah.. selesai dech!! silakan berkreasi dengan emoticon dalam postingan ..

Cara Memasang Widget I Love Indonesia di Blog

Cara Memasang Widget I Love Indonesia di Blog - Pernah kah sobat melihat widget yang di maksud? saya rasa  hampir semua tamang blogger sudah pernah melihat widget ini. Widget ini biasa di letakkan di bagian pojok kanan atas blog berupa icon dengan tulisan I LOVE INDONESIA. kira kira seperti inilah bentuknya..

Nah!! kali ini kita akan mencoba memasang widget tersebut di pojok kanan atas blog sobat. Cara ini sebenarnya hampir sama dengan postingan sebelumnya ( baca : membuat gambar atau animasi berada di pojok blog ), bedanya, kalau yang dulu harus edit html yang ini sebaliknya ( tanpa edit html ). Sobat blogger  yang tertarik memasang widget ini di blog, tinggal memasukkan script berikut di HTML/Javascript blog sobat.

<script language="JavaScript" src="http://tateluproject.googlecode.com/files/loveindonesia.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm85rWKXGHCOVIZGXwij_r0kuZCEatfDg1IW9COUhKe5-7sibHdGauPzhU3CwCUaPwLgZlO94vHJtucJ4yNcuGLSIGZSVA-D-J8x-K3Jr4tJowFMbJpycoFMabgfWQYUqXJk3dxN2Qh1Hb/s1600/iluvindonesia.png")</script>

Caranya :

1. Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan script tadi ke dalam konten yang di sediakan.
3. Klik simpan dan lihat hasilnya.

Sekian cara membuat widget I love indonesia dan semoga membantu.

Cara Menambahkan Emoticon Pada Guest Book Cbox

Cara Menambahkan Emoticon Pada Guestbook Cbox - Hal yang paling indah dan menggembirakan hati adalah ketika kita berbagi dan orang senang dengan apa yang kita bagi tersebut. Karna itu kali ini saya seperti biasa akan berbagi sesuatu pada tamang blogger. Kali ini saya akan kasih tahu tamang blogger bagaimana cara menambahkan emoticon di buku tamu cbox. namun terlebih dahulu sobat harus mendaftar ke cbow.ws.

Sekedar pemberitahuan, bahwa sebelumnya christian tatelu telah memposting cara mengganti template blogger. Bagi sobat blogger yang ingin menambahkan emoticon pada buku tamu Cbox, silahkan ikuti tutorial berikut.

Cara Menambahkan Emoticon Pada Guestbook Cbox

1. Log in ke akun Cbox sobat.
2. Klik Option kemudian Klik Smilies seperti gambar berikut.

3. Kemudian akan ada tampilan berikut.

• Kode - kode pada kolom 1 adalah kode pemanggil. bisa sobat ganti sesuka hati sobat.
• Kode - kode pada kolom 2 adalah Url emoticon. bisa sobat ganti dengan Url emoticon milik sobat atau scroll ke bawah dan temukan tulisan new row ( baris baru ) untuk menambah emoticon baru.

4. Masukkan url emoticon sobat di kolom 2 dan kode pemanngil baru di kolom 1 ( misalnya :1:)
5. Klik save changes.
6. Klik publish dan ambil kode Cbox baru sobat dan pastekan di HTML/javascript blog sobat.

caranya :

• Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
• Masukkan kode /script dalam konten.
• Klik simpan dan saatnya berkata... CoooooOOOooL!!

Download Lagu / Lirik Jingle Laurier Terbaru - ( Ost Iklan Laurier Terbaru )

Download Lagu / Mp3 Jingle Laurier Terbaru ( Ost Iklan Laurier terbaru ) JKT48 – Kimi No Koto Ga Suki Dakara - Pagi - pagi minum kopi nonton film spongebob, lagi asyik nonton kemudian di selingih iklan. Iklan apakah itu?? itulah iklan laurier terbaru. Mantap iklannya ya sob??? Gimana nggak mantap coba.!! lagunya itu sob mantep banget ( sule kalee! ).

Lagu dalam iklan terbaru laurier itu dinyanyikan oleh AKB48 dan kemudian di nyanyikan dalam bahasa indonesia oleh JKT48. Lagu yang berjudul Kimi No Koto Ga Suki Dakara ini kembali mewarnai belantika musik indonesia setelah sebelumnya ada juga lagu berjudul Flyng Get dan Heavy Rotation ( ost pocari sweat ) yang di nyanyikan oleh penyanyi yang sama yaitu AKB48. Berbeda dengan gaya - gaya lagu indonesia yang cenderung sedih - sedih, lagu ini seakan membawa semangat baru bagi siapapun yang mendengarnya.

Berikut sekilas tentang Lirik lagu Jingle Iklan Laurier Terbaru.

Download Lagu / Lirik Jingle Laurier Terbaru - ( Ost Iklan Laurier Terbaru )

Kimi no Koto ga Suki Dakara (Karena Aku Suka Dirimu)

Versi Jepang ( AKB48 )

Kimi ga shiawase dattara Kono jikan ga tsuzuku you ni
Zutto zutto zutto inotte iru yo
Kaze ni fukaretemo
Boku ga sono hana wo mamoru

Ai to wa henji wo
Motomenai koe sa
Ippouteki ni okuru mono

Taiyou no shita
Waratte
Utae! Odore!
Jiyuu ni!

Kimi no koto ga suki dakara
Boku wa itsumo koko ni iru yo
Hitogomi ni magirete
Kizukanakute mo ii
Kimi no koto ga suki dakara
Kimi to aeta sono koto dake de
Atatakai kimochi de
Ippai ni naru

Kimi ga nayanderu toki wa
Tada damatte kiki nagara
Ame wo yokeru kasa wo katamukeyou
Ochiru sono namida
Mienai yubi de nugutte...

Koi to wa shizuka ni
Hirogatteku hamon
Sono chuushin wa kimi nanda

Kanashimi nante
Makezu ni
Yume no sora wo
Miagete!

Kimi no koto wo omou tabi
Meguriaeta sono guuzen
Jinsei de ikkai no
Kiseki wo shinjiteru
Kimi no koto wo omoutabi
Boku wa kami ni kansha shiteru yo
Furimuite kureru no wa
Eien no saki

Kimi no koto ga suki dakara
Boku wa itsumo koko ni iru yo
Hitogomi ni magirete
Kidzuka nakute mo ii
Kimi no koto ga suki dakara
Kimi to aeta sono koto dake de
Atatakai kimochi de
Ippai ni naru
Eien no saki

Versi Indonesia ( JKT48 )

Jika kamu bahagia..
Maka aku akan selalu selalu berdo'a selamanya..
Hingga kenangan itu berakhir..
Meski pun jika tertiup angin..
Aku akan melindungi bunga ini..

Cinta itu adalah suara..
Yang tidak memerlukan balasan..
Karena itu adalah sesuatu yang kamu berikan..

Di bawah terik matahari..
Senyumlah..
Bernyanyi! Menari! Sebebasnya!

Karena aku suka dirimu..
Aku akan selalu berada di sini..
Meskipun terhalang oleh keramaian..
Dan meski kau tak dapat melihatku..
Karena aku suka dirimu..
Hanya dengan bertemu denganmu.. Itu sudah mengisi hatiku..
Dengan perasaan yang hangat..

Ketika kamu dalam keadaan tertekan..
Aku hanya akan diam-diam mendengarkanmu..
Dan memegang payung untukmu agar terhindar dari hujan..
Dan menghapus air matamu..
Dengan jari yang tak dapat kamu lihat..

Cinta itu bagaikan riak air..
Yang menyebar secara diam diam..
Dengan kamu sebagai pusatnya..

Jangan menyerah..
Dalam kesedihan..
Lihatlah langit..
Yang penuh impianmu..

Setiap kali aku memikirkanmu..
Aku percaya bahwa kesempatan kita tuk bertemu kembali..
Adalah sebuah keajaiban..
Yang terjadi sekali seumur hidup..
Setiap kali aku memikirkanmu..
Aku bersyukur kepada
Tuhan..
Aku akan melihat dan menanti..
Keabadian di depanku..

Karena aku suka dirimu..
Aku akan selalu berada di sini..
Meskipun terhalang oleh keramaian..
Dan meski kau tak dapat melihatku..
Karena aku suka dirimu..
Hanya dengan bertemu denganmu.. Itu sudah mengisi hatiku..
Dengan perasaan yang hangat..
Keabadian di depanku..

Langsung saja download lagunya :

Download lagu ost iklan laurier

Cara Menghapus Widget The Slide dari Simple Reach

Cara Menghapus Widget The Slide dari Simple Reach - Pernahkah sobat melihat widget the silde dari simple reach? itu lo yang widgetnya muncul di bagian bawah kanan blog!!. widget ini juga tak jarang di sebut widget recommended for you .

Kali ini saya tidak akan memposting bagaimana cara memasang widget the slide dari simple reach tapi sebaliknya, bagaimana cara menghapusnya. loh kok di hapus?? kan sudah banyak tu artikel di blog ini tentang cara membuat dan cara memasang, bahkan hampir semuanya.. sekali - kali menghapus kan nggak pa pa.. hehe.
Untuk cara menghapus widget ini agar musnah dan hilang di blog sobat, sobat hanya perlu menghapus kode widgetnya. sobat yang ingin menghapus widget the slide dari simple reach dari simple reach, silahkan ikuti tutorial berikut.

Cara Menghapus Widget The Slide dari Simple Reach

1. Log in ke akun blog sobat
2. Klik rancangan --> edit HTML --> Centang kotak expand template widget.
3. Cari dan hapus kode berikut.

<b:loop id='the_slide' values='data:posts' var='post'>

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

      <script type='text/javascript'>

        __spr_config = {
          pid: &#39;4f03fc85396cef0b2700010f&#39;,
          title: &quot;<data:post.title/>&quot;,
          ckw: &quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot;,
          pub: &quot;<b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if>&quot;,
          url: &quot;<data:post.url/>&quot;
        };
        (function(){ // The Slide by Simple Reach
          var s = document.createElement(&#39;script&#39;);
          s.async = true;
          s.type = &#39;text/javascript&#39;;
          s.src = document.location.protocol + &#39;//d8rk54i4mohrb.cloudfront.net/js/slide.js&#39;;
          (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(s);
        })();
      </script>
    </b:if>

  </b:loop>

 Tambahan :

• Utamakan pencarian pada kode yang berwarna biru.

4. Klik save dan lihat hasilnya.