Iklan Google

Rabu, 09 Desember 2015

STRUKTUR DASAR DOKUMEN HTML


Bete', boring, jenuh, buntu, Gak ada ide lagi buat sharing ,ya udah dari pada blog Gagaje gak update mending sharing sedikit lah hal basi ini yaitu struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY...hahahahaaa...basi banget lah ya..Langsung aja yah...malas ngebacot yang gak jelas...hee..


STRUKTUR DASAR DOKUMEN HTML

HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.




Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head>
<title>Disini Judul Dokumen HTML</title>
</head>
<body>
        Disini penulisan informasi Web
</body>
</html>
Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar

<p>
    <b>
        ................
    </b>
</p>

Contoh penulisan tag-tag yang salah

<p>
    <b>
        ................
    </p>
</b>

c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG
   nama-attr="nilai-attr"
   nama-attr="nilai-attr"
   .................
>
   .................

</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">
d. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
<html>
..........
</html>

e. Element HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:
<head>
...........
</head>

f. Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:
<title>
.........
</title>

g. Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

Cara Mengatasi Crawl Error page not found 404 Pada Webmaster

Cara Mengatasi Crawl Error page not found 404 Pada Webmaster

Cara Mengatasi Crawl Error page not found 404 Pada Webmaster
Asik, Bahasa judulnya formal banget, tetapi memang itu yang akan Gagaje bahas kali ini.
Tapi sebelum ke pembahasan, Saya mau Curhat dulu ya, boleh kan. Baik, berawal dari keinginan untuk kembali berselancar ke Dunia Maya yaitu Dunia Blogging, saya memulai melakukan penelusuran tentang cara mengedit template di Eyang Google. Tidak lama berselang, akhirnya saya berlabuh di sebuah Blog yang luar biasa mantapnya, pembahasannya Fokus hanya membahas tentang SEO dan aktikelnya pun luar biasa komplit,
tapi yang anehnya ada aja yang Komen diluar topic yaitu "Bang..Di Webmaster Tools ane banyak menemukan Crawl Error...(&#&^#&*^#) Putus sampai disitu" udah gitu pakai Anonymous lagi, dipikir coba, ini tentu tidak nyambung dengan aktikel tersebut, dan saran saya itu jangan anda ikuti, karena biasanya Blog Blog TOP pasti menyediakan halaman OOT (Out Of Topic) nah disitu seharusnya comment yang tidak nyambung di tempatkan, tapi dengan adanya comment itu terbitlah didalam benak saya untuk melihat ke Site Dashboard saya di Webmaster Toolsnya eyang Google, dengan sangat terkejut pake jungkir balik, saya menemukan ada 42 Error pada Crawl Errornya, tentu dan sudah sangat pasti ini tidak mengasikkan dipandang, tanpa pikir panjang saya langsung Googling di Eyang Google untuk mencari cara mengatasinya, akhirnya dapat dan berhasil.
(Penjang sekali curhatnya ya, maaf ya...)

OK, kita kembali ke pembahasan inti dari Artikel ini, Crawl errors 404 not found pada Webmaster Toolsnya eyang Google terjadi karena banyak hal, dan beberapa yang saya ketahui antara lain :
  1. Error tersebut mengindikasikan bahwa didalam blog kita terdapat link yang mengarah ke halaman yang sudah terhapus.
  2. Pindah format permalink.
  3. Penghapusan halaman / postingan yang salah dan masih berada pada hasil pencarian eyang Google.
  4. Terdapat link pada Comment anda dimana link tersebut sudah tewas / expired.
  5. Ada blog tetangga yang membuat artikel dan mengarahkan ke blog kita dengan menaruh link yang salah.
Nah itulah beberapa hal yang menyebabkan banyak orang  atau pengujung yang sudah antusias ingin membaca artikel kita, eh malah nyasar kehalaman 404 page not foundnya eyang google, anda pasti juga pernah mengalaminya kan, kalau anda tanya saya, saya jawab " Sering Banget, (pakai ekspresi alay), tapi ya jangan di prektekan, he ".

