MEMBUAT MENU NAVIGASI DROPDOWN

Menu navigasi dropdown adalah sederetan menu (mendatar) yang biasanya terletak di atas postingan dan di bawah header blog. Menu navigasi dropdown pada dasarnya adalah merupakan alat navigasi atau petunjuk tentang hal-hal apa saja yang ada atau terdapat di dalam web/blog yang kita miliki. Dikatakan sebagai menu navigasi dropdown karena pada keseluruhan atau beberapa menu memiliki sub-menu yang langsung ditampilkan di bawah menu-utama nya.

Jika anda masih bingung dengan definisi atau pengertian yang telah saya buat, silahkan aja perhatikan sederetan menu diatas postingan blog ini yang berlatar belakang warna hitam. Bila anda mengarahkan mouse ke beberapa menu utama, maka di bawahnya akan langsung muncul submenu-submenu dengan latar belakang warna merah. Yah ...... itulah manifestasi atau bentuk dari pada menu navigasi dropdown yang akan dibahas berikut ini.

Beginilah cara membuatnya :

cari kode ]]></b:skin>
gunakan ctrl+f untuk mempercepat pencarian
kemudian paste kode berikut tepat diatas kode ]]></b:skin>

#catmenucontainer{
height:33px;
width:1000px;
margin:0 auto;
background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/S6mTqAdkycI/AAAAAAAAA2E/zxCSk-6MwLI/catmenu.jpg) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}

#catmenu{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(http://4.bp.blogspot.com/_4HKUHirY_2U/S6mTqAdkycI/AAAAAAAAA2E/zxCSk-6MwLI/catmenu.jpg) repeat-x;
height:33px;
}

#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}

#catmenu li a:hover, #catmenu li a:active {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S6mTqmy1HdI/AAAAAAAAA2M/6D7APyygWZA/catmenuhov.jpg) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;
}

#catmenu li li a:hover, #catmenu li li a:active {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S6mTqmy1HdI/AAAAAAAAA2M/6D7APyygWZA/catmenuhov.jpg) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}

#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#catmenu li li {
}

#catmenu li ul a {
width: 140px;
}

#catmenu li ul a:hover, #catmenu li ul a:active {
}

#catmenu li ul ul {
margin: -34px 0 0 170px;
}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}

#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}

#catmenu li:hover, #catmenu li.sfhover {
position: static;
}

Setelah itu copy kode dibawah ini dan paste tepat dibawah kode <div id="content-wrapper">
jika anda ingin membutnya dibawah header atau diatas <div id="content-wrapper"> 

<div id='catmenucontainer'>
<div id='catmenu'>

<ul>
<li><a href='http://NAMA LINK BLOG ANDA/'>Home</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-3</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-4</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-2</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-7</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-8</a></li>
</ul>

</div>
</div>

<div class='clear'/>

Catatan :
Dibeberapa template tertentu script menu navigasi dropdown tersebut di atas tidak dapat jalan atau berfungsi, oleh karenanya, silahkan andan otak-atik sendiri bilamana script tersebut tidak dapat jalan. Selamat berkreasi. Script ini saya dapatkan dari rekan blogger kita yang beralamat di http://www.ipanrock.info/2011/03/cara-membuat-menu-navigasi-dropdown.html

CARA MEMBUAT BACKLINK YANG BERKUALITAS

Joni Indo BlogCara membuat backlink yang berkualitas adalah merupakan bagian penting dari aktivitas blogging on time. Seorang pemain akan punya rating tinggi di googling kalau blog yang dikelola punya dukungan backlinking yang sangat kuat. Lalu bagaimana cara membuat backlink agar link yang diperoleh benar benar berkualitas. Menurut newbie seperti saya, ada 4 langkah utama yang harus kita perhatikan agar bisa mendapatkan dukungan backlink bermutu.

