Download @Guusnara Blogger for Android

Kalian tidak perlu lagi buka blog ini di PC atau Laptop kalian, cukup dengan mendownload aplikasi untuk android ini, kalian bisa melihat update posting-posting di blog ini secara GRATISS !!!

www.guusnara.blogspot.com

Klik Codenya Lalu Tekan CTRL + C
Tampilkan postingan dengan label SEO. Tampilkan semua postingan
Tampilkan postingan dengan label SEO. Tampilkan semua postingan

Sabtu, 01 September 2012

Memverifikasi ID Alexa Blog (Claim Your Site)

Memverifikasi ID Alexa Blog (Claim Your Site) ~ Sebelumnya Guusnara memberikan cara Memasang Widget Alexa di Blog sekarang Guusnara akan memberikan cara Memverifikasi ID Alexa Blog (Claim Your Site). Langsung aja.

  1. Login seperti biasa ke akun Alexa.
  2. Pilih "Produts"
  3. Pilih "See Other Tools for Site Owners".
  4. Klik "Claim Your Site".
  5. Masukkan URL Blog anda lalu klik "Claim your site".
  6. Tunggu beberapa saat, lalu muncul pilihan, silahkan anda pilih yang "Free Sign Up".
  7. Maka akan muncul 2 pilihan, kita akan pilih yang opsi 2 karena cara tersebut sangat mudah. ikuti ya cara dibawah ini.
  • Copy meta tag ID verifikasi alexa tersebut dan paste di bawah kode tag <head> atau di atas kode </head>
  • Jika sudah memasukkan Meta tag ID verifikasi alexa tersebut silahkan klik Save Template
  • Kembali kehalaman alexa lalu klik Verify my ID.
  • Jika berhasil maka akan ada konfirmasi bahwa anda sukses mengklaim blog anda.
  • Done !!!
Gimana, Berhasil bukan ? . Selamat mencoba para Bloggers !!!. Semoga bermanfaat.

Memasang Widget Alexa di Blog

Memasang Widget Alexa di Blog ~ Hari baru koin baru, hehe. Nah di awal bulan september ini Guusnara akan memberikan cara mengenai Memasang Widget Alexa di Blog. Disini Guusnara akan memberikan sedikit pengertian mengenai Alexa terlebih dahulu.

Alexa merupakan sistem traffic terbesar di dunia yang berdiri sejak April 1996. Alexa berdiri di bawah naungan amazon.com. Alexa menyediakan informasi diantaranya tentang blog/website termasuk Top Sites, Statistic Traffic Internet dan Related Links. Alexa juga menyediakan banyak produk yaitu Alexa Traffic Widgets, Reviews Widgets dan Alexa Logos. Tak ketinggalan juga Alexa Toolbar yang menyediakan banyak fitur seperti Alexa Traffic Rank, Related Links, Wayback, Search Analytics dan Web Reviews.



Nah sekarang Guusnara akan memberikan step by step Memasang Widget Alexa di Blog.
  1. Masuk ke situs Alexa.com.
  2. Login ke akun anda. Bagi yang belum mempunyai akun Alexa, silahkan Klik register, anda juga bisa login via akun Facebook anda.
  3. Setelah Register atau Login, silahkan Klik "Produts" di bagian kiri atas.
  4. Pada bagian paling bawah klik "See Other Tools for Site Owners"
  5. Klik "Alexa Site Widgets"
  6. Masukkan URL Blog anda, lalu klik "Build Widget"
  7. Copy salah satu Kode Skrip yang anda inginkan ke Gadget Blog anda, dengan cara Pergi ke Blog kalian, Klik "Tata letak" > "Tambah gadget" > "HTML / Java Script", dan masukkan kode yang tadi anda copy sebelumnya. Lalu klik "Simpan"
Untuk cara mengklaim blog anda silahkan ikuti langkah-langkahnya disini >> Memverifikasi ID Alexa Blog (Claim Your Site).

Kamis, 30 Agustus 2012

Membuat Navigasi Breadcumb SEO


