cara mudah membuat face like book ( di blog )

Jika sobat belum memiliki facebook fans page silahkan klik aja https://www.facebook.com/pages/Simple-tragis   untuk membuatnya.
ingat sobat harus masuk ke akun facebook sobat dulu sebelum membuat fans page      ---------
selanjutnya  klik di sisi kanan atas atau buat halaman  
setelah itu ikuti langkah-langkah selanjutnya,,,,,



Tapi Jika sudah memilikinya, sekarang kita langsung saja ke TKP...

1. Anda harus login ke facebook pribadi Anda.

2. Agar lebih mudah silahkan klik Social Plugins ini untuk lansung menuju ke facebook Developers.

3. Kemudia Anda pilih Like Box. maka akan muncul windoe seperti dibawah ini :

4. Keterangan Gambar :

• Facebook Page URL : diisi dengan URL facebook fans page milik Anda, Jika belum punya silahkan ke tutorial cara membuat fans page

• Width : lebar fans like box nantinya

• Height : tinggi Fans like box nantinya. Kosongkan saja bagian ini, tinggi akan menyesuaikan

• Color scheme : Ada dua pilihan warna di sini. Light untuk warna terang (putih) dan dark untuk warna gelap (hitam)

• Show Faces : Beri tanda centang apabila ingin menampilkan avatar orang-orang yang menyukai fans page Anda atau pilih No untuk menyembunyikannya

• Stream : Beri tanda centang apabila ingin menampilkan situasi terbaru (update terbaru) dari halaman fans page milik Anda

• Header : Beri tanda centang apabila ingin menampilkan “find us on facebook”

Jika sudah melakukan konfigurasi yang menurut Anda baik dan sesuai kehendak. Klik “Get Code” untuk mengambil code fans like box tersebut. 
Setelah itu akan muncul window baru seperti dibawah ini :

5. Klik IFRAME, nah maka akan keluar  kodenya, setelah itu anda copy ke blog Anda Caranya:

• Login ke Blogger
• Pilih menu Desain/Rancangan
• Tambah Gadget
• Kemudian pilih HTML/Java Script
• Paste Kode Facebook Like Box tadi kedalamnya
• Kemudian save

selamat membuat hal baru dalam blog sobat,,,,

jika ada yang belum paham tanyakan??????pasti ane bantu,,okey

Membuat Judul blog bergerak di tab

sangat mudah bagi pemula maupun yang sudah mahir didunia blog..........

caranya ikuti aja langkah-langkah dibawah ini :

• Masuk ke blogger.com dan login menggunakan akun blog sobat
• Masuk pada halaman Template
• Klik Edit HTML lalu Lanjutkan
• Cari kode <title><data:blog.pageTitle/></title>,  (untuk mempermudah pencarian gunakan ctrl+f lalu akan muncul kotak pencarian di sisi kanan atas dan paste kode tersebut)
• Jika kode tersebut sudah ditemukan, ganti kode tersebut dengan kode di bawah 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>

1. tulisan berwarna hijau adalah kode dari kecepatan gerakan judul blog. Jadi bisa sobat ganti sesuai dengan keinginan sobat.
2. tulisan berwarna merah adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan
3. Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
4. Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template

selamat mencoba! dan tanyakan apabila sobat blogger masih binggung????

Cara Memasang / Memberi Lagu Pada Blog

Bagi para pecinta kembang kuping alias lagu  hehehehe

ni ada cara memasang lagu pada blog yang sudah banyak digunakan para blogger 

mania,,,,,,,,

          1. Login ke akun blog anda
          2. Pilih Tata Letak
          3. Tambahkan Gadjet anda  Pilih HTML/Javascript
          4. Cari kode lagu yang kalian inginkan di link ini: 

http://www.divine-music.info/ (khusus lagu inggris) 

atau mau lagu indonesia,ini linknya!!!

http://www.fullmusik.net/

kodenya kayak gini:

 5.Lalu copy kode embednya terus masukkan ke Html/Javascript tadi.

selamat mencoba.......

jika ada yang kurang jelas silahkan tanyakan???????

Cara agar blog cepat terindex di google, yahoo, bing

Cara agar blog cepat terindex di google, yahoo, bing dan lainnya 


caranya cukup mudah, dari sekian banyak cara,
Index ini  bertujuan yang utama adalah meningkatkan trafik blog kamu dan meningkatkan pagerank blog itu sendiri. 

Secara tidak langsung search engine akan memberikan backlink kepada blog kita apabila kita telah mendaftarkan url blog ke search engine tersebut.

ini ada satu cara lagi yang saya dapat : Add Url Goggle, Yahoo, Bing, lainnya

 Copy paste saja alamat di bawah ini pada browser kamu. 