Pertama, pastikan blog anda telah berisi konten yang saling berhubungan (artikel-pilar), tapi jangan dibuat mirip, karena kemiripan konten dalam sebuah blog tidak disukai oleh google panda. Perlu sekali diingat bahwa pada prinsipnya google memberikan tekanan nilai pada kualitas per halaman. Sementara mutu blog secara keseluruhan ditentukan oleh kualitas per artikel yang dipublish. Maka sangat penting agar kita selalu memberi google dengan konten original dan mudah dipahami oleh manusia. 

Kedua, ketika kita telah yakin bahwa artikel telah dibuat dengan kualitas sebaik baiknya, maka kita bisa membuat backlink dari external web. Jangan terlalu membeda-bedakan antara blog dofollow atau nofollow, karena keduanya sama sama penting dan sesuai aturan, google panda tetap menghitung rel nofollow sebagai backlink

Ketiga, saat anda membuat tautan disitus luar maka buatlah anchor teks yang tepat sesuai dengan kata kunci yang ditargetkan. Misalnya anda akan menargetkan kata kunci SATE BURUNG DARA agar menjadi nomor satu di google, maka link yang kita buat juga mengandung frasa tersebut, atau bisa juga mengambil satu atau dua kata dari yang ditargetkan. 

Dan cara yang keempat adalah biasakan membuat artikel di website lain dengan memberikan unsur kemiripan pada blog utama. Kita bisa memanfaatkan layanan blog dummy untuk melaksanakan strategi ini.

Kalau blog utama membahas tentang negara indonesia, maka blog dummy bisa diisi dengan pola pemerintahan, kehidupan di propinsi lain, sejarah bangsa, dan lain sebagainya. Dengan cara memperkuat blog utama dengan link dari blog dummy maka kemungkinan besar backlink yang dihasilkan lebih baik daripada meninggalkan komentar, social bookmark submited, dan lain sebagainya. 

Cara lain dalam membuat backlink berkualitas adalah dengan menerima link natural yang diberikan secara cuma-cuma oleh rekan blogger lain. Kedepannya semua pengelola blog membutuhkan dukungan link yang natural baik dari blog dofollow maupun nofollow. Dengan segala teori yang berkembang maka tetaplah wajar dalam membuat backlink agar tak dianggap melakukan spaming.

Sumber : http://sebarkan21.blogspot.com/2012/02/cara-membuat-backlink-yang-berkualitas.html

MEMBUAT POSTING/ARTIKEL CEPAT TERINDEX GOOGLE

Joni Indo BlogPada tulisan ini saya coba mengulas cara untuk membuat agar tulisan (atau postingan-postingan yang ada)  dalam sebuah website atau blog baru kita dapat secara cepat terindex oleh mesin pencari (search engine), khususnya google search engine. Dalam pandangan saya cara ini benar-benar efektif dan hanya memerlukan waktu yang relatif singkat. Cara inipun tidak terlalu sulit untuk dipraktekkan, hanya saja membutuhkan sedikit kejelian dan ketelitian, utamanya dalam melakukan pengisian-pengisian atau proses-proses tertentu yang bertujuan untuk memaksimalkan cara kerja situs-situs yang akan kita manfaatkan tersebut.

Adapun langkah-langkah tersebut adalah  :


Pertama, kita manfaatkan bantuan dari XML Sitemap Generator   yang berfungsi untul membuat sitemap online bagi website/blog yang kita miliki. Silahkan anda menuju ke LINK INI.
Isikan full http address website atau blog anda, atur Change frequency menjadi always, untuk Last modification pilihlah Use server's response atau Use this date/time, selanjutnya untuk Priority pilihlah Automatically Calculated Priority. Setelah itu pilihlah tombol Start.

