DIGITALPAY MPN: Juni 2012

15 Ribu Orang Tidak Bisa Memaafkan Olga Syahputra

Olga kembali membuat sibuk Komisi Penyiaran Indonesia (KPI). Akibat lelucon Olga yang dianggap berbau SARA, pihak Front Pembela Islam (FPI) melaporkan presenter program televisi Dahsyat itu ke KPI.Artis yang sempat digosipkan menjalin hubungan mesra dengan Jessica Iskandar itu dinilai melecehkan ucapan salam yang biasa digunakan umat muslim. Kejadiannya terjadi saat dirinya tampil di acara

Olga Syahputra menangis Meminta maaf

olga syahputra menangisOlga Syahputra menangis Meminta maaf setelah dilaporkan oleh ormas islam Front Pembela Islam (FPI) karena dianggap menghina salam umat Islam, yang merupakan doa.Di sela-sela acara Pesbukers yang disiarkan secara langsung di Antv, Selasa (26/6) sore, presenter berusia 29 tahun itu banyak mengeluarkan airmata.Olga meminta maaf atas candaanya yang sempat diprotes banyak pihak,

PREDIKSI FINAL PIALA EROPA 2012 SPANYOL VS ITALIA

DATA PERTANDINGAN FINAL EURO 2012 ANTARA SPANYOL VS ITALIA Official pertandingan: Wasit Pedro Proenca/Portugal Asisten Wasit 1 Bertino Miranda/Portugal Asisten Wasit 2 Ricardo Santos/Portugal Ofisial Keempat Cuneyt Cakir/Turki Lokasi dan waktu Waktu pukul 01.45 WIB Lokasi Kyiv, Ukraina JAKARTA:

Mengenali Robot Spider untuk SEO

Usaha untuk mengoptimalkan situs adalah perjuangan, namun problemnya adalah bagaimana search engines melihat perjuangan itu sendiri. Optimalisasi yang paling cermat sekalipun tidak menjamin posisi teratas dari hasil pencarian, jika suatu situs tidak mengikuti kebenaran optimasi dasar mesin pencari dan yakinlah kalau situs tersebut tidak akan menempati posisi terbaik pada mesin pencari. Salah satu cara untuk memeriksa terlebih dahulu bagaimana usaha SEO terlihat oleh mesin pencari adalah dengan menggunakan alat simulator mesin pencari atau search engine spider simulator.

Hal Penting dari Penjelajahan Spider Mesin Pencari
Pada dasarnya spider robot mesin pencari semuanya berfungsi pada prinsip yang sama dengan haluan sama, bahwa mereka menjelajah web dan halaman indeks, yang disimpan dalam database dan kemudian menggunakan berbagai algoritma untuk menentukan peringkat halaman dalam hasil pencarian, relevansi, dan lain sebagainya menyangkut konten dari suatu situs. Sedangkan algoritma peringkat menghitung dan mempunyai relevansi berbeda antara search engine. Oleh karena itu cara spider mengindex kurang lebih seragam. Hal terpenting yang perlu anda ketahui adalah apa yang membuat spider tertarik dan apa yang ia abaikan.

Spider search engine adalah robot dan mereka tidak membaca halaman anda seperti manusia. Sebaliknya, mereka cenderung melihat hanya hal-hal tertentu dan buta dengan isian extra, seperti flash, javascript, dan gambar. Kunjungi spider simulator tools sebelum menyimak semua penjelasan ini. PENTING!!!

Flash, JavaScript, Gambar Teks atau Frames
Flash, JavaScript dan Teks Image tidak terlihat oleh mesin pencari. Frame bisa dibilang sebuah malapetaka dalam hal peringkat SEO. Semua atribut tersebut merupakan hal besar dalam desain dan kegunaan, tetapi tidak mendukung sama sekali dengan perayapan spider pada suatu situs. Memasukkan flash seperti halaman flash intro, dengan frame atau tanpa frame, akan menambah buruk kinerja seo yang diterapkan. Disamping itu pensiasatan dengan menggunakan kata kunci yang terkubur dalam animasi juga tidak terlalu berpengaruh dan cenderung diabaikan. Sama halnya ketika kita terlalu banyak menggunakan kata kunci yang tidak berkhubungan dari artikel yang kita buat, ini jelas akan menjatuhkan konten anda pada posisi yang buruk. Silahkan perikaa dengan Search Engine Spider Simulator halaman dengan flash dan gambar, maka kita akan melihat bahwa halaman ini munculnya hampir kosong.

