Cara Membuat Menu Dropdown Sendiri di Blogger

Assalamualaikum

Kembali lagi nih saya mau sharing ilmu blogger, ya maklum lah kemaren-kemaren gak sempet post lagi karena banyak urusan. Untuk post yang sekarang ini saya akan membahas MENU DROPDOWN yang bisa di pasang diatas atau di bawah header, pasti sudah banyak yang tahukan terutama yang sering berselancar di dunia blogger, tapi bagaimana dengan sobat-sobat kita yang masih pemula,,????? Hehehehehe :-)
Maka dari itu saya mensharing ilmu ini buat para sobat blogger pemula karena semakin lama pengguna blogger semakin banyak. Buat para sobat blogger yang pemula pasti sering lihat di beberapa blog kalau di atas atau bawah header pasti ada menu yang jika di sorot dengan pointer keluar menu lagi kebawah. Nah itu yang disebut MENU DROPDOWN. Pengen mencobanya bukan,,,????? ini dia caranya di simak baik-baik ya :

• masuk akun blogger sobat dulu
• pilih menu Template, lalu Edit HTML
• pilih Lanjutkan/Procced, lalu centang Expand widget
• lalu cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin>

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBNa2VFChoQfFOYmSKM5N6763a3ayEuJc09GJMxJDBjPt-1T5QaWTaqS0p8REK7Vl6GST16p7hsLEyQvY1p7Dj2kitnbxJrsCBKm5uIMagiC46PuirtK1_P0mr_1604GTjwBQPbWpwmiQ/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ5svVF_gQn2uqFb3gJizCSEnFCSioUIkdCBQMEAs0KTv61NEDb_b095CK_5oqFcyxA8Mm_T8PNezrbxB7U1OySRxbZ8HATZHdDZLAYoz488wzRxnPHQuCTvys1T9hNS_R-tf3p7O_Hi8/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

•  selanjutnya sobat cari kode

1. <header> : untuk menaruh menu dropdown di atas header
2. </header> : untuk menaruh menu dropdown di bawah header

• copas kode berikut tepat diatas kode <header> atau dibawah kode </header>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkeO4z6gYpPFbiaADz_BGllSlO6Ld1FcTf260fdvoTdALJ0St4fWXKGe6sJORVyWj73k0tD_vhGKUhZ3iJwd0e0hTjrgJlX12KdZwmhV5Aq9iN_8xVsthi9k1GXj7DVFcuDD_bFJmwPM/s1600/home_white.png' style='padding:0px;'/> Home</a></li>
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/rizqi_kira' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.myspace.com/username' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/username' target='new'>Contact on Facebook</a></li>
</ul>
</li>
<li><a href='http://qiqialone.blogspot.com' target='new'>Zuaz&#39;Z Creator</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://qiqialone.blogspot.com/search/label/PC dan Laptop'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/Blogger'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://qiqialone.blogspot.com/2012/01/tv-online.html'>TV Online</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/computer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/desain%20grafis'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/game'>Game</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/microsoft'>Microsoft</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/software%20aplikasi'>Software APP</a></li>
<li class='hr'/>
<li><a href='http://qiqialone.blogspot.com/search/label/software%20program'>Software Program</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://qiqialone.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://qiqialone.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibj07Lsec7CBz0D3rju5IGIHWH6N3Mi2El4j2QPceysYRmzo36oOpNGo5aldijgWRJk6vhYCextDBRYp5qLqxaL4yWAIdD92wVcbvSMFw03tgs2OvbZ0s1FeHiwxAntZyTEPwUQWMKYto/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigj7RR3Z62gDIJDn3m11LAHGFGj3lJJCQLXvLGK7HAgJZcHJfrBWyeUYDytJKg-Lji_8sIA8HNrMdZkjTtI2na-E2vgrWZRcQ8n9oVHI0ciWsAhwU2jrRv1wSLFmFN_IIm-HhosFInmSk/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

 Ket :

