Cara Mempercepat Proses Index Blog dengan input Sitemap ke Webmaster

SiteMap yang dimaksud disini bukan halaman tentang seluruh isi judul artikel blog yang dirangkum dalam satu Postingan, tapi Sitemap atau peta situs yang nanti akan di pasang di Google Webmaster. Ini dilakukan untuk mempercepat proses Index robot google pada artikel kita, tanpa melewatkan satu artikel pun.

Anda harus wajip melakukan ini supaya artikel anda cepat muncul di mesin pencari, dan Untuk membuat dan memasang Site map yang harus anda lakukan adalah ;

1. Masuk ke Webmaster Google, dan pastikan blog anda sudah terdaftar di webmaster
2. Pada halaman awal, klik url blog anda yang terdaftar di webmaster
3. Kemudian pilih Perayapan > Peta Situs > Tambahkan/Uji Peta situs (Submit Sitemap)

4. Pada kolom sitemap isi dengan feed atom.xml dibawah ini :

atom.xml?redirect=false&start-index=1&max-results=500

Jika artikel anda sudah melebihi 500, ganti dengan 1000.

5. Jika sudah klik Mengirim peta situs

Setelah anda selesai mensubmit sitemap akan ada pemberitahuan bawha sitemap anda telah terkirim, setelah itu anda hanya tinggal menunggu proses index kurang lebih satu hari. untuk lebih detailnya klik Check untuk melihat hasil Uji peta situs anda.

Penting nya cara ini adalah untuk lebih memaksimalkan pengindex di Google, supaya artikel kita cepat muncul di mesin pencari tanpa harus menunggu lama. Semoga bermanfaat sobat..

Read More »

4 Comments

VeRZaW#021 Tutorial Blogger

Cara Meverifikasi Blog / Web di Google

Hallo sobat, Kali ini saya akan share Cara supaya Blog kita terverifikasi oleh Google, coba kalau membuat blog tapi belum di setujui oleh search engine sebesar Google, rasanya percuma kan. Sudah banyak posting tapi masih belum juga di index atau masuk dalam peredaran google. nah sekarang saya akan share Tutorialnya untuk dapat terindex dan masuk ke dalam peredaran google ada caranya. Salah satunya memverifikasi blog kita di google lewat google webmaster tools. Silahkan ikuti langkah berikut ini:

1. Kunjungi situs https://www.google.com/webmasters/verification/home?hl=en
2. Pilih blog yang akan kita verifikasi dengan mengklik tulisan "Verification Details".

3. Lalu pilih atau klik link yang bertuliskan "Verify using a different method".

4. Lalu ada beberapa pilihan "Verification Methods"
5. Pilih yang "HTML Tag"
6. Nanti kita akan dapatkan script meta tag yang harus kita letakkan di blog kita.

7. Sebelumnya menekan Tombol "Verifiy", kalian salin script meta tag tersebut dan pastekan di dalam blog kalian, caranya:

