Cara Membuat Artikel Favorit Bergaya Image Walk | uji test

Senin, 18 November 2013

Browse » home» artikel » bergaya » cara » favorit » image » membuat » walk » Cara Membuat Artikel Favorit Bergaya Image Walk

Cara Membuat Artikel Favorit Bergaya Image Walk

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcFqYlODMOgCR-DtcEidTXP1UIaAdhSu4gdV_nZqaWinSArFnUwMpsiF2zdofRGJOyxL4epW9vYPMr8BJ9VR2o40Pwa3my2VAB74LXF5JYKSvkq1Fe2zZSBPoRxgxpFy13fpSJKjM01I/s1600/Membuat+Artikel+Terkait+Dengan+Gambar+Berjalan.jpg

Artikel Favorit Bergaya Image Walk Di Blog

Pengunjung : gan.. mau tanya. bagaimana cara buat animasi artikel favorit seperti di bawah?

Dari Pertanyaan diatas pengunjung menanyakan animasi yang ada di bagian bawah blog Ady Bakom. maksudnya membuat artikel-artikel yang isinya bukan sekedar link, tetapi di isi dengan gambar/image berjalan didalamnya dan tambahan atau animasi lain yaitu saat kursor meyentuh gambar otomatis gambar tersebut akan melebar dan membesar. Sehingga memudahkan pembaca melihat gambar dengan jelas.
Sudah Jelaskan ! Sekarang Time Is Tutorial. Silahkan lihat Tutor Di bawah Ini.

1. Login Blogger.
2. Menuju Edit Html dan seperti biasa expand widget.
3. Lalu Cari Kode </head> dan letakkan kode ini diatasnya.

4. Save.
5. Menuju Layout ( Tata Letak ), add gadget dan pilih HTML/Java Script.
6. Copy kode ini dan pastekan.

<div id="tooltip"> <div align="center" class="animasislide"> <marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="100%"><a href="http://adybakom.blogspot.com/2012/06/tampilan-keren-cybercity-indonesia-cci.html"><img title="css Cybercity Indonesia Social Network" src="http://mf.cybercityindonesia.com/CENTRALSTORAGE/public/user/f7/a7/10/108760_7d36.png?c=c933"/></a><a href="http://adybakom.blogspot.com/2012/07/cara-mengatasi-penderita-kencing-manis.html"><img title="Cara Mengatasi Penderita Kencing Manis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ7_4eKCkSVPy8fShEAcRaa8loirVOVSLzLoGCSwH4c5v4Etwqe9krKR9Vr9Z0SIvb0EtO7ygLSTlYF1_IbFMql2CEs1TDO5lVev1FVx2GfkJat02NJhLSYhvHtm4k4xzBWgCR4o3bCsA/s200/sugar-dalam.jpg"/></a><a href="http://adybakom.blogspot.com/2012/05/cara-mempercepat-kinerja-komputer.html"><img title="cara mempercepat kinerja komputer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT9iEXXdd7AhzD8AqcDkDF1U4ZzIWn2oB6dZmQ16kmjMnkyPZdTuupx3wAdEEEQIpSFDrG7EtR0UffwkWldyPv_ZF7GW7-6AUNFRzOgzjPT-V-Y30Yeki8shcXA4RnOtQlW4m2V42SJ3A/s200/4+800px-IBM_Blue_Gene_P_supercomputer.jpg"/></a><a href="http://adybakom.blogspot.com/2012/07/contoh-karangan-narasi.html"><img title="Contoh Karangan Narasi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-psm10C2hQkGllEU1Tz0zoYoaAWNdypgDSIk77teE8MXjtf-svYlIrX9Mg60tRqbtGJg2aumRRubSsIh9bY416t5yMfKJVQ_BCHmJbf3YOH4wux2wC34MEWhpUJVzLCw7KfiquUnIIc/s1600/contoh+karangan+narasi.jpg"/></a><a href="http://adybakom.blogspot.com/2012/08/pengertian-vektor-satuan-dan-vektor-posisi.html"><img title="Pengertian Vektor Satuan dan Vektor Posisi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNLbuuonRVJNFYN82vWby1_wI0DoLFuggjt1eWhlCma47Ycepen01cQkAwOsxDWA0SLt9o_rhSu66byo8L273_fQdz3xBIluHcC-IE_F8YhmWrv5nOaIA9KXELFfOdmYEEROavrs5kME/s1600/pengertian+vektor+satuan+dan+vektor+posisi.jpg"/></a><a href="http://adybakom.blogspot.com/2012/08/pengertian-ekosistem.html"><img title="Pengertian Ekosistem" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuEIBlJvgiwlhNC9gN3vzkf_gvta3ADi5j25UwfNBL4LseIwl6tJOzwTugg2IPrTMhMlFfds9UkZoPt2OYnZJaIXuhmXJ8VAadrlgaMfOXcq6C91F1WXfarUWvBrqCAV1RBi24bnNq8JM/s1600/ekosistem.png"/></a><a href="http://adybakom.blogspot.com/2012/08/contoh-surat-izin-tidak-masuk-sekolah.html"><img title="Contoh Surat Izin Tidak Masuk Sekolah" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMo8b6oghB-74YdZUISuHqxiXXHE_ENo_jWyxNCh6EHO4mWUCIhDvr55Mt-s9dOKdQ3ZxAyJ2KKPES-VSJlVCKJAsm5yCkmeF1WjQIP3KZvT5CN9QUnW4zpwNpVTOOFYrsg3RrjT5Xhkg/s1600/Contoh+Surat+Izin+Tidak+Masuk+Sekolah.jpg"/></a></marquee></div></div>

7. Klik Save dan Lihat Website/Blog anda.
8. Selamat Mencoba. Good Luck :p

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)