Cara membuat Scroll di blog

Tutorial Membuat Scroll di Widget Blog





Scroll widget di dalam suatu blog berfungsi untuk mempersingkat tampilan dan juga menghemat tempat dan membuat blog menjadi terlihat menarik dan cantik, Scroll Blog biasanya diletakan di widget/bilah pinggir seperti Populer Post, Kategory, Arsip, artikel terbaru dan masih banyak lainnya. 
ok.
jika anda sudah mengerti apa itu scroll atau masih belum paham betul apa itu scroll dan fungsi nya, mending langsung aja ikuti langkah langklahnya.
 Login ke Blogger
setelah masuk ke halaman dashboard, Pilih pengaturan Template.
Selanjutnya masuk ke Edit Html, dan cari tulisan widget yang akan kita beri scroll. 

copy kode dibawah ini, dan pastekan di atas kode ]]></b:skin>
lebih tepatnya tampilannya seperti ini

#PopularPosts1 .widget-content{
height:220px;
width:auto;
overflow:auto;
}
]]></b:skin>
 

Catatan:  

height:220px itu tinggi kotak scroll nya, silakan diganti dan di sesuaikan tergantung selera anda.

Terakhir simpan dan lihatlah hasilnya. 

Catatan:
untuk pemberian scroll widget lainnya anda tinggal ganti tulisan berwarna biru tersebut dengan widget yang lainnya seperti arsip blog atau kategori.

Tutorial cara mengganti tulisan Home jadi gambar/icon rumah

Cara mengganti tulisan home atau beranda di Blog dengan Gambar 


ada banyak cara yang dilakukan oleh blogger untuk mempercantik tampilan web atau halaman blog, mulai dari gonta ganti template atau dengan edit template, dan cara edit template ini sangat bermanfaat karena selain kita jadi lebih tau dan kita juga jadi punya pengalaman.
ini adalah salah satu cara untuk mempercantik atau memperindah tampilan blog supaya keliatan lebih keren dan pastinya lebih puas dengan hasil karya sendiri, 
Sekarang saya akan berbagi cara mengganti tulisan 'Home' pada menu bar dengan gambar/icon rumah. Walaupun cara ini sudah banyak terdapat di Google, tapi kan lumayan buat berbagi ilmu dan menambah entri blog. Hehehe..

ok brad berikut tutorialnya:


  • pertama buka tempat dimana anda menaruh script menu bar anda, bisa masuk ke template dengan cara mengutak atik nya atau anda sudah memasang menu bar tersebut di widget html.
  • lalu cari script yang lebih kurang seperti dibawah ini:
 
<li><a href='URL Blog Anda'>Home</a></li>

Lalu ganti tulisan 'Home' dengan kode seperti ini:
 
<li><a href='URL Blog Anda'><img border='0' src='URL gambar anda' style='padding:0px;height:32px;widht:32px'/></a></li>
  • Klik 'Simpan'

Catatan:
     Ganti 32px untuk tinggi dan 32px untuk lebar dengan ukuran yang anda inginkan. Sekian postingan dari saya, semoga membantu.

Tutorial Membuat Daftar Isi Lengkap di Blogspot

Cara membuat Daftar Isi atau Sitemap di blog 


Daftar Isi atau Sitemap di blog sangatlah disarankan untuk mempermudah pengunjung didalam pencarian artikel atau kategori postingan, juga dapat membuat para pengunjung betah lama lama berkunjung di blog tersebut.
Daftar isi suatu blog layaknya seperti daftar isi buku, majalah, ataupun bacaan lainnya, yaitu bertujuan untuk mempermudah pengunjung dalam menelusuri isi dari buku atau blog tersebut.
Ok Brad langsung saja kita praktek karena tanpa praktek semuanya itu akan sulit. yang pertama ada harus masuk ke dashboard blogger bisa di klik disini,
terus anda cari laman, dan buatlah laman baru seperti anda akan membuat postingan.
di pojok kiri atas ada compose dan HTML dan anda pilih yang HTML.

copy script dibawah ini jika anda ingin membuat daftar isi biasa lalu paste kan, dan yang terakhir Publikasikan...
<script src="https://sites.google.com/site/abdulputteh/loading/sitemap.js"></script><script src="http://hakikitutor.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


  • Daftar isi dengan tampilan scroll
 ritualnya hampir sama seperti langkah diatas, bedanya hanya code nya saja... silahkan anda copy lalu paste kan code berikut ini, dan jangan lupa di publikasikan  biar anda bisa melihat hasilnya...

<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/abdulputteh/loading/sitemap.js"></script><script src="http://hakikitutor.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

