Friday, November 14, 2014

, , , ,

7 Tips and Trick Agar Blog Muncul di Google Dengan Cepat



Ketika mengecek di google, blog baru yang baru kita buat masih belum terlihat padahal kita sudah memposting artikel terbaru kita tadi, sehingga pastilah kita bertanya-tanyabagaimana agar blog kita muncul di google atau cara agar blog muncul di halaman pertama google.



Search engine memiliki cara yang unik dalam mengindeks blog kalian, yaitu dengan merayapi atau meng-crawl kode-kode dalam web atau blog satu persatu, tiap hari 1x24 jam.

Kalian dapat membayangkan bagaimana lamanya seacrh engine mengindeks agar sampai ke blog kalian kan, maka dari itu kalian perlu cara-cara khusus agar search engine cepat menemukan blog kalian dan taraaa... artikel anda muncul di google search. Tanpa basa-basi langsung semak berikut ini...

7 Tips and Trick agar blog muncul di halaman pertama google dan terindeks cepat di google

1. Submit URL ke Google Websmaster Tool
Jika anda memiliki artikel baru, beri tahu google dengan melakukan submit ke url ini

2. Melakukan Ping otomatis atau manual ke google. Ini dilakukan untuk memanggil googlebot agar segera menjelajahi blog kita ketika ada pembaruan posting sehingga blog baru atau artikel baru kita bisa lebih cepat terindeks.

3. Mensubmit blog ke 3000 link sekaligus. Tapi untuk blog baru mulai dari pilihan yang terkecil dulu dan bertahap.

4. Mengirim sitemap blog ke google webmaster, masuk ke Beranda Googel Webmaster Tool.
isikan url/website kalian di kolom yang telah disediakan.

5. Menghilangkan crawl eror di webmaster tool kesalahan perayapan merupakan salah satu penyebab berkurangnya laju kecepatan pengindeksan search engine google. Oleh sabab itu kalian perlu memperbaikinya.

6. Memilih struktur template yang sederhana dan tidak berat guna mempercepat loading blog anda sehingga search engine google lebih mudah merayapi blog kalian.

7. Artikel yang kalian posting sebisa mungkin bukan berasal dari kata copy paste namun buatlah artikel yang unik dan menarik yang disenangani pembaca. Kalian bisa mengambil beberapa referensi di google dan menggabungkannya dengan kalimat kalian sendiri.

Menurut saya itu beberapa cara agar blog kita dapat terindeks cepat di google atau bahkan cara agar blog kita muncul di halaman pertama google. 
Continue reading

Mensubmit Blog Kita Ke 3000+ Link Sekaligus



Tujuan dari submit ini adalah untuk mendapatkan backlink sehingga mempercepat blog terindeks google. Jenis backlink yang diperoleh adalah satu arah.

Langsung saja tanpa basa basi lagi ikuti cara dibawah ini untuk prosesnya..

1. Masuk ke http://www.imtalk.org/
2. Masukkan url (alamat) website/blog kamu ke kotak yang ada



3. Masukkan kata kunci (keyword) yang mewakili blog kamu, sehingga mudah dicari search engine dan usahakan pakai bahasa inggris.

4. Pada Pilihan Limit the number of created pages, bisa kamu pilih sesuai keinginan, yang jelas makin banyak maka makin lama prosesnya

5. Klik submit dan tunggu hingga proses selesai tapi browser jangan ditutup.


Memang agak lama untuk prosesnya jadi bisa ditinggal ngopi dulu diwarung sambil membuat artikel baru lainnya (hehe)
Semoga membantu dan blog kita bisa cepat terindeks google.
Continue reading

Membuat Live link di komentar menjadi nofollow



no follow link comment

Link hidup atau pun juga Link Open Id dari komentar blog sering sekali terdapat pada kotak komentar kita apalagi sebuah blog yang ramai pengunjung dan komentar pasti semakin banyak mendapat Live link maupun open id.

Biasanya para pengunjung yang berkomentar khususnya dari blogger maupun situs web lain berkomentar dalam upaya untuk mendapatkan backlink dari kita,permasalahannya adalah jika link tersebut yang di pasang mereka error atau sudah mati mengakibatkan blog kita mendapatkan broken link ,Sedangkan Google sendiri paling tidak menyukai dengan sebuah blog atau web yang memiliki broken link sehingga SEO blog kita pun menjadi menurun.

