Cara Membuat Halaman Statis Blog

BAGI newbie, memunculkan atau menampilkan link Halaman Statis (Static Page) di Navigasi Menu Blog bukan perkara gampang --karena belum tahu aja. Nyaris percuma 'kan, kita bikin halaman statis (page), tapi gak keliatan dan "ditengok" sama pengunjung?

Halaman (Page) atau Halaman Statis (Static Page) adalah jenis halaman yang biasanya berisi konten "statis", jarang sekali diubah. Sekali bikin, ya sudah... begitulah namanya halaman statis, meskipun masih bisa diedit/update kapan saja.

Beda dengan "halaman dinamis", yakni halaman postingan (Posts) yang kita buat setiap kali kita menulis konten blog.

APA SAJA HALAMAN STATISNYA?
Konten blog yang biasanya menjadi halaman statis adalah:

1. About (Tentang)
2. Sitemap (Daftar Isi)
3. Contact (Kontak)

Untuk blog bisnis bisa ditambah dengan halaman:

1. Privacy Policy/Disclaimer
2. Services (Layanan)
3. Products (Produk)

Untuk blog organisasi, bisa ditambah dengan halaman:

1. Profil
2. Sejarah
3. Susunan Pengurus
4. Visi Misi
5. Program
6. Agenda
7. Galeri Foto
8. Galeri Video

Nah, halaman-halaman tersebut disebut Halaman Statis (Static Page). 

CARA MEMBUATNYA

"Each blog can have up to 20 pages," kata blogger. Tiap blog maksimal bisa membuat 20 halaman statis. Tidak bis lebih.

Cara membuatnya sudah ada di panduang Blogger: Create a new page on your blog. Ringkasnya:

1. Klik menu "Pages" (Halaman) di Dashboard Blog.
2. Klik "New Page" (Halaman Baru)
3. Silakan Isi "nama halaman" dan "konten halaman".

Cara Menampilkan Halaman Statis di  Menu Navigasi Blog

Nah, sekarang bagaimana cara menampilkannya? Jika template Anda bukan default blogger, artinya template hasil download dari "pihak ketiga", biasanya sudah ada link menu halaman statis di dalam template.

Anda tinggal ganti link dan nama halamannya, misalnya seperti ini:

<div style='clear:both;'/>

<div class='span-24'>
<div class='menu-secondary-container'>

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Contoh</a>
<ul class='children'>
<li><a href='#'>Contoh 1</a></li>
<li><a href='#'>Contoh 2</a></li>
<li><a href='#'>Contoh 3</a></li>
</ul>
</li>

</ul>
</div>

</div>

Ganti tanda pagar (#) dengan link halaman Anda, misalnya: 

<li><a href='http://cumirproduction.blogspot.co.id/'>About</a></li>

Dari mana mendapatkan linknya? Lihat gambar di bawah. Klik kanan di menu "View" dan klik "Copy Link Address".  Coba paste di Notepad. Itulah link halaman statisnya!

Cara lainnya, dan ini biasa berlaku di template bawaan blogger, yaitu dengan menambahkan gadget:

1. Klik "Layout" > "Add a Gadget" 
2. Pilih "Page List"
3. Nah... di sinilah halaman statis Anda bermunculan.

Demikian Cara Menampilkan Menu Halaman Statis Blog, panduan bagi Newbies alias para blogger baru. Good Luck!

Baca Selengkapnya..

Cara Mengganti Kursor Pada Blog

Cara Mengganti Kursor Pada Halaman Blog

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:

• Kunjungi situs www.cursors-4u.com.
• Disana anda akan disugukan banyak contoh dari kursornya.
• Anda dapat memilih berdasarkan kategori yang ada.

• Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.

• Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
• Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)

• Nah anda sekarang telah mendapatkan kodenya.

• Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode yang sebelumnya telah anda copy.
• Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Sekian tutorial dari saya mengenai cara mudah mengganti kursor blog dengan animasi, Semoga bermanfaat.

Baca Selengkapnya..

Memasang Lagu Pada Blog

Memasang dan memasukan lagu yang diinginkan ke blogmerupakan hal yang berguna bagi kita yang ingin menghias blog dan menambahkan fitur menarik sehingga dapat membuat pengunjung merasa nyaman dan senang, dan dengan fitur lagu yang telah kita pasang atau masukan pastinya akan membuat para pengunjung kita betah berlama- lama menjelajahi blog kita dengan diiringi musik atau lagu yang bagus terutama untuk blog yang memiliki kategori dengan pengunjung yang berpotensi senang mendengarkan lagu.
Baca juga Cara menambahkan Animasi pada blog.