ganti warna kuning dengan Url atau alamat blog anda
mudah mudahan artikel ini bisa bermanfaat untuk anda yang sedang belajar blog sama seperti saya.
tetap semangat dan salam blogger

Tutorial cara Submit Sitemap Lengkap di Alat Webmaster

Submit Sitemap Lengkap di Alat Webmaster



Dengan Peta Situs atau yang sering disebut dengan istilah Sitemap, kita dapat dengan mudah menemukan kata kunci yang dicari. selain itu juga, dengan cara menambahkan Sitemap ke Alat Webmaster, akan mempermudah dan mengoptimalkan blog supaya lebih SEO dan mudah dirayapi oleh googlebot. dan untuk seorang blogger, menambahkan Peta Situs Blog ke Alat Webmaster merupakan point yang sangat wajib dilakukan.

ok ikuti langkah berikut untuk menambahkan peta situs blog di Alat Webmaster.

  • Masuk ke layanan alat webmaster di https://www.google.com/webmasters/tools/,
  • Klik situs blog yang ingin ditambahkan peta situs, atau buat situs baru/properti baru.
  • Anda akan dialihkan ke Dasbor situs, klik pada peta situs,
  • Klik TAMBAHKAN/UJI PETA SITUS, lalu masukkan sitemap berikut ini satu persatu :
    • http://hakikitutor.blogspot.com/atom.xml
    • http://hakikitutor.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500 (untuk blog baru dengan total posting dibawah 500 artikel)
    • http://hakikitutor.blogspot.com/atom.xml?redirect=false
    • http://hakikitutor.blogspot.com/feeds/posts/default
    • http://hakikitutor.blogspot.com/feeds/posts/default?orderby=updated   
    • http://hakikitutor.blogspot.com/rss.xml
    • http://hakikitutor.blogspot.com/sitemap.xml

    catatan :
    ganti     http://hakikitutor.blogspot.com dengan link blog anda
  • Uji terlebih dahulu untuk memastikan tidak ada kesalahan di peta situs,
  • Jika tidak ditemukan kesalahan, masukkan kembali sitemap diatas kemudian klik Mengirim peta situs,
  • Tunggu beberapa saat atau beberapa hari agar semua situs dalam blog Anda terindeks oleh google.
Terima kasih atas kunjungannya, semoga artikel tutorial tentang cara Submit Sitemap Lengkap di Alat Webmaster diatas dapat bermanfaat

Baca Juga :
Tutorial cara membuat Daftar Isi atau Sitemap di blog
Tutorial Membuat Scroll di Widget Blog

Meta Tag Blogspot Seo Friendly

Meta Tag blogspot super seo friendly

 


Meta tag adalah bagian dari SEO On Page yang sangat vital, yang akan mempengaruhi terhadap seo blog anda, tapi Meta ini tidak akan berguna jika anda jarang update status atau jarang memposting artikel... hehe 

meta title, meta description, dan meta keyword.

Ketiga meta tersebut paling berpengaruh terhadap mesin pencari. 

Sebagai contoh coba kamu tekan Ctrl+U pada halaman/page ini dan bandingkan dengan halaman depan (Home Page).

Naah.. berikut tips agar meta tag menjadi dinamis dan optimal, agar blog  mudah dikenali dan disukai mesin pencari seperti google, yahoo search, bing, dll. Silakan kamu copy paste meta tag ala Kamu Klik dibawah ini, dan letakan sesudah atau setelah kode 

<head>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title><meta content='DESKRIPSI BLOG KAMU' name='description'/>
<meta content='KEYWORD UTAMA DI HALAMAN DEPAN/HOME PAGE' name='keywords'/>
<meta content='kamu-klik.blogspot.com' name='subject'/>
<meta content='MENGGAMBARKAN BLOG KAMU (MIRIP DESKRIPSI)' name='Abstract'/>
<b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + &quot;DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;KEYWORD HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
<b:else/>
<title><data:blog.pageTitle/></title><meta expr:content='data:blog.pageName + &quot;DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;KEYWORD HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
</b:if>
<title><data:blog.pageTitle/></title>
<meta content='http://kamu-klik.blogspot.com' name='copyright'/>
<meta content='Asrul Nur Rahim' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>



Catatan:
- Ganti tulisan yang berwarna kuning sesuai dengan blog kamu.
- Ganti tulisan "ID", bahasa, dan lokasi kamu. Bila blog kamu berbahasa Inggris, maka yang ini <meta content='ID' name='language'/> bisa dihilangkan.
Nah Berikut adalah meta tag yang sangat cocok buat di pasang di blog anda salah satunya yang saya terapkan di blog saya ini.
Langganan: Komentar (Atom)

Tags