Cara Buat Tombol Suka

Untuk Pemula, Tips Cara Mudah Membuat Tombol Suka di atas Postingan Blog semoga artikel Tips Blog Di bawah Ini Membantu anda, dalam belajar Ngeblog berikut ini adalah Trik Cara Mudah Membuat Tombol Suka di atas Postingan Blog - Cara ini sudah banyak di bahas oleh blogger lain, namun tak lengkap rasanya kalau saya tidak menshare judul Cara Mudah Membuat Tombol Suka di atas Postingan Blog, untuk contoh Silahkan lihat Gambar di bawah.

jadi bisa juga di letakan di bawah Postingan, lalu apa untung nya memasang Tombol suka ini? banyak deh pokok nya, jika seseorang klik suka atau like pada postingan tersebut, maka otomatis akan tampil di profil nya dan tentunya di lihat oleh teman2 facebooknya, coba bayangkan jika teman nya 5000 orang (seperti saya, waka wakaaa).. dan ikut nge-like dari mana sumber itu berasal, waw.. bisa luar biasa meningkatkan traffic blog sobat kan? Nah yang belum pasang silahkan perhatikan cara berikut ini :

1. Login ke Blogger dengan akun sobat
2. Klik rancangan/atau Design kemudian Edit HTML dan jangan Lupa ceklis Expand Template Widget(kalau gak di ceklis gak akan muncul)
3. Lalu Cari Code <data:post.body/>
4. Letak kan kode di bawah ini tepat di atasnya(kalau ingin di bawah postingan tombol suka nya tinggal pasang di bawah Code tersebut, 

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/><br/>

Terakhir simpan Template Sobat dan Lihat Hasilnya. Jreng.... Tombol Suka/Like sudah muncul tuh

Ganti Background Burung Twitter Dengan Aneka Macam Image / Gambar Burung Twitter lainnya

Di postkan Oleh Ryan Bloggers Comunity pada Ganti Background Burung Twitter Dengan Aneka Macam Image/Gambar  - Jika Anda Merasa Bosan Dengan Image atau Gambar Burung Twitter yang Selalu Berwarna tutu aja,, hehe,, Neh Ganti yang lain. Eitss,, Kalo Belum Pernah Pasang Ikon Burung Twitter, Silah Pasang Burung Twitter Terbang di Blog Dulu ya..
Gambar burung twitter yang bisa di pakai :

https://lh4.googleusercontent.com/-V7f5o6CK4Qo/TXWksTB5MQI/AAAAAAAAAhM/Fhyfr6UNe7M/s1600/Blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-f3pMwIXxwkyqMqKToyk1aWOoRklIFEGyQTbKPQqQSSWSG16gZJKwzGFER51SB9DrVyQiPYHc_Sbp05DH7oqIbP-ZL1absgmmIbKufARtmaP5mdFQ0XJU12_k-vglZKGknqtYOMI24x1S/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGaQOBbtr9Pz3dcv9QY-vO-mZxnJaPyIaOsLD7uW8WPCeIW0yL1hAFfRZq4yi3JSJxZspCpPv5hyEpDKhiSsmKaT-UUzs4fNQPkG9xtuwP3ArMvSHlx23kghKF-lglGU-Zv2Ji0EfA1L_r/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkr1uJ3fYV0T_kANZViVoy6Amh-thV0Nbst6y7ehd8-nHpaWB6gRgvISS-CPjRKEWcp344_StBb4gf64144sAw0zrIcMvV1YYFvHQI64oOSPaS9tswnOyDY060H24XcpJf-BYhlXQ3OziU/s1600/purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZC6mwT0v_y-vN1dJwzhTt38WA8OFOUE3FipeQXDvp9FnAc3rUC2cZf76r9WoDMfNJXAvUP8hon0G2qf5ETmysZwqFJ_kxqwox7SA2ynJ8p1VpW67ZRphBOzlHzPBh9TpcDPKZWp0Y6IUc/s1600/pink.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcEI62KkL_33UKjg3hcxXdvMsoDnnO7T3gS-cklT3aplMgwi9_oH4DAKE8vHoZyGNdZKeuQLaGzXFdFBrzdyzgeJhQZoq8keplzxwMIqn-UoaHKQnVWODbzbKEy7SnbCavCV1AHv1_ND9/s1600/birdsprite1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzvFcmEcqtaLSgewRvo1Ita6V6J4AXFz7ZqiviyWMnYCH9d4Ma2OprbQQWBnFp7gOxG4cTALKDe2STF3Gep0C07-Mrd_vr3iP6JgamRbGoTJAHZv8Sfe0dMHFhJ2zFpsWBScRpsipERcWC/s1600/twitter+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE6LVqOHv3JImAHKheg-TLBQprlbg99hsXBEhf3Hog3Mv4YJJsxeYmNFJILfXSEfTVQLX1kw6bmlWfox7fkGnYEwkWO2ue7VstU7004pfinOD_-9LqA8QIidwQKQJF3EPCg9qV2q8HTW6N/s1600/birdsprite3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWyfqiWrkZPtnI_7fI2xuccHjANcuHhnwJO7a0rGKW5sskYygMnGXI9Objd7twiFHLgpKz3KmusmNzoSs8TLMHvDMdL0uuuz2DQiJIP3A17D5cN77Ykw_64g-q3SzpmkMLaZEQHF98XpJT/s1600/birdsprite2.png

Bintang jatuh

Detail langkah-langkahnya seperti di bawah ini :

• Login ke blogger dengan ID Anda

• Pada halaman Dashboard klik link Nama Blog Anda

• Klik menu Layout >> Add a Gadget, pilih type gadget HTML/Javascript

• Copy script di bawah ini dan paste pada kotak Content, tidak perlu diberi Title  

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

• Untuk menyesuaikan dengan tampilan blog Anda, silahkan ganti kede warna (tulisan berwarna merah) dengan warna yang anda inginkan, gunakan HEX Color Generator Tool yang terdapat pada side bar blog ini untuk mengetahui kode warna.

• Jangan lupa untuk menekan tombol Save untuk menyimpan gadget

• Periksa halaman blog Anda dan ucapkan Alhamdulillah... sekarang blog Anda sudah bertaburan bintang.

Menambah widget lucu di pojok Blog

25 Jul

Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu. Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakankode html ditambah gambar dari situs sweetim.
Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat

Script:

<div style=”position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget-Animasi</a></center></small></div>

2. Boring

Script :

<div style=”position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif” border=”0″ /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget-Animasi</a></center></small></div>

3.Tuyul ketawa

Script:

<div style=”position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif” border=”0″ /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget-Animasi</a></center></small></div>

4.Boneka joget

Script :

<div style=”position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif” border=”0″ /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget-Animasi</a></center></small></div>

5. Panda main bola

Script :

<div style=”position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif” border=”0″ /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget-Animasi-Blog</a></center></small></div>

6. Tuyul baring

Script :

<div style=”position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Free-Widget-Animasi</a></center></small></div>

7. Panda biru

Script

<div style=”position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif” title=”Click to get more.” /></a>
<small><center><a href=”http://www.komputerseo.com” target=”_blank”>Free-Widget-Animasi</a></center></small></div>

8. Panah

Script:

<div style=”position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020236.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

9. 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 border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020322.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

10.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 border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

11.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 border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</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 border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

13.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 border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

14.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 border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020478.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

15.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 border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020479.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

16.Pinguin

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020484.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

17. Helikopter

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020389.gif” title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.
Cara memasang widget animasi ke blog : 
1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan – Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Catatan:
1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
2. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag leftmenjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini

<div style=”position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10″ target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif” border=”0″ /></a><small><center><a href=”http://www.komputerseo.com” target=”_blank”>Widget-Animasi-Blog</a></center></small></div>

Artis
1. Leonardo

Untuk widget animasi gambar artis bisa dilihat scriptnya disini widget animasi blog
Untuk widget animasi kartun lucu lainnya seperti di bawah ini bisa dilihat disiniwidget animasi lucu.
.
24.Telur menetas

25.Ayam bertelur

26.Beruang

32.Gawang

Hewan Peliharaan di Blog

Hewan Peliharaan di Blog

Diposkan oleh ARMAN di 1:01 AM |

Buat para blogger yang suka memelihara hewan dirumah, pas banget ma widget/gadget hewan satu ini yang saya dapatkan dari situs penyedianya http://abowman.com/. Widget/gadget hewan ini insya'allah akan membuat kalian serasa memelihara hewan di rumah seperti bermain-main dan memberi makan hewan. Untuk cara bermain dan memberi makan kalian jajal sendiri aja dengan coba-coba mengarahkan kursor kalian ke widget/gadget hewan.

Hewan Peliharaan Blog

Berikut script beberapa hewan yang saya ambil dari situs penyedianya untuk kalian copas ke sidebar kalian.

Fish/Ikan

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Hamster

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Tree Frog/Kodok

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Dog/Anjing

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

Turtle/Kura-kura

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Saya hanya mengambil script hewan yang bisa diberi makan untuk selebihnya kalian bisa mengunjungi situs penyedianya

Untuk pemasangan ikuti langkah-langkah berikut

1. Login  ke akun blogger kalian
2. Pilih Rancangan >> Klik Elemen Laman >> Klik Tambah Widget/Gadget
3. Kemudian pilih HTML/JavaScript
4. Tentukan salah satu hewan peliharaan kalian, lalu copas code di bawah nama hewan ke kolom konten dan isi kolom judul dengan nama yang kalian inginkan. Kolom judul dikosongkan juga boleh.
5. Terakhir klik Simpan/Save dan lihat

Saya bingung mau postingan apaan hahay

Baca juga Blogger Tutorial lainnnya

Cara Memberi Burung Twitter Terbang di Blog

  Cara Memberi Burung Twitter Terbang di Blog - Cara memasang widget burung twitter terbang di blogspot - Kali ini Blogaul masih posting artikel-artikel seputar menghias blog dengan artikel terakhir berjudul Cara mengganti warna background blog.

Cara membuat burung twitter terbang bi blog adalah sebuah cara bagaimana membuat sebuah burung yang bisa terbang di dalam blog. Dan mempunyai banyak manfaat selain menambah kelucuan dan keunikan yaitu dapat menambah jumlah follower akun twitter Anda.

Menambah burung twitter di dalam blog sebenarnya tidak selalu memberikan banyak manfaat bagi blog yang ingin dikunjungi banyak orang. Mungkin ada juga pengunjung yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog (heheheehe meskipun di dalam blog ini tidak aku pasang).

Ok, langsung kita persingkat saja dan langsung kita bahas langkah-langkahnya,

Langkah-langkah membuat burung twitter terbang di blog.

1. Buka akun blogger Anda.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.

3. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjVMfHTGSLqIeNNbFYJYA7l4cXk26odPRpsip3S2Up8KHugExhiNoiEX12KJkcTWBBjUp18o1AMdM1p9Ui1cYK80LnJ1GhWVLpUPXWRcTQwWYgrNRQpUmlooolWescw9zMlupNVNSmxTi/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/amronbadriza";var tweetThisText = "Twitter - amronbadriza http://amronbadriza.blogspot.com/";tripleflapInit();
</script>

4. Ganti tulisan berwarna biru http://twitter.com/amronbadriza dengan akun twitter Anda.
5. Ganti tulisan berwarna ungu amronbadriza dengan id twitter Anda.
6. Ganti tulisan berwarna coklat http://amronbadriza.blogspot.com dengan alamat URL blog Anda.
7. Save.
8. Selesai >> Lihat dan peliharalah burung kesayangan Anda!

Nah, sekian dulu posting mengenai cara memberi burung twitter terbang di blog. Semoga bermanfaat untuk semua.

Source: http://amronbadriza.blogspot.com/2012/06/cara-memberi-burung-twitter-terbang-di.html#ixzz2ERaRjyrz

Cara Memasang Widget Jam di Blog

 

Cara Memasang Widget Jam di Blog – Cara memberi widget/fasilitas jam di blog atau cara menambah hiasan jam di blog.

Setelah kemarin Blogaul mengulas beberapa artikel seputar cara-cara mendesain dan menghias blog, diantaranya artikel cara membuat like box facebook di blog, cara memberi burung twitter terbang di blog dan masih banyak lagi, maka kali ini saya kembali posting dengan judul cara memasang widget jam di blog. Widget jam merupakan widget yang sering dipakai oleh para blogger untuk menghias blog nya karena widget jam ini selain untuk mempercantik blog juga bisa menambah nilai dari blog itu sendiri karena dengan memasang widget jam ini akan membuat setiap visitor dapat melihat waktu saat ini sehingga mereka bisa mengontrol aktivitas mereka. Sebenarnya memasang widget jam cukup memberatkan blog apabila kita sudah memasang banyak widget di blog kita, tapi kalau baru sedikit widget juga tidak masalah. Apakah sobat tertarik untuk memasang widget jam tersebut? Bila tertarik untuk memasangnya, silahkan ikuti tutorial berikut:

1. Masuk ke situs penyedia jam, saya kasih contoh clocklink.com, silahkan masuk disini.
2. Setelah sobat sampai di situs tersebut, silahkan sobat lihat bagian sidebar sebelah kiri situs tersebut. Disitu ada beberapa pilihan aneka jenis jam yang bisa sobat pilih. Misal analog, digital, animal dan lain-lain. Silahkan sobat pilih sesuai keinginan sobat.
3. Setelah sobat pilih, maka akan muncul aneka bentuk jam yang bisa dipilih.
4. Setelah sobat memilih salah satu jam, maka selanjutnya klik View HTML Tag di bawah gambar jam yang sobat suka.
5. Maka akan terbuka halaman baru persetujuan, klik Accept untuk mendapatkan kodenya.
6. Atur kode area berdasarkan area di daerah sobat.
7. Setelah itu sobat akan mendapatkan kode html dari jam tersebut, copy saja.

Lantas, bagaimana cara memasang widget jam ini di blog kita? Berikut caranya:
1. Masuk dashbor blog sobat.
2. Klik Tata Letak.
3. Klik add gadget/tambah gadget di sidebar dimana sobat akan menempatkan jam tersebut.
4. Pilih HTML/Java Script.
5. Copast kode html jam tadi di kotak baru tersebut lalu klik simpan.
6. Silahkan lihat blog sobat.
Akhirnya selesai juga tutorial mengenai cara memasang widget jam di blog kita. Semoga bermanfaat untuk semua.

Source: http://amronbadriza.blogspot.com/2012/06/cara-memasang-widget-jam-di-blog.html#ixzz2ERZA6bYm