Mengelola situs berbasis Flash dan JavaScript bukanlah idaman dari SEO. Sebuah solusi (direkomendasikan sebagai praktek terbaik SEO) adalah untuk menyertakan deskripsi yang berarti dari image pada atribut ALT dari tag namun hati-hati jangan menggunakan terlalu banyak kata kunci di dalamnya karena berisiko hukuman untuk isian kata kunci. Atribut ALT sangat penting, bila Anda menggunakan links dari pada teks untuk link. Anda dapat menggunakan teks ALT untuk menggambarkan sebuah flash namun sekali lagi, waspada untuk tidak menyalah gunakan garis antara optimasi maksimal dan optimasi yang berlebihan.

Contoh penggunaan tag alt pada gambar
<img alt="read more button" height='40px' src='MASUKKAN KODE GAMBAR DI SINI' width='150px'/>

Hyperlink yang Spider Friendly
Hyperlink merupakan sambungan absolut dengan setting tertentu antara satu web ke web lainnya. hal ini dapat ditandai dengan pentingnya smbungan tersebut. Biasa ditambakan dengan tag rel="follow". Mesin pencari spider simulator bisa sangat membantu ketika mencoba untuk mencari tahu apakah hyperlink mengarah ke tempat yang tepat.

Oleh karena itu membangun sebuah hubngan terkait antar situs dapat saja membuat buruk bagi situs itu sendiri. Memang semakin banyak backlink akan semakin bagus trafik situs, tapi bila itu dibangun dengan tidak mengindahkan kesamaan dan keterkaitan konten sama halnya bunuh diri, karena google akan menganggap anda menjadi peternak link yang bertujuan mengangkat trafik melalui jalan pemaksaan. Ini tidak disukai mesin pencari. Lebih parah lagi link yang dibangun dianggap sampah dan akan diabaikan.

Contoh kasus lain adalah membangun pertukaran link melalui cara membuat link palsu dengan menggunakan beberapa tautan bayangan yang disembunyikan (seakan-akan itu adalah link yang saling mendukung agar terlihat asli), ini juga tidak akan dilihat mesin pencari. Hal ini karena spider simulator tidak akan menampilkan link tersebut. Anjuran saya, jangan menanam anchor text dalam sebuah gambar, karena yang dibaca hanya deskripsi gambar, bukan link tersebut. Semakin banyak anda menanam link dalam gambar. maka cenderung akan dianggap link sampah oleh spider mesin pencari.

Jika kebetulan punya banyak hyperlink pada halaman artikel (meskipun sangat dianjurkan untuk memiliki kurang dari 100 hyperlink pada halaman), maka periksa secara berkala apakah semua link tersebut baik atau tidak. Anda bisa menceknya pada broken links tools. Ini suatu kerjaan sulit, membuang banyak waktu dan tenaga. Silahkan baca Kode Rahasia Seo Blogspot untuk peningkatan seo situs anda melalui hyperlink otomatis. Silahkan cek broken links di W3C atau iWebtool.

Penggunaan tag NoScript
Hal ini sangat dianjurkan untuk menggunakan tag <noscript>, sebagai lawan menu berbasis java. Alasannya adalah bahwa javascript based menus tidak dapat diindex spider dan semua link didalamnya akan diabaikan sebagai teks halaman. Solusi untuk masalah ini adalah membuat link semua menu item pada tag <noscript>. Tag <noscript> menyimpan banyak item, namun jangan menggunakannya untuk melakukan link stuff atau segala bentuk manipulasi SEO.

Contoh penggunaan tag noscript pada java
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1309780&101" alt="hit tracker" border="0" /></a></noscript>