Hasil dari cara memasang atau memasukan lagu atau musik ini akan berbentuk seperti widget yang kita pasang di blog pada umumnya dan dengan fitur untuk memainkan musik yang terdapat dalam daftar putar yang telah kita pilih atau masukan terdahulu, jadi kita dapat menentukan lagu mana yang akan pengunjung gemari atau dapat juga kita pilih sesuai kesukaan kita.

Cara memasang lagu atau musik kali ini akan kita lakukan melalui tool gratis situs/ web scmplayer, dimana terdapat banyak pilihan dan pengaturan yang dapat kita sesuaikan seperti keinginan kita seperti mengatur warna, fitur seperti auto reply serta memilih lagu yang kita inginkan yang dapat kita pilih melalui soundcloud.com.

Cara memasang atau memasukan widget lagu ke blog

1. Kunjungi situs scmplayer.net

Widget Lagu/ Musik mp3

2. Akan muncul tampilan seperti dibawah ini dan di menu “Choose Skin” anda dapat memilih warna background yang anda inginkan dan lanjut dengan kllik “Edit Playlist”
3. Siapkan lagu yang anda inginkan, saya sarankan cari di soundcloud.com selanjutnya masukan judulnya kedalam kolom “song title” dan URL lagu dari soundcloud.com tadi kedalam “Song URL” kemudian jika telah selesai klik “Next”

Memasukan Lagu ke Blog

4. Anda akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan anda

Pengaturan Lagu Blog

Keterangan Pengaturan :

• Auto play untuk memutar lagu secara otomatis
• Shuffle Playback untuk memutar lagu dalam daftar anda secara acak
• Default Volume untuk mengatur volume suara standar yang anda inginkan
• Repeat Mode untuk mengatur pengulangan lagu
• Placement of Player Bar untuk mengatur letak pemutar musik yang ingin kita pasang di blog
• Show Playlist by Default untuk menampilkan pemutar secara default yaitu di sebelah kanan blog

5. Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan

HTML widget Lagu untuk Blog

6. Copy kode seperti gambar diatas dan letakan didalam HTML template anda dengan cara Masuk ke blogger – Klik Template  - Edit HTML dan cari kode <body> atau <body (gunakan CTRL+F untuk mempermudah) setelah ketemu letakkan kode yang anda copy tadi tepat dibawah kode  <body>
7. Simpan template dan lihat hasilnya.

Dengan selesai melakukan Cara Memasang atau Memasukkan Lagu atau Musik di Blog dengan Pilihan Sendiri ini akan menjadi kesenangan tersendiri bagi kita melihat penampilan dan fitur blog yang sesuai keinginan kita, sehingga diharapkan dapat bermanfaat sebagai bahan hiburan bagi pengunjung bog kita.

Baca Selengkapnya..

Cara Menambahkan Animasi Pada Blogger

Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa di pasang sebagai hiasan diblog, ada yang memasang kalender, ada yang memasang lagu di blog, memasang animasi di blog dan masih banyak lagi. Namun kali ini, kita khusus membahas cara memasang widget animasi di blog.


Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.


Cara Memasang Animasi di Blog


1.Tuyul ketawa




Script:



<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



2. Tuyul baring




Script :



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



3. Helikopter




Script :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



4.Gajah loncat




Script:



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



5. Boring




Script :



<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog" /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



6.Boneka joget




Script :



<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



7. Panda main bola




Script :



<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



8. Panda biru





Script



<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>

<small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



9.Pinguin




Script :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



10. Panah




Script:



<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



11.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



13. 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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



14.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



15.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



16.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



17.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



18. Pintu




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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>




19.Berteriak




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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



20.Terkurung





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



21.Sincelery





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



22.Menangis




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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>




23.Champion Ship




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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



24. Sundul Bola





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



25. Lebah





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>




26. Kipas Angin





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



27. Telur Ayam Menetas





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>


28.Ayam Bertelur





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



27. Beruang Memancing Sambil Tidur





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



28.Kiper Gawang





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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>


28.Kunai Strike





Script:



<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>


29.Gundam lari






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 alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>


30.Tendangan Gundam





Script:



<div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>


31.Gundam Fight






Script:



<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>


32.Gundam Storm






Script:



<div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>


33.Burung Terbang





Script:



<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://cumirproduction.blogspot.co.id" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>