Baik, disini saya akan mulai Cara Mengatasi Crawl Error page not found 404 Pada Webmaster Tools.
  1. Pertama tama dan yang paling utama anda harus masuk dulu ke Google Webmaster.
  2. Pilih menu special pake hati dan empela di warung kesayangan anda dan pesan 2 bungkus yang satu pedes banget, dan jangan dimakan dulu.
  3. Pada menu google webmaster tools sebelah kiri, anda klik menu Crawl dan pilih submenu Crawl Errors.
    • Jika terdapat error, maka akan terlihat seperti gambar di bawah ini.
    • Jika tidak terdapat list url seperti gambar dibawah, makan blog anda aman dari Crawl Error dan Selamat, Anda HEBAT, dan tinggalkan komentar dengan mengatakan "AKU HEBAT" pada kolom komentar di bawah..heeee.
      Mengatasi page not found

Tingkat lanjut bagi yang mendapati Crawl Error
  1. Masih di submenu Crawl Errors, anda klik satu persatu pada error tersebut, maka akan muncul popup, anda copy link tersebut dan paste di Notepad (optional), lakukan tahap ini pada semua error yang ada.
  2. Arahkan mouse anda ke menu Google Index, kemudian pilih submenu Remove URLs.
  3. Klik Button "create a new removal request" dan masukan satu persatu URL yang tadi di paste ke notepad dan continue.
    Mengatasi crawl error 404 webmaster
  4. Maka akan muncul halaman baru, pada halaman tersebut pilih Option "Remove page from search result anda cache".
    Menhilangkaan error 404
  5. Setelah semua URL errornya anda masukan ke daftar remove URL, mari kembali lagi ke submenu Crawl Errors.
  6. Centang semua URL kemudian klik button Mark as Fixed. (Fininsh)
    Crawl error
  7. Paket menu special pake hati dan empela yang tadi anda beli silahkan dimakan satu, dan satunya yang pedas banget kirimkan ke saya, OK, Sippppp.
Jika anda melakukan tahapan tahapan di atas dengan benar, error page not found 404 Pada Webmaster Toolsnya eyang google akan musnah, akan tetapi penghapusan error page not found 404 tersebut, biasanya memerlukan waktu beberapa hari tergantung dari seringnya google bot mengcrawl blog Kita.

Itu lah sedikit tips dari saya, yang keseluruhannya berdasarkan pengalaman belaka, namun sampai saat ini saya sendiri belum mengetahui apakah banyak terdapat error tersebut akan mempengaruhi SEO, dan dampaknya apa buat blog kita, mungkin ada Master Master yang mau menjelaskannya ke saya dan pemirsa, silahkan berkomentar atau menunggu saya yang menjelaskannya, jika iya maka anda harus menyiapkan lagi Paket special pake hati dan empela. heee...

Note : Cara diatas hanya salah satu dari miliaran cara untuk mengatasi Crawl Error, anda bisa mencarinya di eyang google jika cara diatas kurang asik, Salam special tanpa telor :) .

Cara menghapus blog di blogger secara permanen


Cara menghapus blog di blogger secara permanen | Saya sempat berbuat konyol dengan membuat 6 buah blog yang awalnya karena ingin terlihat keren punya banyak blog, padahal aktualnya blog yang saya buat tersebut hampir semuanya tidak saya urus, bahkan ini yang saya urus saja masih terlihat usang.
Hari minggu terpatnya tanggal 16 November 2014 saya log-in di akun blogger, saya sedikit merasa terganggu dengan pemandangan pada Dashboard Blogger saya dan terlintas dalam benak untuk menghapus blog yang usang, namun pada saat ingin
menghapus saya mengalami kendala yaitu ketidaktahuan tentang cara menghapus blog, kebetulan tetangga disebelah juga seorang blogger, saya langsung meluncur kerumahnya dengan membawa Citatos kesukaannya, dengan tujuan mau tanya tentang cara menghapus blog, selebihnya saya tidak perlu cerita lagi, karna ini adalah AIB.
Ok terima kasih sudah membaca intro di atas yang kurang bermanfaat :) .

Baik, kita balik ke pembahasan inti dari postingan kali ini tentang bagaimana cara menhapus blog secara permanen, sebenarnya dan ternyata menhapus blog adalah perkara yang sangat mudah, akan tetapi sangat disayangkan saya baru mengetahuinya, dan semoga ada diantara makhluk dialam semesta ini bernasib sama seperti saya (tidak tahu cara menghapus blog) dan ini biasanya terjadi pada blogger pemula seperti saya. Postingan kali ini saya tujukan khusus bagi yang belum tahu cara menghapus blog di blogger.
Saya yakin kegiatan menghapus blog ini adalah kegiatan yang sangat jarang sekali dilakukan tetapi apa salahnya kita bahas ini.