Penggunaan Kata Kunci yang Maksimal
Meskipun beberapa kata kunci atau kata kunci tunggal yang berhubungan dengan kata kunci lebih terinci, spider mesin pencari akan melihat sebagaimana kata kunci tersebut terletak diantara teks halaman. Jadi solusinya kata kunci dalam paragraf pertama dari halaman akan lebih berbobot dari kata kunci di tengah atau di akhir suatu artikel. Dan jika kata kunci visual tampak bagi kita untuk berada di atas, ini mungkin bukan cara spider melihatnya. Pertimbangkan sebuah halaman situs yang standar dengan beberapa penerapan seo sederhana namun akan membantu pemaksimalan kinerjanya pada Search Ingine Result Page(SERP).Silahkan baca beberapa artikel dengan kategori Kata Kunci untuk referensi pemaksimalan SEO

Apakah Halaman Dinamis akan Terlihat Pada Semua Index?
Jawabnya iya. Tetapi halaman dinamis tidak terlalu disukai oleh spider. Ini hanya pensiatan saja untuk indexing yang maksimal, namun terus terang tidak akan menjamin sepenuhnya (50 persen per 50 persen atau satu berbanding satu). Solusinya anda harus merubah beberapa kode HTML dalam template. Menjalankan spider simulator akan memberikan gambaran seberapa baik halaman dinamis diterima mesin pencari. Saran saya bagaimana menghadapi mesin pencari dan URL dinamis dapat ditemukan di URL Dinamis vs artikel URL statis. Silahkan baca Cara Membuat Heading Dinais untuk Blogspot untuk solusinya.