34. Cewek Bergoyang




Script :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://cumirproduction.blogspot.co.id" target="_blank">Animasi Blog</a></center></small></div>



Cara Pemasangan :


1. Log in ke akun blog sobat.

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.

3. Masukkan script ke dalam kotak yang di sediakan.

4. Kemudian klik save.


Tambahan :
Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right denganleft. begitu juga sebaliknya.
Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottomdengan kode Top

Baca Selengkapnya..

Cara Membuat Blog Dengan Mudah

Cara Mudah Membuat Blog Di Blogger






Kali ini saya akan membahas tentang bagaimana cara membuat blog yang baik, benar, sopan, santun dan berperikemanusiaan, jiahaha., bercanda guys.


Beberapa orang mungkin membuat blog untuk tujuan mendapatkan uang dari blog tersebut, namun tidak sedikit juga orang yang membuat blog untuk sekedar sharing informasi, tips-tips, pengalaman hidup, dll, ya seperti saya ini yang membuat blog untuk berbagi ilmu kepada sesama dengan tulus ,ikhlas, dan sepenuh hati, Asyikk.. :D Haha.


Pengertian blog itu sendiri adalah sebuah aplikasi web berupa tulisan-tulisan dalam bentuk postingan. Ciri-cirinya memiliki kategori, arsip artikel, terdapat fasilitas komentar, dll


Baiklah tidak usah panjang lebar lagi ya guys, langsung saja cekidoot..






Langkah pertama untuk mempermudah pembuatan blog anda yaitu anda harus punya akun Gmail, kalau belum silahkan daftar dulu DI SINI.


Jika sudah memiliki akun gmail maka, langsung saja kita masuk ke tahap 2,



Buka www.blogger.com hingga muncul tampilan seperti berikut






Klik Create Your Blog untuk membuat blog baru anda, setelah itu akan muncul tampilan seperti berikut




Masukkan Email dan password Gmail anda, klik Masuk. Jika berhasil maka akan muncul halaman berikut




Setelah itu klik lanjutkan ke blogger. Jika tidak bisa klik buat profil blogger terbatas,



Kemudian masukkan nama tampilan blog anda, klik lanjutkan ke blogger.

Jika berhasil maka anda akan di bawa pada halaman seperti berikut ini.





Setelah pembuatan akun blog berhasil sekarang waktunya untuk membuat sebuah postingan / blog


Klik blog baru.



masukkan judul blog anda sesuai dengan konten yang ingin anda posting selanjutnya. Judul menggambarkan tema dari artikel-artikel pada blog yang anda buat . misal ; blog Kumpulan Film Terbaru.

Masukkan juga alamat untuk blog anda selanjutnya. Isi dengan alamat yang anda suka, cari yang unik dan agak panjang, bisa menggunakan huruf dan angka maupun tanda hubung seperti -._ dll.

Alamat blog maupun nama blog sering kali tidak dapat digunakan karena telah digunakan oleh orang lain, sehingga anda harus pandai-pandai mengkombinasikan huruf, angka, dan tanda minus, buat seunik mungkin agar berhasil.

Alamat blog ini nantinya akan berakhiran .blogspot.com, jika muncul peringatan bahwa alamat blog tidak tersedia, maka ganti alamat blog dengan lainnya hingga berhasil.

Template silahkan pilih yang anda suka dari 7 template yang telah disediakan

Klik buat entri baru untuk membuat postingan baru



Kemudian akan muncul halaman seperti berikut :



di sini adalah tempat untuk kita menulis postingan yang ingin kita posting kelak, postingan disini dapat berupa tulisan, gambar, video, dll

jika sudah selesai klik simpan atau publikasikan. Anda juga bisa melihat hasilnya sebelum anda publikasikan melalui pratinjau.

Postingan yang telah dibuat maka akan muncul pada tab Pos, postingan yang sudah si publikasikan juga dapat di edit kembali maupun di hapus.

Kita juga bisa mengedit tampilan halaman blog melalui tata letak ataupun template



Kita bisa mengedit tampilan template berupa ; font, background, dll disini. Jika sudah selesai kita bisa klik terpkan ke blog di pojok atas. seperti berikut



Dan pada akhirnya. TaRraaa..!.. blog pun sudah jadi..





Bagaimana guys.? Mudah bukan membuat blog.


Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi kita semua dan dapat dipergunakan pada jalan kebaikan.. Amiin..


Terima kasih atas kunjungannya. :D

Baca Selengkapnya..