Ok, dari pada membaca ocehan diatas yang tidak jelas mari ikuti langkah langkah berikut :

Cara menghapus blog diblogger secara permanen.

  1. Login dahulu ke akun blogger sobat.
  2. Pada Dashboard Blogger, pilih more option di blog yang akan sobat hapus, lalu klik Setting (lihat gambar dibawah).
    Cara menghapus blog di blogger 
  3. Pada menu setting pilih submenu Other lalu pilih Delete Blog (lihat gambar dibawah).
    Cara menghapus blogger secara permanen
  4. Maka akan muncul halaman baru seperti gambar dibawah yang akan menanyakan apakah sobat akan mengekspor Blog, jika sudah matang, klik Delete Blog.
    Cara menghapus blog di blogger secara permanen

Sebagai catatan, blog yang sobat hapus tersebut baru akan benar benar terhapus total dalam kurun waktu 90 hari, dalam kurun waktu tersebut sobat masih bisa jika ingin mengembalikannya.
Bagaimana, Mudah bukan? . Demikian postingan kali ini tentang bagaimana cara Menghapus Blog di Blogger secara Permanen. Semoga bermanfaat.

Cara Meningkatkan Traffic Blog dan Website hanya dalam 10 menit


Cara Meningkatkan Traffic Blog dan Website-, Sebuah website dikatakan berarti jika website atau blog  tersebut dikunjungi oleh banyak pengunjung. Jika banyak orang yang mengunjungi website kita, maka dengan mudah apa yang kita jual lewat atau konten yang kita siapkan pada website/blog tersebut bisa dibeli atau dinikmati(baca) oleh orang banyak. Entah kita menjual produk digital, ruang iklan, produk fisik (seperti makanan, pakaian, dsb) dan beragam jenis produk lainnya. sebaliknya, jika Website/blog kita sepi kunjungan atau jarang di lirik oleh para visitor maka mohon maaf saja anda belum beruntung dalam berbisnis online atau menjadi seorang blogger yang sakti..heheheh
bagi sebagian pemula meningkatkan traffic blog dan website terkadang bukanlah perkara mudah, sebab tak jarang kita sering bingung harus melakukan apa agar website kita kebanjiran pengunjung. Akan tetapi bagi sobat yang sampai sekarang website/blognya masih sepi pengunjung jangan berkecil hati dulu karena kurang dari 10 menit kedepan website/blog anda akan meledakkk karena visitor yang tak terduga dari mancanegara. mungkin sobat sering mendengar kalimat tersebut dari blog lain yang menjanjikan traffic blog meningkat dengan cepat, namun sobat wajib bersyukur karena ane akan berbaik hati memberikan jurus jitu yang sebelumnya belum sobat temukan di blog lain.

Ada banyak cara yang bisa dilakukan untuk meningkatkan traffic situs atau blog kita dengan  menarik banyak pengunjung situs atau blog. namun berbeda dengan cara lain kali ini yaitu meningkatkan traffic situs atau blog dengan linkcollider. Linkcollider adalah sebuah situs web yang membantu kita untuk mengiklankan situs Anda, meningkatkan traffic blog dan website (lalu lintas), PageRank, SEO, Alexa, dan Backlinks secara gratis.

Cara Meningkatkan Traffic Blog dengan Linkcollider..!

Baik, rasanya ane gk perlu panjang lebar lagi langsung saja berikut langkah-langkahnya :
1. meluncur kesini linkcollider.
2. kemudian isi kolom register untuk mendaftar,lalu klik Submit.
cara meningkatkan traffic blog
3. cek Email sobat untuk confirmasi activasi account anda, dan klik link untuk masuk account di linkcollider.
cara meningkatkan traffic blog 2
4. kemudian klik Post a Website for Free.
cara meningkatkan traffic blog 3
5. lalu pilih classic post.
cara meningkatkan traffic blog 4
6. kemudian masukkan Artikel yang akan kita submit(Judul,URL,Deskripsi,jumlah token tiap viewnya,dan logo), lalu klik Post.
cara meningkatkan traffic blog 5
7. nah,jika telah selesai akan tampil di profil anda.
cara meningkatkan traffic blog 6
8. layaknya permainan Game, setelah Anda sukses mendaftar dan mem-post sebuah artikel, pada tahap pertama Anda akan mendapatkan Token atau  semacam poin senilai 3000 token. Dengan persediaan token itulah yang akan mendatangkan pengunjung ke situs Anda, Setiap pengunjung yang datang ke situs Anda akan berakibat berkurangnya nilai token yang Anda miliki dengan perbandingan 30 token untuk 1 pengunjung.