Meta Keywords dan Meta Description
Meta kata kunci dan deskripsi meta, dapat ditemukan pada tag <META> dari halaman HTML. Setelah meta kata kunci dan deskripsi meta adalah kriteria yang paling penting untuk menentukan relevansi dari sebuah halaman. Solusinya silahkan ikuti petunjuk berikut.
Log in ke blogger
Klik Rancangan
Klik Edit HTML
Hapus semua kode meta tag yang dimulai dari kode di bawah <head> sampai kode <b:skin><![CDATA[

Selanjutnya ganti dengan kode berikut.

<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI BLOG ANDA' name='DESCRIPTION'/>
<meta content='KATA KUNCI BLOG ANDA' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='NAMA ADMIN' name='author'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='NAMA WILAYAH ANDA' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link expr:href='data:blog.url' rel='canonical'/>

Bila anda ingin memasang meta tag otomatis dari setiap postingan, masukkan kode di bawah ini. Petunjuknya sama dengan cara pemasangan di atas.

<b:if cond='data:blog.url == "http://nama blog anda.blogspot.com/"'>
<title><data:blog.pageTitle/></title>
<meta content='description' name='isi dengan deskripsi untuk home page'/>
<meta content='keywords' name='isi dengan keyword untuk home page'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/>:<data:blog.title/></title>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='keywords'/>
</b:if>

PENTING untuk DITERAPKAN

Terapkan saja seo sederhana tapi jenius. Karena Google hanya mau kita menerapkan white seo dengan beberapa usaha untuk pemaksimalan konten. Bukan menjadi artis atau raja dunia maya dalam semalam.
Bertahanlah pada konten yang selama ini diangkat. Tidak ada konten yang tidak menarik, yang ada hanyalah ketidak mengertian dalam menulis dan kebingungan mengangkat suatu topik sehingga tidak berkembang. Solusinya, berusahalah untuk memperbaiki tulisan dan selalu mencari suatu hal baru untuk peningkatan kualitas konten.

TUNGGU APA LAGI!!! SEGERA KERJAKAN. anda ANDA akan KETINGGALAN

"keep spirits and do the best"

Cara Melakukan Partisi MicroSD Di Android

Di artikel Ilmu-Android ini, saya akan membahas tentang cara melakukan partisi sd card/microSD pada smartphone Android anda.Apa itu Partisi ?Partisi adalah pengelolaan/pembagian penyimpanan data. Nah yang dibahas kali ini adalah cara partisi sd card. Secara default, sd card yang kita beli hanya memiliki 1 buah partisi yakni fat32. Dengan melakukan partisi pada sd card, kita bisa membaginya

Mengenal Blackberry 10

Kali ini, ilmu-android akan mencoba untuk membahas tentang OS lainyakni Blackberry OS 10. Perlu kalian ketahui, Blackberry 10 adalah sistem operasi terbaru yang dikeluarkan RIM. OS Blackberry 10 ini akan menggunakan basis QNX.Fitur Blackberry 10 1) TimelineTimeline adalah salah satu fitur Blackberry 10 yang digunakan pada kamera. Jika seseorang mengambil foto dan ternyata momen yang

Download Raging Thunder 2

Hee, ilmu-android akan mengeshare lagi nih tentang game. Nah yang dishare kali ini adalah Raging Thunder 2. Game ini sangat bagus lho buat mengisi waktu luang kamu. Kamu dapat menikmati game balapan ini di smartphone Android kamu. Game ini dapat berjalan baik kok di Galaxy Young. Jangan lupa baca postingan saya tentang game lainnya seperti death worm dan four days.Key features:Stunning, console

Info CPNS Kemenkeu 2012 – 2013

Ada berita terbaru Seputar Info CPNS Kemenkeu 2012 – 2013: Apakah kalian sudah siap untuk melihat berita ini ? ohh tentu saja .. silahkan Pembaca Untuk Melihat berita informasi ini :Sekretaris Jenderal Kementerian Keuangan Kiagus Ahmad Badaruddin mengungkapkan tahun ini kementeriannya membuka lowongan Calon Pegawai Negeri Sipil (CPNS) sebanyak 700 orang.CPNS tersebut nantinya diperuntukkan bagi

Janganlah suka menyambung lidah

Para ahli kejiwaan mengatakan, bahwa setiap orang perlu seseorang yang lain. Kepada siapa dia bisa menumpahkan semua perasaan. Bukan hanya rasa sedih dan duka, tetapi juga rasa senang. Setiap orang butuh orang lain. Setiap orang ingin suaranya didengar. Orang yang mempunyai sahabat tempat menumpahkan perasaan, orang yang berani membuka semua isi hati kepada orang lain, umumnya mempunyai jiwa yang

Cara Membuat Read More Button Unik

Tampilan Read More Button sedikit banyaknya membawa daya tarik tersendiri bagi tampilan sebuah blog. Mungkin juga kita bosan dengan tampilan read more yang seperti biasanya, sehingga ada keinginan untuk merubah atau beralih pada tampilan lain. Kali ini saya akan share tampilan read more yang berbeda dengan tampilan lainnya. Hal ini dibuat untuk mengatasi kejenuhan saya dan beberapa kawan-kawan untuk memberikan tampilan yang berbeda dengan tampilan umum. Disamping itu cara pembuatannya mudah, hanya menggunakan kode singkat dan sederhana. Dijamin tidak memberatkan loading blog saudara. Ok gan...sekarang mari kita bahas cara membuat tampilan read more button unik. Ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Centang Expand Template Widget
Cari Tulisan Read More atau kode gambar dari read more anda yang sudah terpasang. Cari kode tersebut dekat kode <data:post.body/>. Lihat gambar di bawah ini.

Atau seperti gambar berikut

Hapus tulisan Read More atau kode gambar read more anda. Lalu ganti dengan kode berikut.

<img alt="read more button" height='40px' src='MASUKKAN KODE GAMBAR DI SINI' width='150px'/>

Silahkan ganti ukuran gambar atau disesuaikan dengan templat
height='40px' ukuran tinggi gambar
width='150px' ukuran lebar gambar

Berikut kode gambar read more button dari blogonol. Klik dan ambil kodenya di adress bar saudara lalu masukkan pada kode di atas.
Dragon read more Scrorpion read more Popgirl read more Skateboard read more Rabbit read more Panda read more Killerskull read more Helloween read more Emoticon read more Cropbats read more Breakit read more Oldbook read more Blackcat read more Arrowcircle read more Angryskull read more

Klik Save Template dan lihat hasilnya
Ok selamat mencoba dan sukses selalu

"keep spirits and do the best"

Aktivitas melatih sensori integrasi berfungsi

Otak yang mempunyai sensor integrasi yang efisien tak akan sulit menerima, mengolah dan merespon rangsangan yang masuk ke otak. Otak akan selalu mencari rangsangan atau sensasi yang diperlukan untuk dapat berkembang. Saat bayi lahir, dia baru menerima rangsangan indera dekatnya yaitu indera vestibular-proprioceptive-tactile. Selengkapnya bisa anda baca pada artikel sebelumnya Indera sensori

Indera sensori integrasi manusia

Tahukah anda bahwa manusia mempunyai lebih dari lima indera? Selain mata, hidung, lidah, telinga, serta kulit sebagai indera yang merespon rangsangan dari luar tubuh, misalnya: sinar, bau-bauan, rasa masakan, suara dan sensasi kasar-halus dan lain sebagainya) sebenarnya sejak lahir setiap manusia dilengkapi dengan indera dekat yang bertugas menerima rangsangan yang datangnya dari dalam tubuh