• Login Ke Blogger
• Masuk ke Template
• Edit HTML
• Lalu Taruh script meta tag yang tadi kalian dapat di atas kode <b:skin><![CDATA[
• Lalu Simpan.

8. Kembali ke verifikasi google, lalu kalian klik "Verify"
9. Selesai

Cukup mudah bukan untuk dapat di verifikasi oleh google? Selamat mencoba sobat jangan lupa follow and koment ya :D

Read More »

1 Comment

VeRZaW#021 Tutorial Blogger

Cara Backlink Berkualitas dari W3 Directory New !

Backlink bisa di artikan sebuah script link yang disusun berisi alamat suatu web/blog, yang dipasangkan ke dalam suatu situs/blog tertentu. Kenapa kita harus membangun sebuah backlink? Karena backlink sendiri memiliki manfaat untuk menaikkan PageRank blog kita di dalam suatu mesin pencari seperti Google, Yahoo, Ask dll.

W3 Directory adalah salah satu web directory yang memberikan backlink gratis dan ampuh bagi para penggunanya. Cukup dengan submit beberapa artikel anda saja tanpa perlu submit semuanya, sobat akan mendapat backlink secara Gratis dan terus bertambah tiap bulan. backlink dari w3 directory ternyata terindek oleh Mbah Google dan mesin/tools pengecek backlink.

Cara Mendapat Backlink Gratis Berkualitas hanya tinggal ikuti langka berikut ini :

1. Masuk Ke w3-directory

2. Setelah itu sobat pilih Add a web site

3. Isi form untuk Add a web site tersebut 

• URL : alamat blog / link blog.
• title : nama blog.
• description : deskripsi blog sobat.
• keywords : kata kunci yang menggambarkan blog sobat.
• identity :isi dengan nama sobat.
• email : email sobat (valid).
• return link / back link : link untuk mendapatkan backlink dari w3 directory, isi sesuai URL tadi.
• country : papua nugini Indonesia.
• Heading 1 : kategori utama untuk blog sobat
• kemudian klik  Submit my web site

Catatan : setiap ada tanda bintang (*) artinya wajib diisi. 

     Karena backlink ini adalah salah satu backylink garis yng berkualitas terbaik maka tentu tidak serta merta kita langsung mendapatkan backlink. backlink dari w3 directory bersifat 2 arah. maksudnya adalah kita akan mendapatkan backlink jika ada yang melakukan vote terhadap kita di w3 directory tersebut. 

jadi sobat harus kreatif mencari cara agar banyak vote untuk memdapatkan banyak backlink gratis yang berkualitas. dan salah satu cara dapat backlink gratis berkualitas ini dengan share link di facebook atau di forum forum yang sobat ikuti

Sekian semoga artikel ini bermanfaat bagi sobat semua, jangan lupa ya share / komentar di blog sya :D satu lagi Follow Blog saya ya gan :D sampai jumpa ..

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger

Cara Memasang Anti COPAS (Copy Paste) Pada Blogger

kali ini saya admin yang ganteng ini :D xixixi akan share tutorial blogger yang namanya Cara Ampuh Memasang Anti Copy Paste pada Blog ,mau tau caranya ayoo buruan baca artikelnya :D 

1. Bukalah akun blogger kawan-lawan Mas Bro.
2. Masuklah ke Elemen Template, Lalu pilih Edit HTML.
3. Carilah kode </head> *gunakan CTRL + F untuk pencarian lebih cepat.
4. Copylah Kode Script di bawah ini, lalu letakkan (paste) tepat di atas kode </head> tadi.

<SCRIPT type='text/javascript'>
if (typeof document.onselectstart!=&quot;undefined&quot;) {
document.onselectstart=new Function (&quot;return false&quot;);
}
else{
document.onmousedown=new Function (&quot;return false&quot;);
document.onmouseup=new Function (&quot;return true&quot;);
}
</SCRIPT>

5. Bila sudah, simpan template anda Mas Bro.
6. Selesai, dan lihat hasilnya apakah tombol klik kanan pada mouse anda berfunsgi atau tidak. Kalau tidak berfungsi artinya kode diatas berhasil. Maksudnya apakah anda bisa copas artikel yang anda buat? Kalo tidak bisa, berarti berhasil tips di atas.

sekian tutorial dari saya bro, semoga bermanfaat ya :)

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger

Cara Memasang Widget Contact Form di Halaman Statis Blogger !!

Seperti yang kita tahu bahwa blogger beberapa hari yang lalu telah merilis salah satu fitur baru yaitu widget contact form. Namun sayangnya widget tersebut hanya dapat ditaruh di sidebar, tidak dapat ditaruh di dalam postingan maupun di halaman khusus (halaman statis). Nah, kali ini saya ingin memberikan sedikit trik Cara Memasang Widget Contact Form di Halaman Statis Blogger.

Trik ini bukan saya yang bikin pastinya :p. Trik ini saya ambil dari suatu blog yang dirahasiakan :D Gak tahu deh sumber aslinya dari mana. Beberapa blogger Indonesia juga sudah banyak yang mempostingnya, jadi bingung saya mau ngasih sumber ke yang mana :D.

Ok, langsung saja berikut ini caranya:

1. Langkah Pertama: Menambah Gadget Contact Form

Tambah Gadget Baru

Pilih Widget  Formulir Kontak

Klik Simpan

Setelah itu selesai menambahkan widgetnya, sekarang Drag Widget Contact Form tadi ke bawah kotak posting 

Drag Widget Ke Bawah

2. Langkah Kedua: Menyembunyikan Widget Contact Form dengan CSS

copy kode ini:

.widget.ContactForm {
display: none;
}

Masuk ke menu Template dan klik Edit HTML. setelah itu pastekan kode di atas tadi di atas kode ini:

]]></b:skin>