1. kode yang berwarna UNGU adalah Link/URL tujuan dari menu dropdown sobat, silahkan diganti dengan URL sesuai dengan URL dari blog sobat
2. kode yang berwarna ORANGE adalah nama dari tampilan menu dropdown sobat, bisa diganti sesuai nama-nama label yang ada pada blog sobat

Sumber : http://zuazz.blogspot.com/2012/04/cara-membuat-menu-drop-down-di-atas.html

Read more »

Cara Memasang Widget Recommended Post

Assalamualaikum,

Setelah lama gak posting tutor buat blogger, kini Qiqi dapet ilmu baru lagi. Yah hitung-hintung belajar lebih jauh lagi tentang blogger. Qiqi rasa sudah banyak yang tahu tutor ini, tapi tidak menutup kemungkinan yang belum tahu juga banyak. Recommended Post ini berguna untuk mempercantik blog, juga berguna untuk merekomendasikan artikel di blog kita selain artikel yang sedang di baca. Bagi yang belum tahu pas banget nih Qiqi akan berbagi ilmunya. Simpel banget pengaplikasiannya di blog sobat, silahkan di ikuti langkah-langkahnya di bawah ini :

• masuk akun blogger sobat
• pilih template -> edit HTML
• centang expand widget jangan lupa
• lalu cari kode berikut

<div class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-1'>

<data:post.body/>

• lalu paste kode berikut tepat dibawah salah satu kode diatas, pilih saja salah satu kode diatas :

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