-Google.co.id : www.google.co.id/addurl/ 
-Google.com : www.google.com/addurl/ 
-Yahoo : http://www.addurlyahoo.com/siteekle.asp 
-Bing : www.bing.com/docs/submit.aspx 
-Alavista : www.altavista.com/addurl/default
-Jayde : http://submit2.jayde.com/ 



Goood Luck_

Tips Membuat Floating/Widget Facebook Like Box di blog

Tips Membuat Floating Facebook Like Box  - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.

Cara Membuat Widget Melayang Facebook Like Box

1.     Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2.       Login ke dashboard blogger anda.

3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4.       Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZoMnBMRKb4-EoyAI5u4QaTi8EHp9ZLmWUoGNG13z0YHKL_6ue0YJxylli4tZ4vwMDVXj_z_MoIXD-3qCYHzu3rr-S5qX822IIr6xSxOVCljBfV-Nr2UY0Ghyx216VOdRJqx6S4DY0d8y/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXuUVflAefpZGP9jQeGV85bYWNmNak0x5UHDnp7BdgfOSNUaFfHMEeOecjDHvig29GENmdYa4gQfddLgvu4SPDfQsAiX8lwOt710dsLPgqe8r5aBmof_66L2VgL2JllGFS2t1xmNC2RiaM/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

<!-- Begin Facebook -->

CONTENT FACEBOOK HERE

<!-- End Facebook -->

</div>

</div>

5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.

6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) {return;}

  js = d.createElement(s); js.id = id;

  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

7.     Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.

8.      Save / Simpan.

Well, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tips blogging kali ini, happy nice blogging on Saturday Night !!

Cara Cepat menaikkan Pagerank blog di Google

CARA MENAIKAN PAGERANK

"Saya Rasa Ini Perlu di Publish Ulang"

Pas blogwalking bin jalan2 ke teman, tadi dapetin tips menarik berikut ini tentang cara menaikkan PageRank dengan MLM backlink. Wao wao…ini dia yang saya cari-cari. Meski saya termasuk yang udah terlambat, tapi harus tetap mencoba dan optimis dapetin backlink. Semangaatttt….hihihihi

Mempunyai blog dengan Pagerank yang tinggi tentu saja menjadi salah satu idaman para blogger. Selain bisa nunjukin popularitas (meski sebenarnya bukan buat gaya-gayaan..), blog dengan Pagerank tinggi bisa jadi salah satu media kita para blogger untuk dapetin dollar bin duit, ya nggak brader ‘en sista? Menurut para senior, ada banyak cara untuk meningkatkan Pagerank (PR) Blog kita. Nah salah satunya adalah seperti yang diutarakan salah satu brader suhu saya di Saungweb. Cara Menaikan Pagerank Dengan MLM Backlink ini diyakini ini bisa menaikan pagerank dengan mudah dan relatif cepat laksana pemasaran Multi Level Marketing. Cara Menaikan Pagerank Dengan MLM Backlink ini seperti umumnya bisnis MLM yang memanfaatkan kedahsyatan faktor kali. Nggak perlulah berlama-lama membahas MLM ini. Sekarang lebih baik saya mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink. Lantas gimana caranya? Caranya sangat mudah. Anda hanya perlu meletakkan link-link peserta di bawah ini di Blog atau Artikel anda:

1.Saung Bisnisku

2. Saungweb

3. Sudut Hati

4.Belajar dan berbagi

5.cerita lucu

6.Spesifikasi dan Harga Notebook 

7.Jendela Kita

8.Permathic Blog 

9. Mangga-sumping

10.Simple tragis

Caranya detilnya seperti berikut :

1. Buat postingan seperti ini atau copy paste aja artikel ini termasuk copy link location nya, terus hapus  peserta No.1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst.

2. Kemudian masukkan link anda sendiri di bagian paling bawah (nomor 10).

3. Sebarkan artikel ini atau cari minimal 5 orang untuk gabung. Lebih banyak tentu lebih baik, Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah :

Ketika posisi anda 10 jumlah backlink = 1 , Posisi 9 jml backlink = 5 , Posisi 8 jml backlink = 25, Posisi 7 jml backlink = 125, Posisi 6 jml backlink = 625, Posisi 5 jml backlink = 3.125 , Posisi 4 jml backlink = 15.625, Posisi 3 jml backlink = 78.125, Posisi 2 jml backlink = 390.625, Posisi 1 jml backlink = 1.953.125. Dan semuanya menggunakan kata kunci yang anda inginkan. Dari sisi SEO anda sudah mendapatkan 1.953.125 backlink dan efek sampingnya jika pengunjung Blog atau Web para downline anda mengklik link itu, anda juga mendapatkan traffik tambahan.

Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link anda di posisi 10. Ingat, anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba2 di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10