Sebenarnya tak hanya untuk blog permasalahan ini pun juga bisa di dapatkan dariwordpress maupun platform web lainnya, Jika link dari komentar tersebut bersifatnofollow masih mending yang artinya blog kita melarang mesin pencari untuk menelusuri link tersebut melainkan hanya mengindeks isi komentar saja.

Secara Default Settingan komentar kita pada Live link ataupun Open ID bersifatDOFOLLOW , yang artinya mengizinkan mesin pencari seperti google untuk mengcrawl dan mengindek Livelink tersebut,tetapi jika livelink tersebut sudah mati ayaupun error sehingga mengakibatkan Broken link. Lalu bagai mana cara membuat Link di komentar menjadi nofollow ??

Tutorial


  • Masuk ke Akun BLog anda kemudian menuju Template > Edit HTML
  • Kemudian temukan kode yang seperti di bawah ini :
expr:href='data:post.createLinkUrl'
  • JIka sudah ketemu silahkan anda ganti dengan kode di bawah ini :
rel='external nofollow' expr:href='data:post.createLinkUrl'
  • Save template

Last note


Kini Komentar blog anda sudah bersifat nofollow , anda dapat mencheck berapa banyak broken link pada blog anda di situs – situs penyedia layanan tersebut , cari saja di google banyak , saya kira itu saja dulu yang dapat saya sampaikan terimakasih atas kunjungannya :c:mungkin anda juga ingin membaca cara membuat komentar facebook dan blog berdampingan
Continue reading
, , ,

Membuat Komentar Facebook di Blog berdampingan



Membuat Komentar Facebook di Blog selain dapat membuat blog terlihat lebih bagus dan rapih, para pengunjung pun akan lebih di mudahkan dalam berinteraksi dengan anda melalui Kotak komentar karena sebagian pengunjung anda pastinya ada yang sudah login ke akun Facebook, jadi mereka pun akan ebih mudah berkomentar.

Tetapi jika kita menambahkan komentar Facebook dan etap mempertahankan Kotak komentar Default blog tentu akan membuat blog keliatan tidak dinamis karena terlalu memanjang ke bawah, nah oleh sebab itu saya akan memberikan Cara Membuat Komentar Facebook Berdampingan dengan Komentar Blog.

Berikut adalah Screenshot nya


Membuat Komentar Facebook Berdampingan dengan Komentar Blog
Bagaimana ingin mencoba Komentar berdampingan tersebut.
1. Login ke Blog
2. Rancangan - Edit HTML
3. Untuk menghindari keselahan, Backup template anda terlebih dahulu dengan Download lengkap
4. Centang "Expand Template Widget"
5. Cari Kode <div class='comments' id='comments'>
Biasanya akan terdapat 2 kode tersebut di template anda
Copy kode di bawah ini tepat di bawah kode <div class='comments' id='comments'> yang ke 2

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

2 : Jumlah Komentar Facebook yang akan di tampilkan
400 : Lebar Komentar Facebook

6. Lalu Cari kode </head>
Copy Kode dibawah ini tepat diatas kode </head>

 <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Facebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

ID Facebook : Ganti dengan ID Facebook anda yang terletak di bagian belakang browser URL Profil Facebook anda, Misalkan http://www.facebook.com/Fendistinks ID Facebooknya adalah Fendistinkls