Bagaimana jika Token Habis..?

Nah, jika token sobat habis jangan khawatir, sobat bisa berusaha terus menambah nilai token sobat dengan jalan follow Twitter atau Pinterest dan bisa juga dengan share melalui Facebook, Tumblr, Stumble upon dan sebagainya milik anggota yang lainnya.
karena ane orangnya simple-simple aja gak perlu yang rumit-rumit hanya follow/twitt twitter dan share facebook yang ane gunakan. tergantung sobat, jika ingin mendapatkan token lebih banyak lagi bisa menggunakan semuanya, tapi ane cukup gunakan yang dua itu aja.
cara meningkatkan traffic blog 7
Untuk sekali follow di Twitter maximal kita mendapatkan 120 token dan minimal 60 token.
cara meningkatkan traffic blog 8
Dan untuk sekali share di facebook  Maximal 180 token dan Minimal 90 token.
Jika sobat senantiasa standby di situs itu juga bisa menambah nilai token Anda. Selain itu jika sobat tidak punya banyak waktu luang dan punya banyak dana bisa menambah nilai token sobat dengan cara membeli di situs Link Collider via Paypal n pembayaran lainnya. Harga token itu beragam mulai dari kurang dari $1 untuk 6.000 token hingga kurang dari $200 untuk 1.450.000 token. dan ane kira para blogger pasti carinya yang gratisan kan.. jadi gk mungkin juga beli token..hehhehe
cara meningkatkan traffic blog 9
Nah, Ternyata Cara Meningkatkan Traffic Blog dan Website cukup mudahkan..? praktis dan efektif. sobat bisa cek 10 menit kemudian untuk  mengetahui bagaimana perkembangan sebelum dan sesudah bergabung dengan Link Collider, usahakan di situs sobat telah terpasang widget dari Feedjit, Histats, dan Flag Countersebagai data statistika tentang pengunjung blog sobat. dibawah ini ane perlihatkan statistik Flag Counter sebagai bukti bahwa ane gk sekedar omongan belaka sob..
cara meningkatkan traffic blog 10
Demikian sob tentang Cara Meningkatkan Traffic Blog dan Website semoga ilmu yang ane berikan pada kesempatan kali ini dapat bermanfaat bagi sobat sekalian. saran ane sob lakukan yang sewajarnya aja pada blog sobat demi menjaga agar tidak ketahuan oleh search engine atau pihak lain, dan sobat dapat membaca ulasan kami selanjutnya tentang “mendapatkan uang dari blog”. jika post ini menurut sobat baik untuk di ketahui oleh orang banyak silahkan di share. dan jangan lupa komentarnya sob..
dikarenakan Linkcollider telah mengubah tampilan design webnya sejak bulan April 2013 yang mengalami perubahan hanyalah segi tampilan ane harap sobat bisa menyesuaikan tentang cara register(mendaftar).
Orig : http://www.klikiri.com/2013/03/cara-meningkatkan-traffic-blog/
Share this article

Selasa, 08 Desember 2015

Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

Cara Membuat Animasi Berjalan Di Bagian Bawah Blog
 - Hai sobat, Selamat berkunjung kembali ke blog KUCOPAS ini. Kali ini saya akan share artikel tips dan trik tutorial blog tentang Cara Membuat Animasi Berjalan Di Blog atau Cara Membuat Animasi Berjalan Di Bagian Bawah Blog.

Pada posting sebelumnya saya sudah share artikel tentang Cara Buat Foto dan Gambar Bergerak di Blog atau Cara Membuat Gallery Foto Gambar Image Bergerak Atau Berjalan Di Blog, Silahkan sobat kunjungi artikelnya jika ingin melihat cara membuatnya.

Kita kembali lagi pada pokok bahasan, Pernahkah sobat pada suatu saat mengunjungi blog milik orang lain dan sobat melihat ke bawah ada sebuah animasi atau gambar yang bergerak ke kiri lalu ke kanan ataupun sebailknya?

Dari pada sobat hanya heran dan bingung atau penasaran saja, sekarang sobat bisa melihat langsung contohnya yang berada di bawah blog DEMO KUCOPAS biar sobat bisa mengetahuinya secara detail.

