Kumpulan Tips & Triks Seputar Internet

Saturday, January 21, 2017

Status Fb Unik Aneh keren dgn á¸–ÎˇÂ˘ĎƒĎƒâ„“ Ń‚Ń”Ď‡Ń‚

10:50 PM / by Eris WiFi / with No comments /

Cara buat Status Fb Unik Aneh keren dengan Encool Text Generator

Mau status facebook sobat teksnya jadi unik ?, silahkan gunakan generator dibawah ini. Buat status sobat terlihat Unik Aneh keren, bikin teman teman anda penasaran dengan status anda. Berikut Generatornya

Update Status fb Unik Aneh keren disini

JANGAN Lupa Tekan Ctrl + D untuk Bookmark agar sobat mudah generat Encool Text nya

reff : http://www.kumpulancara.com/2012/10/status-fb-unik-aneh-keren-dgn-e.html

Cara Mengoptimalkan Gambar Agar Seo Friendly

10:35 PM / by Eris WiFi / with No comments /

reff : http://www.kumpulancara.com/2014/01/cara-mengoptimalkan-gambar-agar-seo.html

(Menuju) Rekor MURI: Postingan Terpendek

9:26 PM / by Eris WiFi / with No comments /

TITIK

Copy Paste merupakan pelanggaran terhadap hak cipta. Copy Paste diperbolehkan apabila menyertakan link sumber artikel.

Sumber:?copyrightby:http://allyamien.blogspot.com

reff : http://allyamien.blogspot.com/2012/05/menuju-rekor-muri-postingan-terpendek.html

Dark Style Css Drop Down Vertical Menu

8:39 PM / by Eris WiFi / with No comments /

Mengawali Tahun 2013 dengan Menu memenu, kembali menemani sobat Blogger mengutak atik Blog dengan menu Dark Style Css Drop Down Vertical yang tampilannya lumayan keren, terlepas nanti sobat ingin pakai atau tidak di blog tercinta ada baiknya nyimak dulu atau di simpan dulu karena mungkin suatu saat mau di coba.
Demo di bawah ini

Menu List 1
- Menu List 1.1
- Menu List 1.2
- Menu List 1.3
- Menu List 1.4
Menu List 2
- Menu List 2.1
- Menu List 2.2
- Menu List 2.3
- Menu List 2.4
- Menu List 2.5
- Menu List 2.6
Menu List 3
- Menu List 3.1
- Menu List 3.2
Menu List 4
- Menu List 4.1
- Menu List 4.2
- Menu List 4.3
- Menu List 4.4
- Menu List 4.5
- Menu List 4.6
Menu List 5
- Menu List 5.1
- Menu List 5.2
- Menu List 5.3
- Menu List 5.4
- Menu List 5.5
- Menu List 5.6
- Menu List 5.7
- Menu List 5.8
Menu List 6
- Menu List 6.1
- Menu List 6.2
- Menu List 6.3
- Menu List 6.4
- Menu List 6.5
- Menu List 6.6
- Menu List 6.7
- Menu List 6.8
Menu List 7
- Menu List 7.1
- Menu List 7.2
- Menu List 7.3
- Menu List 7.4
- Menu List 7.5
- Menu List 7.6
- Menu List 7.7
- Menu List 7.8
Menu List 8
- Menu List 8.1
- Menu List 8.2
- Menu List 8.3
- Menu List 8.4
- Menu List 8.5
- Menu List 8.6

Cara Pasang
Pertama
SIlahkan menuju Dasbord lalu klik Template --->Edit HTML

Silahkan Cari kode ]]>

Letakkan Code berikut diatas ]]>