3. Langkah Ketiga: Membuat Halaman Statis

masuk ke menu Laman, dan buatlah laman kosong baru:

Di dalam editor, pilih mode HTML dan copy pastekan kode di bawah ini:

<style type="text/css">
 .widget.ContactForm {
 display: block;
 }
 .post-footer {
 display: none;
 }
 #blog-pager {
 display: none;
 }
 .blog-feeds {
 display: none;
 }
 .widget.ContactForm .title {
 display: none;
 }
 .widget.ContactForm * {
 max-width: 100%;
 }
 </style>

Setelah itu klik Publikasikan

4. Langkah Keempat: Selesai Broo...

kalau belum bisa-bisa juga silahkan bisa bertanya dengan saya admin blog yang ganteng ini :D sampai jumpa sampai bertemu di Artikel selanjutnya :D 

-----------------------------[+]

Cara membuat contact Form,Contact Form di Blogger,Cara membuat contact Form di Blogger,Contact form gratis,Cara terbaru membuat contact form di Blogger,Tutorial Blogger dll

Read More »

2 Comments

VeRZaW#021 Tutorial Blogger

Cara Menampilkan Widget di Template Seluler Blogspot ! New !!

Pada kesempatan ini saya akan share Tutorial Blogger yaitu Menampilkan Widget di Template Seluler Blogspot :) ,Langsung saja yak kita prektekkan.Ceekiidoottt ...>>

Dalam keadaan default widget yang ditampilkan di template atau tampilan versi seluler adalah:

1. Header
2. Blog
3. Profil
4. PageList
5. AdSense
6. Atribusi

Nah, mungkin sobat ingin menampilkan beberapa widget baru di template versi seluler. Caranya sangat mudah sekali, yaitu cukup menambahkan Property baru di dalam tag <b:widget/>

Sebagai contah, jika sobat ingin menampilkan widget Popular Post di template seluler, maka pertama tentunya sobat harus menambahkan widget tersebut melalui menu edit tata letak.

Kurang lebih kode widget Popular Post di dalam template sobat adalah seperti ini:

<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>

Untuk menampilkannya di template seluler, sobat perlu menambahkan property baru pada tag widget tersebut, yaitu mobile. Property mobile ini sendiri memiliki tiga nilai, yaitu Yes, No, danOnly. Dan seperti inilah penerapannya:

<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'> 

Kode di atas adalah contoh untuk menampilkan widget popular post di template seluler dan juga tampil di tampilan versi desktop. Dan jika ingin membuat widget popular post hanya tampil di template versi seluler, maka kodenya adalah seperti ini:

<b:widget id='PopularPosts3' mobile='only' locked='false' title='Entri Populer' type='PopularPosts'>

Atau ingin menyembunyikan widget pada tamplate versi seluler, maka kodenya adalah seperti ini:

<b:widget id='PopularPosts3' mobile='no' locked='false' title='Entri Populer' type='PopularPosts'>