Kedua, kita manfaatkan bantuan dari Google-Webmaster Central yang berfungsi untuk melakukan crawling data website/blog kita, indexing sekaligus search-traffic. Silahkan anda menuju ke LINK INI
Selanjunya lakukan sign-in dengan akun google yang telah kita miliki, langkah selanjutnya adalah pilih tombol add a site. Isikan url website/blog anda, kemudian pilihlah continue. Sejenak kemudian akan muncul nama website/blog anda dengan warna biru. Klik nama website/blog anda yang berwarna biru tadi, maka akan muncul data-data dari website/blog yang anda miliki tersebut. Data-data tersebut dijabarkan secara menyeluruh dan jelas, mulai dari Search queries, Crawl errors, Links to your site, Keyword, dan Sitemaps. Langkah selanjutnya adalah pilihlah Site Configuration yang ada pada lajur sebelah kiri (di bagian Dashboard), selanjutnya pilihlah sitemaps, kemudian pilihlah tombol Add/Test Sitemap, dan akan muncul jendela kecil di belakang nama website/blog anda. Isilah kotak tersebut dengan tulisan atom.xml?, kemudian pilihlah Submit Sitemap. Kemudian pilihlah refresh, maka anda akan melihat hasilnya dalam bentuk bagan statistik yang berwarna biru yang diikuti keterangan perihal jumlah web-pages yang telah kita submite sekaligus jumlah webpages yang telah terindex.

Sekian dahulu ulasan dari saya, dan akan disambung pada artikel lain.

MEMPERCEPAT KONEKSI INTERNET

Joni Indo BlogMempercepat koneksi internet bukanlah merupakan suatu hal mudah untuk dilakukan, walaupun dengan tehnologi EVDO Rev. A sekalipun. Beberapa waktu yang lalu saya membeli sebuah USB Modem merk SmartFren dengan tipe AC682 yang telah memiliki tehnologi EVDO Rev. A, yang menurut data spesikfikasinya memiliki kemampuan download hingga 3,1 Mbps serta upload hingga 1,8 Mbps. Tetapi mulai dengan saat masih baru (free 30 hari) hingga saat ini belum pernah sekalipun saya menikmati layanan internet cepat seperti yang dicantumkan dalam spesifikasi produk modem ini. Entah apa sebabnya, saya sendiri tidak tahu.

Di awal-awal pemakaian (saat masih free 30 hari), modem ini memiliki kecepatan yang lumayan juga, tetapi lama-kelamaan seiring dengan habisnya free-session, modem ini juga mengalami penurunan dalam hal koneksi internetnya. Dalam kondisi hampir putus-asa, saya melalukan perjalanan dunia-maya (googling via Google) untuk mencari tahu apa sebabnya kelambatan koneksi internet modem ini sekaligus mencoba mencari solusinya. Setelah berputar-putar dan berpusing-pusing, akhirnya sampailah saya pada satu kesimpulan (ntah benar ntah tidak) yang demikian, pertama modem ini tidak tahan panas, sehingga pada saat panasnya melebihi batas normal (wajar) ia akan mengalami penurunan koneksi-internet, kedua penerimaan sinyalnya bukan merupakan suatu hal yang dapat dibiarkan begitu saja, artinya untuk dapat melakukan proses koneksi internet cepat, maka stabilisasi penerimaan sinyal sangat perlu untuk diperhatikan. Ketiga, untuk sedikit meningkatkan kecepatan aksesnya membutuhan bantuan software DNS Jumper (atau yang sejenisnya).

Dengan mengetahui titik-titik kelemahan dari modem ini, maka saya mencoba mencari tahu cara-cara mengatasinya, dan secara sederhana sebatas kemampuan saya akan coba saya share pada tulisan-tulisan mendatang, yang nantinya akan mengupas secara agak lebih mendetil cara-cara mengatasi panas yang berlebihan, kemudian cara-cara menstabilkan penerimaan sinyal modem, dan sedikit ulasan perihal DNS Jumper itu sendiri.

Sampai bertemu pada tulisan-tulisan mendatang.

Beberapa informasi yang mungkin juga anda butuhkan :