Highlight Author Threaded Comments II

Kali ini saya akan terangkan bagaimana cara membuat highlight autor threaded comments dengan css. Trick ini cukup mudah untuk diterapkan. Kolom autor comments dilengkapi dengan efek hover, sehingga bila cursor anda di arahkan pada kotak komentar admin akan berubah. Kalau anda mau lihat keunikannya, perhatikan tulisan Admin akan amin. Sekarang mari kita bahas cara pembuatannya. Ikuti langkah berikut.

Masuk ke blogger
Klik Rancangan
Klik Edit HTML
Masukkan css berikut di atas kode ]]></b:skin>

.comment-block{position:relative;padding:8px;border:1px solid #ddd;border-radius:4px}
.comment-block .icon.blog-author{position:absolute;right:0;bottom:0;background:rgba(174,212,251,0.2) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaDLiD4Slnd0wXAHCu3LilfyRRqJQJ6fgfNiLd2tSnLrgUGNA84IX1zgi5F57dw6cOlDzdzSq0LJNi9V7XJjwPGPHVx0IpRuc6x3k5XSIOqs7oSdXHAf2hrgo5r7Y3x96-369eCjDI_Tg/s128/gubhugreyot-admin-6transp.gif) bottom right no-repeat !important;width:100% !important;height:100% !important;margin:0 !important}
.comment-block:hover{background:rgba(139,139,139,0.1);border:1px solid #eee;box-shadow:4px 4px 4px #444}
.comment-block:hover .icon.blog-author{width:60px !important;height:22px !important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaDLiD4Slnd0wXAHCu3LilfyRRqJQJ6fgfNiLd2tSnLrgUGNA84IX1zgi5F57dw6cOlDzdzSq0LJNi9V7XJjwPGPHVx0IpRuc6x3k5XSIOqs7oSdXHAf2hrgo5r7Y3x96-369eCjDI_Tg/s128/gubhugreyot-admin-6transp.gif) bottom right no-repeat !important;background-size:60px 22px !important}

Klik Simpan Template dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"

Cara memasang badge Google+ dengan cepat

Jika pada artikel Cara pasang badge google+ di blogspot, untuk memasang badge di blogspot anda harus pergi ke https://developers.google.com/+/plugins/badge/, pada perkembangannya blogger mempermudah anda untuk memasangnya di blogspot yang anda punya. Hanya diperlukan beberapa langkah mudah untuk menyimpannya, anda tidak perlu menyalin kode HTML lalu mempastenya di blog seperti

Download ROM Android Jelly Bean

ROM Android Jelly Bean telah Bocor ! Padahal belum genap satu hari Google nengumumkan Android versi terbarunya yakni Android 4.1 Jelly Bean.Kini salinan dari ROM OS tersebut sudah bocor di internet.Perlu kalian ketahui, ROM yang bocor ini ditujukan untuk Galaxy Nexus versi GSM “takju” yang sudah support Google Wallet. Mungkin ROM ini dapat berjalan baik di Galaxy Nexus versi GSM “yakju” atau

Download Google Play Versi Jelly Bean

Hai, Apa kabar? Baik kan ? Kali ini ilmu-android akan membahas sebuah Play Store Jelly Bean. Pada konferensi tahunan Google, Google I/O,yang baru saja digelar tadi malam, Google mengumumkan tentang Tablet pertamanya yang bernama Google Nexus Tablet 7 dan sistem operasi Android v4.1.0 Jelly Bean.Selain itu Google juga mengumumkan tentang Google Play Store baru. Play store baru ini memberikan

Android 4.1 Jelly Bean