Selain dengan cara di atas, kita juga bisa menampilkan widget atau elemen khusus pada template versi seluler dengan menggunakan tag condition. Tag condition tersebut adalah seperti ini:

<b:if cond='data:blog.isMobile'>
Elemen yang akan tampil di template seluler
</b:if>

Tag tersebut akan menampilkan sebuah elemen hanya pada template seluler. sekian dulu Tutorial dari saya semoga Bermanfaat :D

Read More »

11 Comments

VeRZaW#021 Tutorial Blogger

Cara Membuat Widget Back to Top !

Setelah saya posting tadi tentang Download Simple Faster V2 Free !! nah kali ini saya mau kasih widget back to top yg ringan ,dah pada tau kan widget Back to Top ?? itu lho widget yang kalau di klik kembali ke halaman atas ok lah kalau masih binggung langsung saja di Coba ya :D nih sob mau tau kya apaan? Cekibrott :D

CARANYA

1. masuk ke blogger
2. ambil template
3. edit html
4. cari code  ]]></b:skin>
5. copy code dibawah di ATAS/SEBELUM ]]></b:skin>

#bs-bt-top-nav {position: fixed;cursor: pointer;background: rgba(0, 0, 0, 0.78);color: white;padding: 10px 20px;border-radius: 3px;bottom: 22px;right: 90%;}
#topcontent {margin-bottom: 10px;}
.c_images img {width: 57px;height: 57px;}
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
<!--Widget By www.bloggerspice.com-->

   6.nah udah setelah itu cari code  </body> 
   7.nah letakan kode dibawah tpt di SEBELUM ATAU SESUDAH </body> 

<a id='bs-bt-top-nav' title='Back to top'>Back to top</a>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function() {
    if($(this).scrollTop() > 200) {
        $('#bs-bt-top-nav').show();
    } else {
        $('#bs-bt-top-nav').hide();
    }
});
$('#bs-bt-top-nav').hide().click(function() {
    $('html, body').animate({scrollTop:0}, 1000);
    return false;
});
//]]>
</script>

NAH SAVE DEH
semoga bermanfaat kalau masih belum Donkk ,, silahkan bertanya dengan cara berkomentar di bwah artikel ini :D

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger

Cara Menghilangkan Widget Attribution Blogger

Pada episode yang lalu saya sudah menerangkan tentang kemunculan widget attribution blogger dan cara memindahkanya, pada episode kali ini pun masih membahas tentang widget attribution blogger namun yang saya bahas kali ini adalah cara menghilangkanya.

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.

pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#Attribution1 {height:0px; visibility:hidden;display:none}

Tinggal SAVE deh.

Dan jika Anda menggunakan code CSS di postingan ini, tinggal ganti code yang berwarna biru dengan code diatas.

Sekian dan terima kasih 

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger

Cara Lengkap Mendesain Blog Blogger di Mobile (Ponsel) 2013

Hay Sobat kali ini saya akan berbagi tentang bagaimana merancang blog blogger di Mobile atau Handphone dan penjelasan tentang strukturtemplate seluler. Ok tanpa banyak kata, saya akan berbagi sekarang.

Langkah Mendesain Blog Blogger di Mobile atau Handphone :

1. Buka akun blogger Anda
2. Masuk ke menu edit HTML, jangan lupa centang expand template widget
3. Cari kode dibawah ini :

<body> 

     5.  Ganti kode tersebut dengan kode dibawah ini :

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 

Untuk memanggil selector ponsel di blogger Anda perlu membuat seperti ini:

.mobile .class {property: value;}

atau

.mobile #id {property: value;}

untuk tag kondisional mobile seperti ini:

<b:if cond='data:blog.pageType == "data:blog.isMobile"'>

Cara Membuat Tata Letak Anda Responsif :

Untuk desain yang Anda perlu tahu CSS tentu saja, dan Anda perlu untuk mengetahui struktur template Anda.
Untuk gaya responsif, saya akan memberitahu Anda beberapa dasar untuk desain responsif.

