Pages

Minggu, 10 Maret 2013

Cara Membuat Background Pada Header Blog

Sekarang saya akan sedikit memberi informasi pada sobat-sobat sekalian tentang Cara Membuat Background Pada Header Blog. 

Sobat pernah kan lihat Blog yang di header atau di judul Blog nya terdapat background yang unik dan menarik, nah sekarang saya akan memberi informasi dan berbagi pengetahuan sedikit yang saya punya tentang itu dengan sobat sekalian. Langsung saja kita masuk ke TKP.

1. Pertama yang perlu kita lakukan adalah sobat cari dulu gambar yang ingin  sobat jadikan background di Blog sobat, setelah sobat dapatkan gambar yang sobat inginkan dan menurut sobat menarik simpan gambar yang sobat cari tadi.
2. Setelah sobat saveupload gambar yang sobat pilih tadi, setelah sobat upload, buka gambar sobat tadi dan copy url gambar sobat tadi.
2. Langkah selanjutnya sobat tinggal masuk di Blog sobat masing-masing, setelah sobat telah masuk ke Blog sobat masing-masing, sobat langsung masuk lagi ke Template, lalu pilih edit html.
3. Lalu sobat cari kode #header-wrapper. Agar tidak kesulitan mencari satu persatu sobat bisa tekan F3 atu ctrl+f dan tuliskan code tersebut.
4. Setelah itu sobat cari lagi kode yang saya beri tanda pada gambar di bawah ini.


5. Setelah sobat menemukan code ini salin dengan url gambar sobat yang sobat upload tadi sobat juga bisa menentukan lebar dan tingginya di width untuk lebar dan height untuk tingginya.
6. Jangan teruru-buru di save lihat dulu pratinjunya, setelah sobat kira sudah bagus save dan selesai lah background header sobat.

Mudahkan, Sekian informasi dari saya tentang Cara Membuat Background pada header Blog.
Semoga Bermanfaat dan suksess.. :D

Kamis, 07 Maret 2013

Cara Membuat Animasi Bergerak pada BLOG


Sekarang saya akan memberi informasi pada sobat sekalian tentang Cara Membuat Animasi Bergerak pada BLOG.Sobat pernah lihat BLOG yang ada animasi bergeraknya pada pojok kanan BLOG, kalo belum pernah lihat sobat tidak perlu nyari contohnya jauh-jauh lihat saja di BLOG saya ada contohnya.



Sobat sudah tertarik belum, kalo sudah tertarik langsung saja kita praktikan tutorialnya,Pertama-tama yang perlu kita siapkan adalah fisik kondisi tubuh sobat harus siap dan tetap fit., hehehe,. cuma bercanda kok.,Langsung saja kita ke TKP.1. Pertama sobat masuk dulu ke BLOG sobat masing-masing.2. Setelah sobat telah masuk di BLOG sobat, lalu sobat masuk ke Tata Letak.3. Setelah sobat masuk Tata Letak, sobat langsung saja pilih Tambah Gadget, lalu pilih HTML/JavaScript.4. Setelah itu pilih animasi yang sobat inginkan di bawah ini, setelah sobat merasa sudah cocok copy paste aja langsung Script yang ada di bawah gambar yang sobat inginkan :

1. Hipnotiz



Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoufrsQQuzJpmde0kVx6Trp6qjlqwo207v6PRAloyt3kFhRm27pjTA01eSIx71tIeLa0IvrZXM4n9CCyWFBlU7vpJYcvdSPnHryvSAm5vKMOKxO0oa9lXDkuAsyQNyndWA6jn8VzwtwZc/s200/hipnotize.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

2. Tobi

355351427 Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

3. Sasori
355343144 Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343144.jpg" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

4. Tikus Terbang

Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://erikadewimultimedia2.files.wordpress.com/2012/09/parachute-mouse.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

5. Luffy

Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://onepieceindo.files.wordpress.com/2009/10/luffyattack.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

6. Sanji VS  Zorro

Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwOmE2I5T1aO3OJpTyyi_oaBIY2VvLA9ncgBgwTapjVHJjy8gyXeR1FO4ly6sVrwHRLETajKRuaTNnDQAuzh3HpzpP-QdIMuPbO0q_BfLvsjg2mtS9sMpXVs12qwh1gQAdK435ainghDpR/s1600/1_19.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

7. Goku

Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFG9ymNwBwR5dnGFMSm6V5P5OPUlFfMUghZ6PrXuRMp2Icb0NtZiRtDylwGgw7fVnFHWbo3IDl_CQSmsO4Ti_PL8U1gv4sMOG61-E_wUtGmWQnlIyvTsmY3TMu-WmqdXskusPWjMjxEZM/s1600/GOKU.GIF" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

8. Dance

Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDrROVgxm1Lbqnc2PNLccX3Ui0AzWUi-kqKh8EOCMGyqt_ijQGwAERjeHqqtIkguldQmU80RUtyhs1dL3F_mxH_BmfelcugAaW7X5BRAU2H2FsHnrKqPeLshyphenhyphen_iPB77X8qbxeV8gEXqAQ/s1600/dance.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

9. Indonesia

Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://kkcdn-static.kaskus.co.id/images/2012/07/17/2212892_20120717113942.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

10. Keledai Bergitar

Kode :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://www.ketumbel.com/wp-content/uploads/2012/03/3d_animasi_donkey_playing_guit.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>



Sementara ini cuma segini saja sobat ya, lain waktu saya tambah lagi dan kalau sobat ingin request gambar juga bisa, Sobat tinggal coment saja gambar apa yang sobat inginkan.

SEKIAN DAN TERIMAKASIH. :)