Wow Akhirnya Sistem Operasi Android terbaru telah muncul ! Padahal pengguna Android Ice Cream Sandwich saja belum banyak .Pada acara tahunan Google I/O 2012 di San Fransisco, Google meluncurkan Sistem Operasi Android terbaru yakni Android 4.1 Jelly Bean. Jelly Bean diumumkan dua pekan setelah Apple mengumumkan sistem operasi mobile iOS versi 6. "Tahun lalu kami meluncurkan Android ketika pengguna

Google Nexus 7

Setelah ditunggu-tunggu, akhirnya keluar juga tablet pertama buatan Google. Google Nexus 7 resmi diumumkan pada konferensi Google I/O di San Fransisco Rabu kemarin. Tablet ini merupakan hasil kerja sama antara Google dengan Asus. Selain itu tablet ini juga merupakan gadget pertama yang menggunakan OS Android Jelly Bean 4.1. Google akan menjual tablet ini dengan harga hanya 199 dolar untuk model

Cara Unroot Galaxy Young

Mungkin bagi kamu yang belum paham tentang root silahkan baca postingan saya disini. Nah bagi kalian yang telah melakukan rooting pada Galaxy Y, tentu akan lebih bebas melakukan modifikasi sistem, entah itu ubah rom, overclocking processor, kalibrasi baterai, backup semua aplikasi+data, dan lain-lain. Namun bagaimana jika tiba-tiba ada kerusakan pada Galaxy Young mu yang masih garansi. Padahal

Menu Tersembunyi Unik dengan CSS

Kemarin beberapa kawan blogger bertanya bagaimana cara membuat menu navigasi yang tampil beda tapi lumayan ringan alias tidak mengganggu saat loading blog. Ini bukan suatu widget yang terbaiuk, tapi setidaknya ini adalah tawaran yang mungkin bisa memecah kebuntuan dari kebutuhan tersebut. Sekarang mari kita bahas cara membuat menu tersembunyi unik dengan css. Ikuti langkah berikut.

Masuk blogger
Klik Rancangan
Klik Edit HTML
Masukkan kode berikut di atas kode ]]></b:skin>