Jika Anda ingin membuat wrapper Anda responsif, hal penting pertama adalah #outer-wrapper. Kemudian untuk membuat #outer-wrapper agar responsif, Anda dapat menggunakan seperti ini:

.mobile #outer-wrapper {max-width: 630px; width: auto;}

atau

.mobile #outer-wrapper, .mobile #main-wrapper, .mobile #sidebar-wrapper {float: none; width: auto;}

Cara Mengedit Tata Letak HTML Melalui Ponsel

Tata letak HTML posting mobile di widget posting, jika Anda ingin mengedit tata letak, hanya mengedit seperti ini:

Hompage HTML di Ponsel:

<b:includable id='mobile-index-post' var='post'>

Halaman Postingan di Ponsel:

<b:includable id='mobile-post' var='post'>

Cara Menampilkan Widget di Ponsel

Untuk menampilkan widget di ponsel, pada tag <b:widget>, hanya menambahkan atribut ini:

mobile='only'

Untuk menampilkan widget di desktop dan mobile, pada tag <b:widget>, hanya menambahkan atribut ini:

mobile='yes'

Langkah terakhir, save template Anda.

Terima kasih, semoga bermanfaat. Jangan lupa komentarnya ya sobat + Follow Blog me :D

Read More »

4 Comments

VeRZaW#021 Tutorial Blogger

Cara Membuat Menu Bar Keren 2013 Part 2

Haloo teman-teman, seperti yang saya tulis sebelumnya mengenai Cara Membuat Menu Bar Keren 2013 Part 1, namun kali ini saya akan menuliskan Cara Membuat Menu Bar Keren 2013 Part 2 yang pastinya cukup keren untuk blog/situs Anda. Jadi tunggu apa lagi, simak saja!

Si Itam Menu Bar Keren dan Simpel untuk Blogger:

1. Buka akun Blogger Anda
2. Masuk ke menu edit HTML, cari kode dibawah ini:

]]></b:skin>

     3.  Pastekan kode dibawah ini, diatas pada kode diatas:

#si-itam{width:900px;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_dlohDKdOPfoSM6G0tYl76h_U7atJi99axrVfa-mkDUyRI_A0T92AIKNihw6s6vdY7jilB0zKoHMwjG0Y7bIbL74lp1QqcspZ3r-1tz2qowGZMc-k2hIWwsxwXap52-g1o6dHk0lxhRI/s1600/btrixfooter_bg.png) repeat-x scroll top;color:#ddd;height:35px;-webkit-box-shadow:0 1px 5px #aaa;-moz-box-shadow:0 1px 5px #aaa;-ms-box-shadow:0 1px 5px #aaa;-o-box-shadow:0 1px 5px #aaa;box-shadow:0 1px 5px #aaa;border-bottom:1px solid #000;padding-top:8px;border:none 5px #000000;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#si-itam ul,#si-itam li{margin:0 auto;padding:0 0;list-style:none}
#si-itam ul{height:35px;width:980px}
#si-itam li{float:left;display:inline;position:relative;font:14px Skranji;text-transform:uppercase;}
#si-itam a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#ddd;}
#si-itam li a:hover{color:#fff}
#si-itam input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#si-itam label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#si-itam label span{font-size:12px;position:absolute;left:35px}
#si-itam ul.menus{height:auto;overflow:hidden;width:180px;background:#f1eeed url(http://3.bp.blogspot.com/-7ppDp44Yxtc/UUa_IMHEhpI/AAAAAAAAAjQ/F9QEGUl5S3w/s1600/index.png);position:absolute;z-index:99;display:none;}
#si-itam ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;text-shadow:none}
#si-itam ul.menus a{color:#333}
#si-itam li:hover ul.menus{display:block}
#si-itam a.prett{padding:0 27px 0 14px}
#si-itam a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#ddd transparent transparent transparent;position:absolute;top:14px;right:9px}
#si-itam ul.menus a:hover{background:#ddd;color:#333}
.page-si-itam{width:70%;margin:18px auto;padding:0;float:right;text-shadow:0 1px 0 rgba(0,0,0,0.7)}
.page-si-itam ul{list-style:none;color:#ddd;width:700px;margin:0 auto;padding:0}
.page-si-itam ul li{list-style:none;line-height:32px;display:inline-block}
.page-si-itam li a{color:#ddd;display:block;font-size:14px;font-family:Arial;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px}
.page-si-itam li a:hover,.page-si-itam .selected{color:#fff;text-decoration:none;background: rgba(0,0,0,.4);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset}

      4.  Letakkan kode berikut ini pada letak yang Anda inginkan.

<div id="si-itam">
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a class="prett" href="#">Drop list</a>
<ul class="menus">
<li><a href="#">Drop list 1</a></li>
<li><a href="#">Drop list 2</a></li>
<li><a href="#">Drop list 3</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a></li>
<li><a class="prett" href="#">Drop list 1</a>
<ul class="menus">
<li><a href="#">Drop list 1</a></li>
<li><a href="#">Drop list 2</a></li>
<li><a href="#">Drop list 3</a></li>
</ul>
</li>
</ul>
</div>

Keterangan:

• Jika Anda ingin meletakkan di bawah header, paste dibawah kode: <div id='header-wrapper'>

Maka, demikianlah artikel Si Itam Menu Bar Keren dan Simpel untuk Blogger, semoga dapat membantu Anda untuk lebih paham. Terima kasih telah membaca artikel diatas.

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger

Cara Membuat Menu Bar Keren 2013 Part 1

Hai sobat blogger, tutorial kali ini kita akan membahas menu bar yang cukup keren dan simpel untuk Anda gunakan yang diberikan dengan nama Si Itam Menu Bar Keren dan Simpel untuk Blogger. Simak & lakukan saja!

Cara Menerapkan Si Biru Menubar Keren untuk Blogger:

1. Buka akun blogger Anda.
2. Masuk ke menu edit HTML
3. Cari kode dibawah ini:

]]></b:skin>

     4.  Pastekan kode dibawah ini, diatas pada kode diatas:

#si_biru {
 width:800px;
 background:#166bea;
 border-bottom: 5px solid #993300;
 border-top: 1px solid #e14d09;
 clear: both;
 overflow: hidden;
-moz-box-shadow: 2px 3px 5px #000000;
-webkit-box-shadow: 2px 3px 5px #000000;
box-shadow: 2px 3px 5px #000000;
border:none 5px #000000;
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright:16px;
-moz-border-radius-bottomleft:16px;
-moz-border-radius-bottomright:16px;
-webkit-border-top-left-radius:16px;
-webkit-border-top-right-radius:16px;
-webkit-border-bottom-left-radius:16px;
-webkit-border-bottom-right-radius:16px;
border-top-left-radius:16px;
border-top-right-radius:16px;
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
 }
 #si_biru ul {
 float: left;
 width: 100%;
 }
 #si_biru li {
 float: left;
 list-style-type: none;
 }
 #si_biru li a {
 background:#166bea;
 color: #fff;
 display: block;
 font-size: 14px;
 padding: 5px 17px 5px 15px;
 position: relative;
 text-decoration: none;
 }
 #si_biru li a:hover {
 background:#002660;
 color: #fff;
 }
 #si_biru li li a {
 background: none;
 background-color: #0d56c4;
 border: 1px solid #0d408d;
 border-top-width: 0;
 color: #fff;
 font-size: 14px;
 padding: 5px 10px;
 position: relative;
 text-transform: none;
 width: 130px;
 }
 #si_biru li li a:hover {
 background: none;
 background-color: #166bea;
 }
 #si_biru li ul {
 height: auto;
 left: -9999px;
 margin: 0 0 0 -1px;
 position: absolute;
 width: 160px;
 z-index: 9999;
 }
 #si_biru li:hover ul {
 left: auto;
 }  

    5.  Lalu cari kode dibawah ini:

<div id='content-wrapper'>

    6. Tepat diatasnya pastekan kode dibawah ini:

<div id="si_biru">
<li><a href="#">Home</a></li>
<li><a href="#">Sub Menu 1</a>
 <ul>
<li><a href="#"> Menu 1</a></li>
<li><a href="#"> Menu 2</a></li>
<li><a href="#"> Menu 3</a></li>
</ul>
</li>
<li><a href="#">Sub Menu 2</a>
 <ul>
<li><a href="#"> Menu 1</a></li>
<li><a href="#"> Menu 2</a></li>
<li><a href="#"> Menu 3</a></li>
</ul>
</li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="http://d-copy.blogspot.com/">Menu 5</a></li>
</div>

      7.  Ganti "#" dengan URL yang Anda ingingkan

      8.  Save template Anda.

Maka, demikianlah artikel Si Biru Menubar Keren untuk Blogger, semoga dapat membantu Anda untuk lebih paham. Terima kasih telah membaca artikel diatas.

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger

7 Backlink Generator Gratis 2013 !

Pada kali ini kita akan membahas 7 Backlink Generator Gratis, Mudah dan Cepat - 500 Search Engine yang akan sangat memudahkan Anda untuk mendapatkan backlink secara cuma-cuma dan sangat mudah untuk melakukan penyubmittan kesitus-situs backlink generator dibawah ini :

1. http://freebacklinktool.com/
2. http://freesubmits.co.cc/
3. http://marketingblogonline.com/autobacklinks/
4. http://onestopinjector.com/backlink/
5. http://marketingblogonline.com/feedbacklinks/
6. http://users5.nofeehost.com/
7. http://www.webmasterdeck.com/tools/wsbacklinker/

Demikianlah 7 Backlink Generator Gratis, Mudah dan Cepat - 500 Search Engine, semoga menginpirasi Anda untuk lebih banyak mencari banyak refrensi. Terima kasih atas waktu Anda membaca artikel diatas.

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger

Cara Cepat Meningkatkan PageRank Blog

Memang PageRank bukanlah tujuan saya dalam membuat sebuah blog karena tujuan awal saya adalah membuat satu blog ini hanya satu kesenangan sebagai pengisi waktu luang. Terus terang saya pribadi tidak mengerti dengan yang namanya Trik Menaikkan Page Rank Dengan Cepat Pada Blogspot yang saya tahu adalah saya kepengen ngeblog dengan kata hati saya saja kalau lagi kepengen nulis ya nulis kalau lagi males juga ga apa. Nah kali ini saya mau jadi SOK JAGO padahal Page Rank saya saja masih kecil. Tapi biar kecil yang penting nekat :p (weekk..). Silahkan anda simak baik - baik!.

1. Kirimkan Blog Anda Ke Situs Direktori

Dalam rangka meningkatkan Page Rank Anda harus memiliki tinta berkualitas tinggi yaitu backlink. Cara terbaik untuk menghasilkan tinta backlink berkualitas adalah untuk mengirimkan situs Anda pada direktori web yang berbeda dan direktori artikel.

2. Tamu Posting

Ini adalah salah satu teknik yang paling sering digunakan dan terbaik untuk meningkatkan Page Rank. Blog Kebanyakan pilihan tamu posting di mana Anda dapat memposting di blog mereka dan mendapatkan dua atau tiga backlink di kembali ke blog atau website Anda ini benar-benar membantu jika Anda posting di Blog Page Rank yang baik dengan tema  yang sama seperti milik Anda.

3. Tukar Link

Ini adalah salah satu teknik yang paling tua tetapi masih bekerja, dalam rangka untuk mendapatkan PageRank yang baik Anda harus mendapatkan situs Page Rank yang lebih tinggi untuk link ke situs Anda, melalui ini Anda terlebih dahulu akan mendapatkan Page Rank yang baik dan akan mendapatkan traffic dari situs tersebut. 