• jika langkah diatas sudah maka simpan template blog sobat
• langkah selanjutnya buka tete letak (layout)
• lalu klik add gadget -> pilih HTML/Java Script
• lalu pastekan kode di bawah ini

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("https://sites.google.com/site/multipaste1/bp-out-slide.min.js?attredirects=0=1",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://multipaste.blogspot.com/2012/06/menggunakan-widget-recommended-post.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZztk3GeoPii6rBXUbSwCe5GxVYalJ0QNp7PGB9hKtxfY0zR4vdVPLvWMhAO5nkfwCcqral0X5EUXWwB4VfmTFI59vAZV7aUFqnUrAhgA0HDd2dH4q4kDbdCPsunRuWNEmKtrHBLOdNeQ/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

• jika sudah simpan widget sobat, lalu simpan juga tata letak (layout) blog sobat
• lihat hasilnya maka, tara,,,,,,, recommended post pada blogger sobat sudah muncul (Katakan Alhamdulillah)

Semoga tutor diatas berguna bagi sobat blogger. Happy blogging,,,,,,,,,,,

Sumber : http://multipaste.blogspot.com

Read more »

Game Red Alert 2

Assalamualaikum

Kembali lagi Qiqi berbagi game jadul, hehehe, maklum PC/laptop yang Qiqi gunakan belum bisa memenuhi spesifikasi untuk bermain game-game baru yang memiliki gambar yang lebih bagus. Mungkin game ini sudah banyak di ketahui oleh sobat blogger, tapi tidak ada salahnya kan Qiqi berbagi game ini, ya buat nambah-nambah koleksi game di blog Qiqi. Bagi sobat blogger yang belum tahu game ini silahkan di download dan di coba sendiri bagaimana sensasi game ini. Dari pada Qiqi banyak bicara mendingan sobat blogger coba dan buktikan sendiri, berikut adalah link download gamenya :

Link Mediafire :
| |
Password :

Konten

Sumber : qiqialone.blogspot.com (bikin artikel sendiri) nggak nyontek milik orang lain.

Read more »

Kumpulan DNS Server Tercepat

Assalamualikum,

Kali ini Qiqi akan membahas tentang DNS Server, buat pengertiannya cari sendiri di mbah Google, hehehehehehe..... Buat yg suka berselancar di dunia maya pasti sudah pernah mencoba berbagai DNS Server agar koneksi internet yang di gunakan tidak LEMOT. DNS Server ini berguna untuk mempercepat loading internet kita, biasanya kalau DNS Server kita buat otomatis maka DNS Server yang kita gunakan akan sama dengan DNS Server jaringan internet yang sedang kita koneksi.

Jika DNS Server satu di gunakan oleh banyak orang maka koneksi internet akan terasa LEMOT, nah untuk mengakalinya kita bisa gunakan DNS Server sendiri. Saya sudah merasakan dan mencobanya sendiri dan hasilnya loading internet saya tidak LEMOT. Saat ini saya menggunakan DNS Server ini 202.134.1.7 | 202.134.0.155. Qiqi juga menyediakan DNS Server yang lain, bisa sobat coba sendiri dengan aplikasi DNSBench.

Berikut Daftar DNS Server nya :

DNS telkom bisa untuk speedy dan flexy
202.134.0.155 nsjkt1.telkom.net.id
202.134.0.62 dns1.telkom.net.id
203.130.196.5 dns2.telkom.net.id alias nsjkt2.telkom.net.id
202.134.1.10 nssby1.telkom.net.id
203.130.208.18 nssmg1.telkom.net.id
203.130.208.18 semarang
202.134.1.10 surabaya

DNS Three
10.0.18.38
10.0.18.42

Service provider: Google
 8.8.8.8
 8.8.4.4

Service provider: ScrubIt
67.138.54.100
207.225.209.66

Service provider: dnsadvantage
156.154.70.1
156.154.71.1

Service provider: OpenDNS
208.67.222.222
208.67.220.220

209.244.0.3
209.244.0.4

Service Provider: OpenNIC
AU 58.6.115.42
AU 58.6.115.43
AU 119.31.230.42
BR 200.252.98.162
DE 217.79.186.148
FR 82.229.244.191
US 216.87.84.211
US 2002:d857:54d2:2:20e:2eff:fe63:d4a9
US 2001:470:1f07:38b::1
US 66.244.95.20
US 2001:470:1f10:c6::2

141.211.125.17
141.211.144.17
198.77.116.8
198.77.116.12
198.77.116.221
198.77.116.223
198.77.116.225
198.77.116.227
205.171.2.65
205.171.3.65
141.211.144.15

Cara untuk mengetahui DNS Server mana yang koneksinya lebih cepat :

• Buka notepad copy semua DNS diatas simpan dengan nama dns.ini lalu save
• Pada pilih nameserver (pada ini sudah disediakan macam2 dns, tapi belum lengkap karna tidak ada DNS Speedy dan dns lokal lainnya,dns ini akan kita ganti dengan yang sudah dicopy tadi)
• Kita akan buang dulu DNS defaultnya ( klik Add/Remove)
• klik remove System's Name server, Remove public Name name server (sampe hilang semuanya)
• klik Add .ini file Name server (cari file yang dns.ini tadi  klik open)
• sekarang daftar DNS tadi sudah masuk ke
• Selanjutnya tinggal klik RUN Benchmark
• tunggu sampe proses selesai dan terseleksi DNS mana yang paling cepat
• setelah dapat yang paling cepat tinggal kita pakai 
• selesai

Cara memasang DNS Server pada PC/Laptop kita :

• Buka Contro Panel
• Pilih network Conections
• Klik kanan pada menu Hardware (LAN/WiFi) yang anda gunakan
• Pilih properties
• klik tab networking
• pilih internet protocol (TCP/IP) untuk PC, jika untuk laptop internet protocol (TCP/IP) IPv4
• pilih use the following DNS Server Addresses
• masukkan DNS Server yang sudah di tes kecepatannya tadi dengan
• lalu klik OK
• untuk merasakan hasil yang maksimal koneksi DNS Server yang kita pilih, disconnect dulu koneksi internet kita
• dan rasakan hasiatnya

Sumber :  http://blog-wandi.blogspot.com/2010/07/seleksi-kumpulan-dns-server-three.html#, http://www.cilacaphacker.com/2011/12/daftar-dns-terbaik-tercepat.html

Read more »