Jika sobat tertarik ingin membuat dan memasangnya pada blog sobat, saya punya tips dan triknya untuk membuat animasi berjalan seperti itu. Cara membuat dan memasangnya di blog sangatlah mudah, karena sobat hanya memasang kode pada widget blog dan tidak perlu susah-susah edit HTML dalam template blog sobat. Dan tentunya hal itu sangatlah rumit di lakukan oleh para blogger pemula atau newbie seperti saya ini.

Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

Silahkan sobat ikuti langkah-langkahnya untuk membuat Foto dan Gambar Bergerak di Blog atau Cara Membuat Animasi Berjalan Di Bagian Bawah Blog adalah sebagai berikut ini:

1. Silahkan sobat >> "Masuk atau Login" ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/Javascript.
Jangan di beri judul.

3. Kemudian silahkan sobat masukkan Kode Script di bawah ini ke dalam kotak Konten HTML/Javascript. Pilih salah satu kode saja yang sobat sukai.


1. Animasi Zombie Berjalan Loncat-Loncat


2. Animasi Alien Berjalan


3. Animasi Naruto Berjalan Berubah-ubah


4. Animasi Kiba Akamaru Naik Hewan Berlari


5. Animasi Sasuke Berlari


6. Animasi Deidara Naik Burung


7. Animasi Neji Strikes Mainkan Jurus


8. Animasi Leecombo Beraksi


9. Animasi Jurus Andalan


10. Animasi Kakashi


11. Animasi Jiraiya Summoned Naik kodok Menyembur Api



KETERANGAN:
  • Silahkan sobat pilih salah satu Kode saja di atas.
  • Kode berwarna BIRU adalah Kode Alamat URL Image atau gambarBisa sobat ganti dengan Alamat URL Image atau gambar milik sobat sendiri.
  • Kode warna PINK (direction="right") adalah Kode Marquee berjalan dari kiri ke kanan. Silahkan di hapus, Jika sobat ingin merubah arah dari kanan ke kiri.
  • Kode warna MERAH (scrollamount="7") adalah Kode Marquee Kecepatan Berjalan atau melintas. Silahkan sobat atur nilainya sesuai dengan keinginan sobat.

Semua kode diatas sudah pernah saya uji dalam blog demo kucopas, Jadi semua trik diatas dapat di pastikan berhasil 100%. Jika sobat masih mengalami kesulitan dalam pemasangan kode, silahkan bertanya pada form komentar yang tersedia. Bila ada waktu, sebisa mungkin saya akan membantu memecahkan permasalahan sobat dalam memasang kode animasi berjalan pada blog.

Namun jika sobat sudah berhasil membuat dan memasang animasi berjalan di blog sobat, Itu artinya tips dan trik saya berhasil dengan sempurna. Jangan lupa di like dan juga di follow blog KUCOPAS ini.

Semoga artikel tips dan trik yang saya share ini, yaitu tentang Cara Buat Animasi Berjalan di Blog atau ;Cara Membuat Animasi Berjalan Di Bagian Bawah Blog, bisa sangat bermanfaat untuk sobat KUCOPAS semua. - See more at: http://http://acehpegnumber.blogspot.co.id//2015/12/cara-buat-animasi-berjalan-di-blog-cara.html#sthash.ihjljNzj.dpuf

Cara Membuat Animasi Bergerak di Sudut Blog

 faces
setelah lama berusaha mencari widget-widget animasi lucu bergerak dan menarik dari berbagai situs untuk anda dalam memasang animasi di sudut atau pojok blog dan membuat tampilan blog anda semakin segar dengan adanya animasi yang bergerak di sudut blog, akhirnya ketemu juga widget-widget yang lucu dan unik yang pastinya bergerak atau berformat gif ,pada kumpulan widget animasi bergerak ini anda bisa membuat animasi bergerak di pojok blog anda, mungkin di antara kalian ada juga yang senang dengan animasi - animasi lucu yang bergerak ini untuk di pasang di sudut  blog kalian. tapi tentu saja di setiap situs-situs tersebut tidak semua animasi bergerak sama oleh karena itu dalam postingan kali ini saya akan memberikan kumpulan postingan animasi bergerak yang lucu dan gokil dari berbagai situs yang telah saya kunjungi .silakan kalian kalau mau copas kode-kode script berikut di blog kalian .big hug