4. Update Terus Blog Anda

Google benar-benar menyukai Situs yang membuat konten mereka segar dan unik. Semakin Anda posting, yang lainnya akan menjelajah situs Anda dan lebih banyak kesempatan bagi Anda untuk meningkatkan peringkat halaman.

5. Berkomentar Pada Blog Lainnya

Mengomentari adalah proses yang sangat penting dalam menghasilkan Page Rank yang baik. Dalam Komunitas Blogging Anda harus sangat aktif secara sosial. Beberapa Blog/website Do-Follow, yang dapat membantu Anda menghasilkan kembali link ke situs Anda dengan hanya mengomentari posting mereka. Saat ini sebagian besar blog/website memiliki Plugin CommentLuv diinstal pada situs mereka yang secara otomatis menempatkan link ke posting blog terakhir mereka pada akhir komentar mereka. 

6. Social Bookmarking

Social Bookmarking adalah metode yang sangat efektif untuk meningkatkan Page Rank karena dengan berbagi Situs Anda di Situs Sosial yang berbeda Anda akan mendapatkan Backlink gratis dan Lalu Lintas. Beberapa Situs paling populer Social Bookmarking adalah:

Facebook
Google Plus
Squidoo
Digg
Hub Pages
Stumble Upon

7. Aksesibilitas Situs Web/blog

Jika Website Anda sedang down untuk jangka waktu yang panjang, Google dapat mengurangi peringkat situs Anda. Jadi Anda harus selalu menjaga Website Anda diakses.

8. Menggunakan Kata Kunci Umumnya Dicari

Seperti Anda tahu orang-orang mencari menggunakan kata kunci dan bukan kalimat penuh sehingga jika Anda telah menggunakan kata kunci yang sangat sering dicari maka Anda mendapatkan kesempatan yang lebih tinggi dari situs Anda yang dikunjungi dan PENGUNJUNG LEBIH = RANK HALAMAN LEBIH BAIK.

9. Situs Iklan

Anda dapat membuat Iklan atau banner untuk situs Anda dan beriklan di situs yang berbeda, melalui ini Anda akan mendapatkan link kembali baik dan lalu lintas.

10. Buat Multiple Pages

Jika Anda membuat Halaman beberapa di Situs Anda ini akan memperkuat internal Anda menghubungkan dan pada akhirnya akan meningkatkan Page Rank.

11. Berpartisipasi Dalam Forum

Google mencintai forum yang paling sering diperbarui dan dengan mendapatkan link kembali dari forum ini Anda akan berhasil pada Page Rank meningkat.

12. Menggunakan Signatures

Anda dapat menambahkan link ke website Anda dalam tanda tangan online Anda. Misalnya, Anda dapat menambahkan tanda tangan di email Anda dan posting forum tapi jangan mencoba untuk spam karena Anda bisa diblokir.

13. Kapan saat Google Re-Evaluasi Page Rank? 

Google Re-Evaluasi Page Rank sekitar Tiga sampai empat kali per tahun, sehingga hampir setiap Tiga bulan  Google Page Rank Anda menghitung lagi.

14. Jangan Gunakan Taktik Ilegal 

Menggunakan taktik ilegal bisa membuat Anda dilarang dari Google dan Google sangat pintar sehingga tidak pernah berpikir bahwa Anda bisa menipu Google karena jika mereka mengetahui bahwa Anda menggunakan teknik ilegal yang bertentangan dengan kebijakan mereka, mereka akan memblokir Anda. Taktik Illegal yg dimaksud misalnya adalah membuat Auto Generated Content.

Itulah tadi beberapa Cara Cepat Meningkatkan PageRank Blog. Semoga artikel ini dapat membantu anda. Terima kasih.

Read More »

Add Comment

VeRZaW#021 Tutorial Blogger