Cara buat dan Pasang Banner Flash di Blog

Cara buat Banner dan Animasi Flash Dengan Aleo Flash Intro Banner Maker
Banyak cara buat Banner Flash Terutama yang Online, bisa Lewat Flashvortex dan web lainnya. Tapi sayang jika Sobat tidak bayar maka Link Flashvortex akan terlihat di Banner kita, ini sangat mengganggu dan terlihat tidak Profesional.
Untuk membantu rekan Blogger yang ingin memperindah Blog dengan Banner Beraura Flash, tanpa embel -embel iklan dan lain sebagainya, Kumpulancara.com hadir kembali memandu sobat dan akan membantu sobat sampai berhasil, karena Susah sekali mencarai Panduan yang memuaskan dan
Karena beberapa hari ini ada beberapa teman yang tanya Banner Flash yang ada di Blog ini, disini saya akan sampaikan semudah mungkin. Sebagai contoh Hasil seperti ini :

Terlihat Profesional Bukan?, bandingkan hasilnya dengan yang sobat buat di Flashvortex.

Cara Buatnya Seperti ini :
Sebelumnya Anda membutuhkan SOftware Aleo Flash Intro Banner Maker yang Full, Kumpulancara.com memberikan Versi Crack untuk sobat karena Software ini berbayar.
Silahkan download disini :


Pass = www.kumpulancara.com

Langkah Pertama
Silahkan Install, lalu sekarang kita akan buat Banner Flashnya.
Sebagai Percobaan kita akan Buat Banner ukuran 470 x 60

Untuk Perbesar Gambar silahkan klik Kanan pada gambar Lalu Klik open link in new Tab

Langkah Kedua
Sekarang Kita tentukan Backround dari Banner kita, sobat bisa menggunakan Backround yang sudah ada atau bisa menggunakan Backround sendiri. Contoh disini saya menggunkan backround sendiri seperti gambar Berikut:

Untuk Menggunakan Gambar sendiri silahkan Klik Backround lalu Centang Add image to

Langkah Ketiga
Menetukan Effect dari Banner Kita, disini sudah disediakan berbagai effect sesuai selera. Tapi sebagai Contoh saya tidak menggunkakan Effec pada Backroundnya

Langkah Keempat
Silahkan Klik Teks and Image, disana sudah disediakan tempat Menulis kalimat dari Banner kita. Sobat tinggal mengganti Kalimat yang sudah ada sesuai keinginan, Disini sebagai Percobaan Saya hanya menggunakan Effec Pada teks saja. Untuk menentukan effectnya silahkan klik menu Effect, dan untuk menentukan Letak Teks sesuai selera Sobat silahkan menuju menu Position
Kita Anggap sobat sudah selesai membuat Teksnya, Kita akan melangkah Ke panduan berikutnya.

Langkah KeLima
Silahkan Klik Webs Links
Dengan Menu ini kita bisa menentukan atau mengarahkan Pengunjung jika MengKlik Banner maka akan diarahkan ke Link yang kita Masukkan.
Contoh silahkan isi seperti ini

Jika Pengunjung Mengklik Banner diatas maka diarahkan Ke http://www.kumpulancara.com
dengan Target Blank ( Maksudnya Akan terbuka Link baru dan tidak menindih Link tempat banner tersebut dipasang )

Langkah ke Enam
Kini saatnya Kita Publish dan menyimpan File Flash kita dengan Mengklik Publish As Flash Movie ( swf )
Silahkan Simpan di Kompi dulu Hasil Kerja Kita dan selanjutnya Kita akan Publish ke Blog.
Sebagai contoh saya simpan hasil banner dengan Nama Kumpulancara Flash
Langkah Ketujuh
CARA Pasang Banner FLASH di Blog

1. Buatlah dulu Account Gratis di http://www.4shared.com
2. Setelah Jadi Kini kita akan Simpan File Banner Swf kita tadi "kumpulancara Flash "di 4share dengan Klik Unggah.
3. Tunggulah beberapa saat maka file flash kita tersimpan dan kini saatnya kita akan ambil File yang kita simpan di 4share tadi untuk dipasang pada Blog
Caranya seperti ini Klik File tadi dan sobat akan di bawa pada halaman seperti Gambar berikut :

Silahkan Isi Judul - Tag - Keterangan dan tentukan Ukuran Banner seperti Banner Asli yang kita buat dengan Aleo yakni 470 x 60

Terakhir Silahkan Copy Code yang diberikan 4share lalu Pasang di widget atau Mana saja.

SELAMAT MENCOBA
Jika Masih Bingung Silahkan Tanyakan di kotak komentar

reff : http://www.kumpulancara.com/2010/11/cara-buat-dan-pasang-banner-flash-di.html

Read More

Cara Membuat Navigasi Menu Responsive di Blog

Cara membuat navigasi menu responsif (mobile friendly) di blog blogspot.

NAVIGASI menu responsive adalah navigasi link halaman (page link) atau daftar tautan blog yang tampilannya menyesuaikan (adaptif/responsif) dengan device atau gadget yang digunakan user.

Menu responsive bagian dari trend desain template blog terpopuler.

Daftar menu blog yang biasanya ada di bawah header ini sangat user friendly dan disukai Google. Mesin pencari terpopuler di dunia ini "selalu" berpihak pada user atau pembaca.