/* The CSS Code for the menu starts here kumpulancara.com */  #kumpulancara_box_menu{padding:0;margin:0;width:245px;list-style:none outside none}  #kumpulancara_box_menu li{background:#252525;position:relative;border-bottom:1px solid #110f0e;border-top:1px solid #3d3732;}  #kumpulancara_box_menu li ul{position:absolute;padding:0;margin:0;left:245px;top:-1px;display:none;width:160px;list-style:none outside none;z-index:9990;background:#00CC33}  #kumpulancara_box_menu li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJrPw_pe0zA2lI3A6bZIC8i94ku6S7V_Qo90T5qFqHbxbnsvBLqtXnEIXdk9DgzhyphenhyphenKKPszQy9utJcprTaAC0r4-LgYmyJSoi3yoSWyPUvhjSUa7qdsWm8_Nc5lYhVMNXNqZ4VJY_Ovfak/s1600/bt-arrow-right-icon.png) no-repeat 5px 10px;display:block;min-height:30px;line-height:30px;margin:0;padding:0 5px 0 25px;text-decoration:none;color:#777;color:#b69786;font-size:14px;border-right:4px solid #35322c;cursor:pointer;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}  #kumpulancara_box_menu li a:hover{border-right-color:#665d54;text-decoration:none;color:#ddd;background:#38332d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJrPw_pe0zA2lI3A6bZIC8i94ku6S7V_Qo90T5qFqHbxbnsvBLqtXnEIXdk9DgzhyphenhyphenKKPszQy9utJcprTaAC0r4-LgYmyJSoi3yoSWyPUvhjSUa7qdsWm8_Nc5lYhVMNXNqZ4VJY_Ovfak/s1600/bt-arrow-right-icon.png) no-repeat 5px 10px;}  #kumpulancara_box_menu li:hover ul, #bloggertrix_box_menu li.over ul{display:block}

Silahkan di Simpan

Kedua
Sobat Sebaiknya pasang Menu ini pada widget di kiri atau kanan Blog supaya terlihat serasi.

Sekarang silahkan menuju Tata Letak + Tambah Gadget + HTML/JavaScript

Masukkanlah Code berikut kedalamnya

      Menu List 1                          Menu List 1.1
                Menu List 1.2
                Menu List 1.3
                Menu List 1.4
          
      
            Menu List 2                          Menu List 2.1
                Menu List 2.2
                Menu List 2.3
                Menu List 2.4
                Menu List 2.5
                Menu List 2.6
          
      
            Menu List 3                          Menu List 3.1
                Menu List 3.2
          
      
            Menu List 4                        Menu List 4.1
                Menu List 4.2
                Menu List 4.3
                Menu List 4.4
                Menu List 4.5
                Menu List 4.6
          
      
            Menu List 5                          Menu List 5.1
                Menu List 5.2
                Menu List 5.3
                Menu List 5.4
                Menu List 5.5
                Menu List 5.6
                Menu List 5.7
                Menu List 5.8
          
      
            Menu List 6                        Menu List 6.1
                Menu List 6.2
                Menu List 6.3
                Menu List 6.4
                Menu List 6.5
                Menu List 6.6
                Menu List 6.7
                Menu List 6.8
          
      
            Menu List 7                        Menu List 7.1
                Menu List 7.2
                Menu List 7.3
                Menu List 7.4
                Menu List 7.5
                Menu List 7.6
                Menu List 7.7
                Menu List 7.8
          
      
            Menu List 8                             Menu List 8.1
                Menu List 8.2
                Menu List 8.3
                Menu List 8.4
                Menu List 8.5
                Menu List 8.6

Silahhkan Ganti Code # dengan Link Blog anda dan Menu List dengan Nama Menunya

Semoga Bermanfaat

reff : http://www.kumpulancara.com/2013/01/dark-style-css-drop-down-vertical-menu.html

Cara buat dan Pasang Banner Flash di Blog

3:34 AM / by Eris WiFi / with No comments /

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 :
Aleo Flash Banner

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

Buatlah dulu Account Gratis di http://www.4shared.com
Setelah Jadi Kini kita akan Simpan File Banner Swf kita tadi "kumpulancara Flash "di 4share dengan Klik Unggah.
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

Judul - Tag - Keterangan

470 x 60

Copy Code

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

Cara Membuat Navigasi Menu Responsive di Blog

2:27 AM / by Eris WiFi / with No comments /

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!

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

Jenis Artikel Yang Bagus Untuk Blog

2:26 AM / by Eris WiFi / with No comments /

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

Saturday, January 21, 2017

Thursday, January 19, 2017

Cara Membuat Menu Responsive: Tahapan