Cara Membuat "Facebook Like Box" Pada Blog

Tips Membuat Floating Facebook Like Box  - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.

Cara Membuat Widget Melayang Facebook Like Box

1.     Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2.       Login ke dashboard blogger anda.

3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4.       Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZoMnBMRKb4-EoyAI5u4QaTi8EHp9ZLmWUoGNG13z0YHKL_6ue0YJxylli4tZ4vwMDVXj_z_MoIXD-3qCYHzu3rr-S5qX822IIr6xSxOVCljBfV-Nr2UY0Ghyx216VOdRJqx6S4DY0d8y/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXuUVflAefpZGP9jQeGV85bYWNmNak0x5UHDnp7BdgfOSNUaFfHMEeOecjDHvig29GENmdYa4gQfddLgvu4SPDfQsAiX8lwOt710dsLPgqe8r5aBmof_66L2VgL2JllGFS2t1xmNC2RiaM/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

<!-- Begin Facebook -->

CONTENT FACEBOOK HERE

<!-- End Facebook -->

</div>

</div>

5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.

6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) {return;}

  js = d.createElement(s); js.id = id;

  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

7.     Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.

8.      Save / Simpan.

Well, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tips blogging kali ini, happy nice blogging on Saturday Night !!

Widget KEREN "One Piece"

Cara Membuat Efek One Piece Keren :

1.       Seperti biasa login dulu ke dashboard blogger anda.

2.       Pilih Rancangan > Edit HTML, centang Expand widget template.

3.       Cari kode </head>  pada template dengan menggunakan Ctrl+F.

4.       Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>

<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="400" src="https://8282526871689076434-a-1802744773732722657-s-sites.googlegroups.com/site/widgetfireflies/onepiece%2Bwatermark.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

5.       Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Nah itu tadi langkah-langkah bagaimana cara membuat efek One Piece Keren di blog, cukup mudah bukan ?

so,,,, selamat mencoba hal baru dalam hidup sobat....hehehe

Widget "Daun Berjatuhan Di Blog"

Cara Membuat Efek Daun Berjatuhan Di Blog – Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek bintang bertaburan yang saya posting sebelum ini. Trik membuat efek daun berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.

Cara Membuat Efek Daun Berjatuhan :

1.       Seperti biasa login dulu ke dashboard blogger anda.

2.       Pilih Rancangan > Edit HTML, centang Expand widget template.

3.       Cari kode </head>  pada template dengan menggunakan Ctrl+F.

4.       Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

5.       Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Nah itu tadi langkah-langkah bagaimana cara membuat efek daun berjatuhan di blog, cukup mudah bukan ? Jangan lupa daun-daunnya kalo sudah kebanyakan yang jatuh sambil di sapu ya he he…

Cara Membuat Teks BERGERAK "Mengikuti Kursor" di BLog

Membuat Teks Pada Kursor – Jumpa lagi sobat blogger !! Sory banget kalau saya lama ngga bikin posting karena lagi banyak kesibukan offline di akhir tahun 2011 kemarin. Mengawali tahun 2012 ini saya mau share tentang membuat teks pada kursor. Teks yang mengikuti kursor pada trik efek ini menggunakan javascript yang relatif ringan, jadi jangan khawatir akan pengaruhnya terhadap loading blog. Buat yang sudah bosan dengan trik mengganti gambar pada kursor, coba aja trik membuat teks yang mengikuti kursor ini biar ganti suasana tampilan baru. Kan udah Tahun Baru nih..he he.


Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
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;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* 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 =20;
// 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// 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>

4.    Save/Simpan dan lihat hasilnya.
5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.   Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada browser.

Membuat Semut Muter-muter di Blog

Ada gula ada semut, ada yang yang asyik-asyik dan manis akan banyak pengunjung. Kayak blog yang hitam manis ini :D. Pernah lihat blog yang di halamannya ada semut yang muter-muter. Atau malah pernah tertipu karena mengira itu semut ada di monitor PC kamu, dan mau menyingkirkannya ternyata asli dari blognya.

Baiklah, sekarang kita akan belajar untuk membuat semut berputar-putar di halaman blog. Sebenarnya sangatlah mudah, hanya menambahkan kode HTML sederhana. Dan tidak hanya semut, bisa juga diganti gambar animasi lain yang kamu suka, bisa monyet, cecak, dan lain-lain.

Cara Membuat Semut Muter-muter di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>

5. Kode yang berwarna merah adalah URL gambar animasinya. 150itu adalah jarak dari atas dan 20 jarak dari samping. Kita dapat menggantinya sesuai sesuka hati.
6. Simpan jika sudah selesai.