Kode-kode tentang cara membuat menu responsif ini diambil dari My Blogger Tricksyang sudah diterapkan di template Johny Wuss Responsivedan New Max Mag.

Cara Membuat Menu Responsive: Tahapan

1. Template > Edit HTML
2. Cari kode seperti di bawah ini, di bawah kode , di bagian atas template:

3. Ganti dengan kode di bawah ini. Jika kodenya sudah seperti di bawah ini, ya... gak usah diganti, biarkan saja:

4. Copy & Paste kode di bawah ini tepat di atas kode ]]

/*-----Responsive Menu ----*/
body {margin: 0px;}
#menu{background: #50B7DC;color: #FFF;height: 40px;border-bottom: 2px solid #DDD;box-shadow: 1px 2px 9px #B1B1B1;border-top: 2px solid #DDD;} #menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
#menu ul{height:45px;width:1024px}
#menu li{float:left;display:inline;position:relative;font:bold 0.9em Arial;text-shadow: 1px 2px 4px #838383;}
#menu a{display: block;line-height: 40px;padding: 0 14px;text-decoration: none;color: #FFF;}
#menu li a:hover{color: #E4E4E4;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;
background: #5FC6EB;}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:16px;position:absolute;left:35px}
#menu ul.menus{height: auto;overflow: hidden;width: 170px;background: #50B7DC;position: absolute;z-index: 99;display: none;}
#menu ul.menus li{display: block;width: 100%;font:normal 0.8em Arial;text-transform: none;
text-shadow: none;border-bottom: 1px dashed #31AFDB;}

#menu ul.menus a{color: #FFF;line-height: 35px;}
#menu li:hover ul.menus{display:block}
#menu ul.menus a:hover{background: #5FC6EB;color: #FFF;-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;}

@media screen and (max-width: 800px){
#menu{position:relative}
#menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#menu ul.menus{width:100%;position:static;padding-left:20px}
#menu li{display:block;float:none;width:auto; font:normal 0.8em Arial;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
}

Customization:

• Untuk mengganti warna background menu, ubah kode warna ini: #50B7DC
• Ganti warna background "hover", ubah: #5FC6EB
• Lihat Daftar Kode Warna HTML

5. Copas kode di bawah ini tepat di bawah kode
Ubah kode pagar (#) dengan link menu dan nama-nama menunya dengan "kepunyaan" Anda!

?NavigasiMenu

• Home


• About


• Drop Down ?
  
  
  
  • Tab 1
  
  
  • Tab 2
  
  
  • Tab 3
  
  
  • Tab 4
  
  
  • Tab 5
  
  
  • Tab 6
  
  
  
  


• Contact


• Drop Down ?
  
  
  
  • Tab 1
  
  
  • Tab 2
  
  
  • Tab 3
  
  
  
  


• Advertise

8. Save Template and you are all done!!!

Selamat, navigasi menu responsive di blog Anda sudah muncul!

reff : http://www.contohblog.com/2015/01/cara-membuat-navigasi-menu-responsive.html

Read More

Jenis Artikel Yang Bagus Untuk Blog

Di dalam menulis artikel untuk blog, kita harus memperhatikan aspek pemilihan judul dan juga isinya. Isi yang baik akan membuat blog sering dikunjungi dan menjadi referensi bagi para pembaca.

Beberapa syarat yang bisa dipertimbangkan dalam menulis artikel di blog adalah :

1. Tahan lama

Artikel harus tahan lama dan isinya tetap relevan dalam jangka waktu yang sangat panjang. Contoh judulnya adalah "Rumus Tabung". Rumus tabung sampai kapanpun yang berlaku hanya itu, jadi artikelnya akan tetap dicari walaupun sampai beberapa tahun ke depan. Ini karena isinya tetap sama dan tidak mengalami perubahan. Coba bandingkan dengan judul berikut, "Prediksi Juara Piala Dunia tahun 2014". Mungkin artikel ini akan sangat tren sampai pergelaran piala dunia, tapi setelah itu artikel ini akan jarang dicari. Jadi pilihlah artikel yang tahan lama.

2. Informatif

Artikel yang berisi informasi akan sangat bagus bagi sebuah blog. Misalnya "Cara memanfaatkan sampah organik", "Cara Menanam Pepaya yang Baik", dan lainnya. Artikel seperti ini tentu akan terus dicari.

3. Joke atau candaan ringan

Dalam menulis suatu artikel, bisa ditambahkan candaan ringan yang membuat pembaca tersenyum dan sumringah. Ini akan membuat mereka senang berkunjung di blog kita.

4. Soal matematika

Contoh soal dan pembahasan matematika sangat dicari di internet. Apalagi jumlah pelajar yang menggunakan internet sekarang sangat besar, sungguh peluang yang bagus kan?

5. Komedi

Artikel lucu atau komedi rasanya tidak akan pernah luntur dan selalu mengundang para pembaca untuk berdatangan. Semua orang perlu hiburan dan salah satunya tertawa dengan membaca artikel lucu dari anda.

Anda juga bisa menyusun lagi artikel apa yang kira-kira tahan lama untuk blog, ini agar blog terus populer dan semakin banyak dikunjungi pembaca. Nah, selamat menulis dan jangan patah semangat..

reff : http://puteka85.blogspot.com/2014/01/jenis-artikel-yang-bagus-untuk-blog.html

Read More