7. Cari kode /* Comment atau #comments
Setiap Template mempunyai struktur kode yang berbeda-beda, jadi cari saja kode yang mirip dengan kode diatas
Copy kode berikut di bawah kode diatas tadi

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

8. Simpan

Selesai, sekarang anda sudah mempunyai Komentar Facebook Berdampingan dengan Komentar Blog :c:
Continue reading

Cara Memperbaiki Validasi HTML Error Blogger (Update)

Cara Memperbaiki Validasi HTML Error pada Template Blogger. Memperbaiki Validasi merupakan hal yang bisa membuat galau banget. Terutama bagi yang masih Newbie. Saya sendiri pengalaman berhari-hari mengorbankan waktu, bahkan segalanya jadi lupa daratan gara-gara banyaknya Error pada kode HTML Template Blogger.

Namun ada kepuasan tersendiri jika saya berhasil membuat Template Blog Saya Lulus Validasi. Namun Bagi yang masih ragu untuk memperbaiki Kode-kode yang Error, ada beberapa pertanyaan yang biasanya akan ditanya oleh blogger.

Apa itu Markup Validation?

Cara Memperbaiki Validasi HTML Error pada Template Blogger
Mayoritas halaman Website di World Wide Web tertulis dengan bahasa komputer  seperti bahasa HTML yang Terdiri dari struktur teks, konten, multimedia, template, dan lain-lain.

Setiap bahasa memiliki tata bahasa, kosa kata, struktur tersendiri. Setiap Bahasa harus tertulis dengan aturan. Maka semua bahasa (termasuk HTML) yang tidak sesuai dengan aturan bahasa HTML akan dianggap Error, alias ada kesalahan dalam aturan bahasa. 


Dalam Proses Verifikasi akan memeriksa/mengecek kesalahan. Istilah tersebut bisa disebut Validasi. Apabila bahasa HTML dalam template sukses lulus, maka disebut Valid.


http://validator.w3.org mendefinisikan " validasi markup " sebagai proses pemeriksaan dokumen Web terhadap tata bahasa yang standart.

Apa Manfaat dari Lulusnya Validasi Template kita?

Manfaatnya tidak begitu sangat mempengaruhi trafick/pengunjung yang datang ke Wesite, namun Validasi ini lebih tertuju pada elektabilitas Website. Berikut Manfaat Lulus Validasi Template:
#1. Loading page lebih cepat. Jika halaman web Anda terdapat kesalahan html, maka akan memakan waktu lebih lama untuk mesin pencari melakukan proses menampilkan halaman Website.
#2. Lebih Kompatibilitas terhadap Browser. Kompatiilitas adalah keadaan untuk menyesuaikan diri. Artinya Website anda bisa cepat menyesuaikan dengan Browser karena lebih ramah. Sebuah Website yang valid lebih mungkin untuk dapat diakses oleh semua jenis browser, platform.
#3. Professional. Lulus Validasi melambangkan ke-profesional-an Website. Website yang Lulus Validasi lebih terlihat profesional, walaupun pernyataan ini tidak 100% benar. Namun bagi seorang Web-Disainer adalah masalah yang terpenting. 
#4. SEO Friendly. Kode Website Anda teratur, bersih dari kode yang Error memungkinkan Search Engine untuk lebih cepat menjaring Halaman Website Anda.

Bagaimana Cara mengurangi Validasi yang Error?

Saya akan memberikan beberapa langkah untuk mengurangi Validasi, semua langkah ini berdasarkan pengalaman yang sudah saya praktekan dan beberapa referensi lainnya dan diterapkan di Blogger. Saya akan membuat Demonya, menggunakan Alamat www.nawwafshop.co.vu yang sangat banyak Errornya. Kondisi sebelum diperbaiki.
Cara Memperbaiki Validasi HTML Error pada Template Blogger

Langkah Pertama

Silahkan Sobat menuju ke Template, kemudian Edit HTML. Carilah kode ini, untuk mempermudah gunakan CTRL+F.
 
Ganti dengan Kode ini

Langkah Kedua

Setelah tahap pertama, kemudian cari kode
Kemudian ganti dengan kode dibawah ini, dan save.

Langkah Ketiga

Menurut saya Kode ini adalah penyumbang terbesar Error. Perlu diingat, Setiap Anda menambahkan Widget baru, maka cari kode ini, dan Hapus. Hapus Semua kode ini!
Untuk menjaga tetap valid, pastikan hapus kode ini, apabila anda menambahkan Widget baru.

Langkah Keempat

Silahkan Anda mengecek ke validator.w3.org, tinggal berapa Error yang ada! Belum cukup puas! Apabila Anda menemukan Peringatan (seperti gambar ini), Anda Harus memasang Alt Gambar. 
Cara Memperbaiki Validasi HTML Error pada Template Blogger
An "img" element must have an "alt" attribute, except under certain conditions.
Maksudnya 
Sebuah elemen "img" harus memiliki atribut "alt", kecuali dalam kondisi tertentu.
kode yang Standart 
 <span style="color: blue;">alt gambar</span>
Contoh kode img Standart
 <span style="color: blue;">Blogger</span> 

Langkah kelima

Apabila Anda menemukan Peringatan Error Seperti gambar ini, maka Anda harus menambahkan kode berikut.
Cara Memperbaiki Validasi HTML Error pada Template Blogger

Anda mencari kode  kemudian tambahkan kode berikut, tepat diatas kode.


<!-- 
Continue reading

Cara Pasang Logo Media Sosial di Sidebar Blog

logo link media sosial sidebar blog

MENAMPILKAN atau memasang logo (link) akun media sosial Facebook, Twitter, Google+ dll. di sidebar blog sangat diajurkan para pakar media sosial. Tujuannya, agar menambah follower, member, atau liker.

Lagi pula, akun media sosial biasa kita gunakan juga untuk share posting blog, sehingga pengunjung bisa mengikuti update tulisan blog kita melalui akun media sosial mereka.

Jika Anda ingin memasang logo akun atau link media sosial seperti yang dipasang di blog CB ini (di sidebar kanan), ini dia caranya!

Cara Pasang Logo Media Sosial di Sidebar Blog

1. Login ke Blog Anda
2. Di Dashboard Blog, klik menu "Layout"
3. Klik "Add a Gagdet" > Pilih "Javascript/HTML"
4. Masukkan kode berikut ini setelah Anda ganti tulisan yang berwarna merah (ID Akun Sosmed Anda)



   

   
   

   
   

    cbblogger
" target="_blank" rel="nofollow">
   
    contohblog" target="_blank" rel="nofollow">
   
    106869251529186655236/posts" target="_blank">
   
    cbblogger" target="_blank">
   
    contohblognih" target="_blank" rel="nofollow">
   

    cbblogger" target="_blank" rel="nofollow">
   
   
   
   
   


MENAMBAHKAN KOTAK BERLANGGANAN
Jika Anda ingin menambahkan kotak berlangganan (RSS Subscribe) di bawahnya, seperti pada blog CB ini, maka tambahkan kode berikut ini. Jangan lupa, ganti tulisna berwarna merah dengan ID Feedburner Anda.


', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

contohblognih" name="uri"/>



Nah itu dia Cara Pasang Logo Media Sosial di Sidebar Blog. Kalo mau pasang di bawah postingan, ini caranya: Pasang Kotak Langganan dan Sosial Media di Bawah Posting Blog.

Mau model lainnya? Nih... ada 100 macam widget sosial media untuk blog. Silakan pilih....! Good Luck and Happy Blogging!
Continue reading Cara Pasang Logo Media Sosial di Sidebar Blog

Cara Pasang Logo Media Sosial di Sidebar Blog

Posted by CB Blogger


logo link media sosial sidebar blog
MENAMPILKAN atau memasang logo (link) akun media sosial Facebook, Twitter, Google+ dll. di sidebar blog sangat diajurkan para pakar media sosial. Tujuannya, agar menambah follower, member, atau liker.

Lagi pula, akun media sosial biasa kita gunakan juga untuk share posting blog, sehingga pengunjung bisa mengikuti update tulisan blog kita melalui akun media sosial mereka.

Jika Anda ingin memasang logo akun atau link media sosial seperti yang dipasang di blog CB ini (di sidebar kanan), ini dia caranya!

Cara Pasang Logo Media Sosial di Sidebar Blog

1. Login ke Blog Anda
2. Di Dashboard Blog, klik menu "Layout"
3. Klik "Add a Gagdet" > Pilih "Javascript/HTML"
4. Masukkan kode berikut ini setelah Anda ganti tulisan yang berwarna merah (ID Akun Sosmed Anda)



   

   
   

   
   

    cbblogger
" target="_blank" rel="nofollow">
   
    contohblog" target="_blank" rel="nofollow">
   
    106869251529186655236/posts" target="_blank">
   
    cbblogger" target="_blank">
   
    contohblognih" target="_blank" rel="nofollow">
   

    cbblogger" target="_blank" rel="nofollow">
   
   
   
   
   


MENAMBAHKAN KOTAK BERLANGGANAN
Jika Anda ingin menambahkan kotak berlangganan (RSS Subscribe) di bawahnya, seperti pada blog CB ini, maka tambahkan kode berikut ini. Jangan lupa, ganti tulisna berwarna merah dengan ID Feedburner Anda.


', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

contohblognih" name="uri"/>



Nah itu dia Cara Pasang Logo Media Sosial di Sidebar Blog. Kalo mau pasang di bawah postingan, ini caranya: Pasang Kotak Langganan dan Sosial Media di Bawah Posting Blog.

Mau model lainnya? Nih... ada 100 macam widget sosial media untuk blog. Silakan pilih....! Good Luck and Happy Blogging!
Continue reading



logo link media sosial sidebar blog
MENAMPILKAN atau memasang logo (link) akun media sosial Facebook, Twitter, Google+ dll. di sidebar blog sangat diajurkan para pakar media sosial. Tujuannya, agar menambah follower, member, atau liker.

Lagi pula, akun media sosial biasa kita gunakan juga untuk share posting blog, sehingga pengunjung bisa mengikuti update tulisan blog kita melalui akun media sosial mereka.

Jika Anda ingin memasang logo akun atau link media sosial seperti yang dipasang di blog CB ini (di sidebar kanan), ini dia caranya!

Cara Pasang Logo Media Sosial di Sidebar Blog

1. Login ke Blog Anda
2. Di Dashboard Blog, klik menu "Layout"
3. Klik "Add a Gagdet" > Pilih "Javascript/HTML"
4. Masukkan kode berikut ini setelah Anda ganti tulisan yang berwarna merah (ID Akun Sosmed Anda)



   

   
   

   
   

    cbblogger
" target="_blank" rel="nofollow">
   
    contohblog" target="_blank" rel="nofollow">
   
    106869251529186655236/posts" target="_blank">
   
    cbblogger" target="_blank">
   
    contohblognih" target="_blank" rel="nofollow">
   

    cbblogger" target="_blank" rel="nofollow">
   
   
   
   
   


MENAMBAHKAN KOTAK BERLANGGANAN
Jika Anda ingin menambahkan kotak berlangganan (RSS Subscribe) di bawahnya, seperti pada blog CB ini, maka tambahkan kode berikut ini. Jangan lupa, ganti tulisna berwarna merah dengan ID Feedburner Anda.


', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

contohblognih" name="uri"/>



Nah itu dia Cara Pasang Logo Media Sosial di Sidebar Blog. Kalo mau pasang di bawah postingan, ini caranya: Pasang Kotak Langganan dan Sosial Media di Bawah Posting Blog.

Mau model lainnya? Nih... ada 100 macam widget sosial media untuk blog. Silakan pilih....! Good Luck and Happy Blogging!
Continue reading
, ,

How to Put your Blogger Site on Maintenance Mode


You might have seen sites which show a message that “Our site is in Maintenance mode, please try accessing later”. Many popular site uses maintenance mode when they are going through a monthly maintenance check or improvising site experience because nobody likes to land on a page that is either broken or no longer reachable.  in other sense, new websites often use it as coming soon page allowing users to sign up to be notified when site is ready for launch. In this article, we will show you how to put your blogger site on maintenance mode. 




First thing you need to do is to download Soonex – Maintenance mode template. Since, you are putting your site on Maintenance mode so be sure to take a backup of your existing template. Now upload the template to your blogger site.  After uploading the, you need to go to Blogger >> Layout >> to configure the template.

This template setting is divided into three different sections i.e. tabs, first one is home, second is about and third is contact.


Adding Welcome Note:

Soonex allows you to create beautiful pages to provide improved user experience. The first option is of “Welcome Note” that you’ll find in the Layout area on blogger dashboard.  To customize press the “Edit” link and input the description which you want to display on your site, weather your site is on maintenance mode or you are about to launch a new site.

Once you’re done writing it, press “Save” button to store the changes you made to the template.


Adding Email Subscription:



Soonex also allows you to add a subscription widget from which users can subscribe to your feeds and can also receive notification when your site goes live again. To customize,  go to “Email Subscription” and press the “Edit” link. Now input the username of your feed (Example feeds.feedburner.com/mybloggerlab, here mybloggerlab is the username).


 Once you are done with adding the username, press “Save button.


Adding Countdown:

If you are creating a coming soon page, or you would like to display a accurate time to your users when your site will be up, then scroll down to "Countdown Settings" and press “Edit” link. Now enter the time and date of the countdown in this format 2014/10/15 12:00:00.

However, If you don’t want to display the countdown widget then simply leave the text area blank or input “empty” in the text area and press “Save” button to store the changes.


Adding About us:

You can also add information about your site. Go to “About The Company” and  press “Edit” link. Now in the text, insert the information you would like to display on about tab. Once you’re done press “Save” to store the changes.


We hope this article would help you in creating a powerful under maintenance or coming soon page for your blogger site.  Have you ever used a maintenance page on your site, if yes feel free to share your knowledge in the comments below.  If you like this article then, share it on Twitter, Facebook and Google+.
Continue reading How to Put your Blogger Site on Maintenance Mode