Skip to main content

Posts

Showing posts from February, 2011

100+ Faktor Peringkat Hasil Pencarian Google

Praktik optimasi seo blogspot terbaik yaitu dengan memahami tren dan kondisi update mesin pencari terbaru 2019. Agar blog tampil dengan ranking teratas anda perlu mengetahui faktor peringkat hasil pencarian google . 100 lebih faktor penentu berikut ini dapat mempengarui, menentukan, memposisikan, dan menaikkan peringkat blog pada hasil pencarian. Agar mudah dipahami artikel ini saya kelompokkan menjadi beberapa kategori faktor penentu. Saya mengambil beberapa referensi dari beberapa pakar seo internasional seperti Backlink dot co, Moz, SEJ, SEL, serta halaman resmi bantuan webmaster google. Halaman-halaman tersebut secara jelas menyebutkan ratusan aspek atau hal-hal yang dapat mempengaruhi rangking sebuah situs. Berdasarkan pengalaman saya ngeblog sejak 8 tahun yang lalu saya berpendapat bahwa blog dengan teknik seo berikut ini dapat mempengaruhi peringkat artikel. Dengan cara resmi dan dengan anjuran sesuai kebijakan mesin pencari akan membuat posisi blog selalu konsisten dan tetap ...

Gelembung Tooltip

Home > JavaScript Blogger > Gelembung Tooltip Demo : Blog Nano Yulianto Cara membuatnya Dari Dashboard >> Design >> Edit HTML . Langkah pertama > Penempatan kode CSS dibawah <b:skin><![CDATA[ ........ diatas ]]></b:skin> div.speechbubbles{ background-color:#EDEDED; /* warna background tooltip*/ color:#000; font:11px verdana,arial; border:1px solid black; position:absolute; top:0; z-index:100; visibility:hidden; line-height:1.3em; padding:8px; width:200px; border-radius:8px; /*CSS3 border radius*/ -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 10px #888888; /*CSS3 shadow*/ -moz-box-shadow:0 0 10px #888888; -webkit-box-shadow:0 0 10px #888888; } div.speechbubbles div.speechbubbles-arrow{ border-color: transparent transparent #EDEDED transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top:-19px; left:20px; z-index:101; _display:none; } div.speechbubbles div.speechbubbles-arrow-border{ b...

Menambah kotak search di Navbar N2y Biasa

Ini pertanyaan bro anonim, yang ingin menambah kotak search di sebelah kanan Navigation Horizontal. Dari Dashboard >> Design >> Edit HTML . Langkah pertama > Penempatan kode CSS dibawah <b:skin><![CDATA[ ........ diatas ]]></b:skin> #cari{/*untuk tampilan keseluruhan kotak search*/ display:inline-block; float: right; margin-top: 5px; overflow: hidden; } #huruf{/*ini untuk kotak teks*/ height:20px; } #tekan{/*ini untuk tombol search*/ } Langkah kedua > Penempatan kode HTML dibawah tag akhir </ul> dari Nav <form action='/search' id='cari' name='searchform'> <input id='huruf' maxlength='256' name='q' size='35' type='text' value=''/> <input id='tekan' type='submit' value='Search'/> </form> Tampilan kotak search masih standar, jadi tampilannya anda edit sendiri. Petunjuknya sudah saya tulis di kode CSS, tinggal isi saja. Alhamdu...

Menu terlihat dan tidak terlihat

Home > Panduan Blogger Pemula > Menu terlihat dan tidak terlihat Trik ini permintaan dari Sahabat saya Hendrik (hendria.com), membuat menu hanya terlihat di Halaman Utama Blog, atau hanya terlihat di Halaman Posting. Trik dengan kode CSS Pertama anda harus tahu pemilih, id, atau class di kode HTML. Contoh di kode HTML: <div class=" contoh1 "><p>blablabla</p></div> Kedua, sebaiknya membuka lembaran baru kode CSSnya yaitu : dibawah ]]></b:skin> ........ diatas </head> Contoh di kode CSS, dengan tampilan menu hanya terlihat di Halaman Posting : <style type='text/css'> <b:if cond='data:blog.pageType == "index"'> .contoh{ display:none; } <b:else/> </b:if> </style> <b:if cond='data:blog.pageType == "index"'> kode CSS disini hanya terbaca di halaman utama blog. Contoh diatas berarti class="contoh1" dibuat menghilang di Halaman utama dengan kode CS...