sebelum kalian meng copas kode kode tersebut .. sebaiknya kalian mengikuti tutorial cara memasang animasi pada blog berikut ini . untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak  tersebut akan ada di sudut pojok bawah pada blog kalian ).dan kalian dapat merubah lokasi penempatannya/ukuran gambarnya sesuai dengan tempat/ukuran favorit anda .!!!

News Flash !!!
mau pelihara hamster kaya gini di blog ??? klikdisini
                                    
catatan !!!
coba anda klik pada kotak hamster di atas  !!!
bagaimana ??? kerenkan


lanjut ke tutorial pasang animasi naruto onepiece dll di sudut blog 

adapun langkah-langkah dalam memasang widget animasi bergerak   yaitu :

  • masuk atau login ke blog kalian
  • klik Rancangan / Design kemudian klik Elemen laman / page Elements
  • Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..
  • pilih HTML/JAVA SCRIPT
  • lalu copy pastekan script-script berikut  ini ( sebaiknya jangan di beri judul )

    script di bawah ini telah di setting sedimikian rupa agar animasi tersebut ada tepat di pojok kiri bawah blog jika kalian tidak mau animasi tersebut berada di pojok kiri bawah blog kalian .. silakan kalian hapus atau edit kembali script yang berwarna hijau pada contoh di bawah ini setelah gambar animasi ..
Animasi Helikopter Gif

silakan copas :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif"  alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">animasi bergerak helikopter</a></center></small></div>

setelah itu simpan !!!

                   idea Ketentuan catatan idea

=>untuk mengedit animasi apa yang kalian ingin gunakan silakan edit "Tulisan berwarna biru "( ubah alamat animasi favorit yang anda suka)
=> untuk mengedit tinggi animasi silakan edit : "hegiht : 130px
     ( angka dapat kalian atur  sesuai dengan kebutuhan)
=> untuk mengedit panjang gambar : "width : 110px"
     ( angka dapat kalian atur  sesuai dengan kebutuhan)=> untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat di
     buat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada  posisi
     yang  kalian ingin kan , jika kalian tertarik untuk mengeditnya .silakan kalian edit   "position : fixed ; bottom:0px;left:10px
position fixed : maksudnya adalah posisi animasi akan selalu bergerak . jika andaingi posisi animasi tersebut hanya diam pada satu posisi maka silakan hapus  position : fixed ini
bottom : 0px : maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah .
 jika kalian ingin membuat animasi tersebut tidak berada di bawah ,misalkan kalian ingin animasi berada di atas silakan kalian editbottommenjadi topleft : 10px :      maksud left :10px ini adalah jarak antara animasi dengan sisi kiri . jika kalian ingin membuat animasi tersebut tidak berada di kiri,misalkan kalian ingin animasi berada di kanan silakan kalian  editleft menjadi right.

saran ..!!!!
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini"position : fixed ; top:0px;right:10px"



nahhh , sekarang coba kalian lihat hasilnya  ..prok ..prok ..prok ..jadi apa big hug  !!!!

adapun script widget animasi yang lainnya dan bisa anda letakan di pojok blog dan banyak lagi yang telah saya temukan di mbah google , lihat di bawah ini : (cara membuat nimasi bergerak di pojok blog kalian ).
tinggal copy paste'in saja yaa .:

 faces
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Froggy-cute
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Green Skull
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


animated
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Dancing Spider-Man
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Anime Myspace Comments
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Animated Fight
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/59/th/5990.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Dancing Pig
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Playing
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


1
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Stick Figures Cartoon
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/257.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Loading
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/740/th/74084.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


animated
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


animated
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Dance
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/219.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Doraemon
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Yellow Bird
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/439/th/43917.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Brains
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Dancing Spongebob
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Piglet disney
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Disney
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Hello Panda
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Hi Friend
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Funny Star
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

hey!
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Hi
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10235.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Hello Small Girl
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

naruto and his mother with his father
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/460/th/46008.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Mangekyou Sharingan
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Chibi\'s!
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

shippuuden sasuke
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53972.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

anime girl
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/461/th/46105.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Naruto hot
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/471/th/47146.jpg" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

Naruto shippuden kyubbi naruto
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

kazekage gaara
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


f32
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>




Masih kurang ?? beneran nihh ?? klik iklan di bawah dulu yaa, biar tambah semangat postingin membuat animasi bergerak di pojok blog nya !!! oke ..