Membuat Navigasi Breadcumb SEO ~ Sesuai dengan gambar diatas adalah Navigasi Breadcumb pada Guusnara. Untuk membuatnya silahkan ikuti langkah-langkah Membuat Navigasi Breadcumb SEO ini.
  1. Buka Blogger kalian.
  2. Masuk ke menu Desain.
  3. Pilih Edit HTML
  4. Pastikan backup terlebih dahulu Template anda untuk menghindari kesalahan dalam pengetikan.
  5. Centang "Expand Widget Template".
  6. Cari kode ]]></b:skin> dengan menekan CTRL + F.
  7. Masukkan kode ini.
  8. Kode 1:
    .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
  9. Kemudian cari kode ini <div class='post hentry uncustomized-post-template'> jika tidak ada carilah kode yang ini <div class='post hentry'>
  10. Masukkan kode dibawah ini.
  11. Kode 2:
    <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

Kemudian simpan template anda. Selamat mencoba. Salam Bloggers !!!.

Cara Membuat Breadcumbs Terindex

Cara Membuat Breadcumbs Terindex ~ Guusnara Come back nih. langsung aja, tujuan adanya Breadcumbs ini untuk mempermudah Indexisasi pada Google Search. Tentunya perlu waktu kurang lebih lama untuk mengIndeks Breadcumbs ini. Lalu bagaimana Cara Membuat Breadcumbs Terindex :
  1. Buka Blogger anda.
  2. Pilih Template.
  3. Pilih HTML, lalu centang "Expand Widget Templates"
  4. Kalo anda sudah memiliki Breadcumbs, silahkan hapus dulu kode Breadcums yang lama.
  5. Carilah kode ]]></b:skin> dengan menekan CTRL + F untuk mempermudah pencarian.
  6. Masukkan kode dibawah ini tepat diatas kode  ]]></b:skin>
  7. Kode 1:
    .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
  8. Lalu carilah kode <b:includable id='main' var='top'>  dengan menekan CTRL + F.
  9. Gantilah kode  <b:includable id='main' var='top'> ini dengan kode dibawah ini.
  10. Kode 2:
    <b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- breadcrumb for the post page --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <b:loop values='data:post.labels' var='label'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> &#187; <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

Terakhir simpan template anda. Pastikan sebelum mengedit HTML terlebih dahulu backup templatenya jika ada kodenya nanti terjadi error. Selamat mencoba. Salam Bloggers !!!.

Membuat Daftar Isi Berdasarkan Label

Membuat Daftar Isi Berdasarkan Label ~ Biasanya kalo ini disebut juga dengan Sitemap atau Peta Situs, nah gunanya Membuat Daftar Isi Berdasarkan Label ini sebagai petunjuk atau informasi dari berbagai artikel atau software dari suatu situs yang menyediakan sitemap tersebut. Terkadang dari anda mengalami kesulitan dalam mencari artikel atau software yang diinginkan, nah Guusnara akan memberikan cara Membuat Daftar Isi Berdasarkan Label.
  1. Masuk ke blogger kalian.
  2. Masuk ke menu "Laman".
  3. Klik "Laman Baru" lalu klik "Laman Kosong".
  4. Pilih mode HTML.
  5. Ketiklah kode seperti ini
  6. Kode 1:
    <script src="https://sites.google.com/site/blogguusnara/script/guusnarasitemap.js"></script><script src="http://BLOG ANDA.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
  7. Jika anda ingin menambahkan fungsi scrool, masukkan kode ini.
  8. Kode 2:
    <div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="https://sites.google.com/site/blogguusnara/script/guusnarasitemap.js"></script><script src="http://BLOG ANDA.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
Hasilnya pada Kode 2 akan seperti ini.
Silahkan anda pilih salah satu dari kode tersebut. Jika ada tulisan berwarna Merah, silahkan masukkan url blog anda tanpa isi (dot)blogspot(dot)com. Semoga bermanfaat buat anda semua. Salam Bloggers !!!.

Kirim Update Artikel dan Software Terbaru Dari "Guusnara | Various Articles and Free Software" Untuk Anda Langsung ke Email Anda, Disini !!

Related Posts Plugin for WordPress, Blogger...