.blogonol-hiddenmenu{ position:fixed;font-family:Arial;font-size:12px;width:30px;overflow:hidden;left:-10px; padding:4px; border:6px solid transparent;bottom:0;height:158px;background:url(http://i1138.photobucket.com/albums/n524/blogonol/blogonol-moreinfo-1.jpg) bottom right no-repeat;transition:width 0.5s ease-out 0.8s,background 0.4s linear;-o-transition:1s ease-outwidth 0.5s ease-out 0.8s,background 0.4s linear;-moz-transition:width 0.5s ease-out 0.8s,background 0.4s linear;-webkit-transition:width 0.5s ease-out 0.8s,background 0.4s linear;-ms-transition:width 0.5s ease-out 0.8s,background 0.4s linear}
.blogonol-hiddenmenu:hover{z-index:11;width:390px;left:0;height:425px;background:#666;border-color:#aaa}
.blogonol-hiddenmenu:hover, .blogonol-hiddenmenu .hiddenmenu ul li{transition:0.5s ease-out;-o-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-webkit-transition:0.5s ease-out;-ms-transition:0.5s ease-out}
.blogonol-hiddenmenu .hiddenmenu{float:left;padding:5px;background:transparent;opacity:0;margin:3px;border-radius:8px}
.blogonol-hiddenmenu:hover .hiddenmenu{opacity:1.0;background:#aaa}
.blogonol-hiddenmenu .hiddenmenu ul{margin:0;padding:0 3px 0 3px;width:368px;height:380px;list-style:none;float:left;background:#eee;overflow:auto}
.blogonol-hiddenmenu .hiddenmenu ul li{padding:5px 6px 5px 30px;background:#888 url(http://i1138.photobucket.com/albums/n524/blogonol/blogonol-trail6.gif) 6px 7px no-repeat;line-height:18px;border-bottom:1px dotted #999;margin:0}
.blogonol-hiddenmenu .hiddenmenu ul li:hover{ background-color:#aaa; border-left:6px solid red}
.blogonol-hiddenmenu .hiddenmenu ul li a{ text-decoration:none; color:#000; text-shadow:#888 2px 2px 2px}
.blogonol-hiddenmenu .hiddenmenu ul li a:hover{ color:#C30}
.blogonol-link{display:inline-block; padding:5px 15px; width:91%; text-align:right; font-size:14px; text-shadow:3px 3px 3px #000; color:#09F; margin:2px; background:#555; text-decoration:none}
.blogonol-link:hover{color:red}

Klik Simpan Template
Selanjutnya Klik lagi Rancangan
Klik Tambah Gadget
Pilih HTML/ JavaScript
Masukkan kode berikut ke dalamnya

<div class="blogonol-hiddenmenu">
<div class="hiddenmenu">
<ul>
<li><a href='MASUKKAN ALAMAT LINK ANDA DI SINI' target='_blank'>JUDUL</a></li>
<li><a href='MASUKKAN ALAMAT LINK ANDA DI SINI' target='_blank'>JUDUL</a></li>

..........DST..........
</ul>
</div>
<a class="blogonol-link" target="_blank" href="blogonol.blogspot.com">blogonol | blogger tutorial</a>
</div>

Klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"

Cara Membuat Mega Menu

Berbicara masalah menu, mungkin anda bosan dengan tampilan menu seperti biasanya. Mungkin juga anda ingin menjajal menu lain yang lebih atraktif dan menarik. Sekarang coba menu yang satu ini, dijamin anda bakalan puas. Sesuai namanya, mega menu adalah menu dengan penyimpanan yang banyak dan disertai dengan jquery, sehingga tampilannya akan buka tutup seperti slider dari bagian perbagian. Ok gak usah panjang lebar ngomongnya...saya yakin anda akan bosan nantinya. Sekarang mari kita bahas cara membuat mega menu. Ikuti langkah berikut.

Log in ke blogger
Klik Rancangan
Klik Edit HTML
Centang Expand Template Widget
Masukkan kode berikut di atas kode ]]></b:skin>

ul.ldd_menu{ z-index:999; margin:0px; padding:0; display:block; height:50px; background-color:#D04528; list-style:none; font-family:"Trebuchet MS",sans-serif; border-top:1px solid #EF593B; border-bottom:1px solid #EF593B; border-left:10px solid #D04528; -moz-box-shadow:0px 3px 4px #591E12; -webkit-box-shadow:0px 3px 4px #591E12; -box-shadow:0px 3px 4px #591E12}
ul.ldd_menu a{ text-decoration:none}
ul.ldd_menu >li{ float:left; position:relative}
ul.ldd_menu >li >span{ z-index:999; float:left; color:#fff; background-color:#D04528; height:50px; line-height:50px; cursor:default; padding:0px 20px; text-shadow:0px 0px 1px #fff; border-right:1px solid #DF7B61; border-left:1px solid #C44D37}
ul.ldd_menu .ldd_submenu{ z-index:999; position:absolute; top:50px; width:550px; display:none; opacity:0.95; left:0px; font-size:10px; background:#C34328; border-top:1px solid #EF593B; -moz-box-shadow:0px 3px 4px #591E12 inset; -webkit-box-shadow:0px 3px 4px #591E12 inset; -box-shadow:0px 3px 4px #591E12 inset}
a.ldd_subfoot{ z-index:999; background-color:#f0f0f0; color:#444; display:block; clear:both; padding:15px 20px; text-transform:uppercase; font-family:Arial,serif; font-size:12px; text-shadow:0px 0px 1px #fff; -moz-box-shadow:0px 0px 2px #777 inset; -webkit-box-shadow:0px 0px 2px #777 inset; -box-shadow:0px 0px 2px #777 inset}
ul.ldd_menu ul{ list-style:none; float:left; border-left:1px solid #DF7B61; margin:20px 0px 10px 30px; padding:10px}
li.ldd_heading{ font-family:Georgia,serif; font-size:13px; font-style:italic; color:#FFB39F; text-shadow:0px 0px 1px #B03E23; padding:0px 0px 10px 0px}
ul.ldd_menu ul li a{ font-family:Arial,serif; font-size:10px; line-height:20px; color:#fff; padding:1px 3px}
ul.ldd_menu ul li a:hover{ -moz-box-shadow:0px 0px 2px #333; -webkit-box-shadow:0px 0px 2px #333; box-shadow:0px 0px 2px #333; background:#AF412B}

Masukkan kode berikut di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
var $menu = $('#ldd_menu');
$menu.children('li').each(function(){
var $this = $(this);
var $span = $this.children('span');
$span.data('width',$span.width());
$this.bind('mouseenter',function(){
$menu.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':'510px'},300,function(){
$this.find('.ldd_submenu').slideDown(300);
});
}).bind('mouseleave',function(){
$this.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':$span.data('width')+'px'},300);
});
});
});
</script>

Selanjutnya masukkan kode berikut di bawah kode <div id='header-wrapper'>

<ul class='ldd_menu' id='ldd_menu'>
<li>
<span>Vacations</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Location</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>
</div>
</li>
<li>
<span>Equipment</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Location</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>
</div>
</li>
<li>
<span>Locations</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Location</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>
</div>
</li>
<li>
<span>Tourists</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Download</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
<li><a href='masukkan link anda di sini'>judul</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>
</div>
</li>
</ul>

Silahkan ikuti petunjuk edit pada kode di atas.
Simpan Template dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"

Trafik Otomatis dengan Auto Surf Pro

Sebelum saya menguraikan artikel ini, tidak ada maksud untuk menyepelekan blog walking. Saya menganggap hal itu penting sebagai tanda silaturrahmi kita kepada kawan-kawan blogger di siantero dunia maya ini. Sekali lagi saya tekankan bahwa blog walking itu penting. Bila anda membaca artikel ini jangan menganggap kalau saya sudah tidak atau membuang jauh-jauh yang namanya blogwalking. Terus terang sampai saat ini saya masih blog walking dengan trick tersendiri. Mungkin cara ini akan saya terangkan pada artikel selanjutnya. Silahkan baca artikel ini sampai habis, karena sangat penting bagi perkembangan blog anda bila anda seorang blogwalking. Lanjuuutttt .......

Terkadang kejenuhan juga menghampiri, ketika puluhan, atau mungkin ratusan blog kita kunjungi saat kita blog walking. Namun hasilnya terkadang membuat kita sedih, karena kunjungan balik yang kita harapkan tidak sesuai dengan impian. Tapi jangan khawatir gan, ane akan berikan solusi yang dapat anda terapkan untuk mengatasi masalah ini. Silahkan simak lebih lanjut tutorial cara traffik otomatis dengan auto surf pro

Auto Surf Pro

Sebenarnya artikel ini sudah pernah saya posting dan sudah saya praktekkan. Hasilnya lumayan bagus bagi traffick blog dan perkembangan page rank blog anda.AutoSurfPro adalah sebuah mesin surfing otomatis atau system otomatis yang berguna untuk mendapatkan limpahan traffic secara otomatis tanpa perlu repot - repot melakukan comment ataupun blogwalking. kita hanya perlu membuka browser lalu diamkan saja, artinya biarkan sistem yang bekerja. Apabila kalian menggunakan jasa Auto Surf Traffic Exchange ini selama 2 jam maka kalian akan mendapatkan sekitar 200 unique traffic. Bayangkan bila anda menggunakannya satu hari penuh (jangan dibayangkan gan, tapi dilaksanakan aja biar hasilnya nyata). Sekarang mari kita bahas cara ragister dan penggunaannya. Lanjut bacanya yaa.

Warning: Baca sambil ngopi biar gak bosan!

Pastikan blog anda sedang dalam keadaan aktif
Kunjungi Auto Surf Pro

Isi registration form atau blangko registrasi. Lihat gambar berikut.

Setting pembatasan surfingnya dan surfing poin dengan memberi centang pada kolom indonesia. Kalau anda ingin memberi centang semua juga gak masalah. Terserah keinginan kamu gan. Jangan lupa centang Terms and Conditionsnya. Selanjutnya klik . Contohnya seperti gambar di bawah ini.

Selanjutnya buka email anda dan perifikasi melalui email.
Masuk pada Personal Perofile dan isi kolom di sana. Jangan lupa isi password baru untuk log in nantinya. Selanjutnya tekan

Bila sudah tekan AutoSurf dan selamat berselancar otomatis dan mendapatkantrafik unik otomatis.

Sampai di sini dulu tutorial cara mendapatkan traffik otomatis dengan auto surf pro. Jangan lupa komentar ya. Terima kasih. Selamat mencoba dan sukse selalu.
Referensi: http://bit.ly/dT6SGB

"keep spirits and do the best"