Tampilkan postingan dengan label blog cantik. Tampilkan semua postingan
Tampilkan postingan dengan label blog cantik. Tampilkan semua postingan

Rabu, 07 November 2012

Cara Membuat Blogroll dengan Scrollbar

Cara Membuat Blogroll dengan Scrollbarninosaji akan bahas tutorial mempercantik blog yaitu Cara Membuat Blogroll dengan Scrollbar. Membuat Link Blogroll Model Scroll atau Dropdown Scrollbar, membuat scrollbar blogroll.

Blogroll adalah daftar link blog eksternal yang dipasang dalam suatu blog. Link-link blog eksternal yang dipasang biasanya adalah daftar atau list anggota tukar link yang sama-sama saling memasang link di masing-masing blognya atau juga bisa dikatakan sebagai daftar link sahabat dan link-link favorite.


Blogroll ada yang dipasang sebagai widget di sidebar, bottombar alias di bawah dan di halaman posting tertentu misalnya di halaman tukar link. Blogroll yang dipasang pada halaman tertentu atau halaman tukar link biasanya dilakukan apabila jumlah link yang terpasang sudah terlalu banyak dengan alasan
agar tidak mengganggu atau memberatkan loading halaman hompage bersangkutan.

Pada panduan dan tutorial gratis kali ini akan membahas cara membuat blogroll atau cara pasang blogroll dengan model scrollbar yang bisa dipasang pada sidebar atau bottombar homepage blogyang juga bisa dipasang pada halaman posting atau terserah pengguna.

Jika Anda ingin membuat blogroll model scrollbar silakan ikuti panduan berikut:

1. Copy kode berikut ini:


<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href=http://ninosaji.blogspot.com>Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
</ul>
</div>

Jika Anda ingin link blogroll Anda terbuka di tab baru ketika di klik (open in new tab or in new window), silakan copy-paste kode yang ini saja:


<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href=http://ninosaji..blogspot.com target="new">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
</ul>
</div>


2. Login ke blogger.com-->klik design
3. Pilih gadget di sidebar yang masih kosong dengan cara klik 'Add a Gadget', kemudian pilih HTML/Javascript
4. Letakan kode yang tadi Anda copy diatas pada kotak kosong yang tersedia, beri judul/title: BlogRoll atau Link Sahabat
5. Ganti tulisan 'Edit' dengan alamat url/link yang ingin Anda pasang. Save dan lihat hasilnya.

Jika dipasang pada halaman posting, letakkan saja kode diatas pada halaman posting tukar link blog Anda, jika belum ada halaman tukar link silakan membuat entri baru atau posting baru terlebih dahulu dan letakkan kodenya di entri baru tersebut.

Sekian dari saya tentang Cara Membuat Blogroll dengan Scrollbar. terimakasih

Selasa, 06 November 2012

Cara Membuat Daftar Isi Sesuai Label Otomatis Yang Kita Tentukan Sendiri

Cara Membuat Daftar Isi Sesuai Label Otomatis Yang Kita Tentukan Sendirininosaji bloggers share lagi tentang mempercantik blog yaitu Cara Membuat Daftar Isi Sesuai Label Otomatis Yang Kita Tentukan Sendiri . Membuat Daftar Isi Sesuai Label Yang Kita Tentukan Sendiri dan Otomatis.

Cara membuat daftar isi, daftar isi sesuai label otomatis yang kita tentukan sendiri untuk menghindari duplicate content. baca :  , Cara Submit dan Verifikasi Blog ke Google Webmaster Tools, Cara Membuat Blogroll Model Scrollbar


Daftar isi merupakan bagian penting yang memegang peranan sebagai sitemap yang akan memberikan informasi tentang apa saja isi yang termuat atau ada di dalam blog kita, sehingga pembaca akan lebih mudah dalam mencari artikel atau tulisan yang sedang mereka cari didalam nya.

Jika kita membuat daftar isi berdasarkan label secara otomatis yang tidak kita tentukan sendiri labelnya dikhawatirkan terjadi duplicate content, karena ketika kita membuat posting terkadang kita memberikan lebih dari satu label dan tentunya jika label yang kita buat untuk satu posting lebih dari satu label, maka daftar isi dari beberapa label tersebut akan muncul secara bersamaan termasuk beberapa content yang terdapat dalam daftar isi blog ini. Isi yang terdapat pada label SEO, terdapat juga pada label Blogger Guide. Hal ini karena tadinya menurut Saya content yang berkaitan dengan SEO adalah bagian dari blogger guide juga dalam blog ini dan itupun memang benar sehingga Blogger Guide Saya jadikan sebagai basic label dan seo guide adalah main label-nya.

Awalnya daftar isi dalam blog ini Saya buat secara manual, tetapi hal itu agak repot. Saya ingin membuat daftar isi yang otomatis berdasarkan label. Dipikir-pikir, jika Saya buat daftar isi sesuai label otomatis maka daftar isi yang muncul akan muncul bersamaan pada tiap label yang mengandung content dari daftar isi tersebut.

Dengan munculnya judul yang sama pada label yang berbeda ini, Saya khawatir google akan menganggap hal ini sebagai duplicate content yang akan berpengaruh terhadap SEO atas content di blog Saya.

Oleh karena itu, Saya memutuskan untuk membuat daftar isi di blog ini berdasarkan label secara otomatis yang Saya tentukan sendiri sehingga judul entri yang ada dalam daftar isi hanya muncul sesuai label pilihan yang Saya inginkan saja agar pada posting selanjutnya tidak Saya masukan judul posting yang sama ke label yang berbeda yang terdapat dalam daftar isi blog ini dan menempatkan jidul posting pada main labelnya saja, tujuannya ya agar terhindar dari duplicate content kali ya!.
Nah bagi sobat yang ingin membuat daftar isi otomatis sesuai label yang ditentukan oleh Anda sendiri dapat mengikuti panduan dan tutorial berikut ini:
Buat daftar isi Anda, terserah mau sebagai HTML/Javascript pada widget atau dihalaman posting, kemudian letakan kode javascript berikut ini:

      <script style="text/javascript">
      var numposts = 50;
      var standardstyling = true;
      </script>

      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>

      <ul>
      <script src=http://ninosaji.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999></script>
      </ul>


Ubah nilai var numposts sesuai jumlah judul yang ingin ditampilkan.
Ganti ninosaji  sesuai nama blog Anda sendiri.
Ganti Nama Label sesuai nama label atau kategori yang ingin ditampilkan.
Label yang menggunakan spasi, maka spasi diganti dengan: %20. Misalnya: label Blogger Guide harus ditulis Blogger%20Guide,  dan seterusnya untuk tiap label yang ber spasi. Besar kecil huruf  berpengaruh pada berfungsi atau tidaknya widget atau halaman ini. Karena itu Nama Label harus benar-benar sesuai dengan nama label yang ada dalam blog Anda.
Untuk bullet and numbering, gunakan perintah <ul> diakhiri </ul> jika Anda ingi daftar isi yang menggunakan bullet dan perintah <ol> diakhiri</ol> untuk numbering.
Simpan jika dugunakan sebagai widget dan publish jika ditempatkan pada halaman posting kemudian lihat hasilnya.

Untuk menampilkan beberapa content sesuai label yang berbeda dalam daftar isi Anda, silakan ikuti contoh berikut dan tempatkan dihalaman ataw widget daftar isi blog Anda:


<b>Blogger Guide</b>
<script style="text/javascript">
      var numposts = 50;
      var standardstyling = true;
      </script>
      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
      <ol>
      <script src="http://ninosaji.blogspot.com/feeds/posts/default/-/Blogger%20Guide?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
      </ol>

<b>SEO Guide</b>
<script style="text/javascript">
      var numposts = 50;
      var standardstyling = true;
      </script>
      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
      <ol>
      <script src="http://ninosaji.blogspot.com/feeds/posts/default/-/SEO?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Computer</b>
<script style="text/javascript">
      var numposts = 25;
      var standardstyling = true;
      </script>
      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
      <ol>
      <script src="http://ninosaji.blogspot.com/feeds/posts/default/-/Computer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Internet</b>
<script style="text/javascript">
      var numposts = 25;
      var standardstyling = true;
      </script>
      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
      <ol>
      <script src="http://ninosaji.blogspot.com/feeds/posts/default/-/Internet?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>

Ganti kode-kode: <b>Blogger Guide</b>, <b>SEO Guide</b>, <b>Computer</b>, <b>Internet</b> dengan label sesuai label daftar isi Anda yang ingin ditampilkan.
Ganti url:  http://ninosaji.blogspot.com dan label yang berwarna merah sesuai dengan url dan label blog yang Anda inginkan.
Untuk contohnya lihat Daftar Isi.

Selasa, 30 Oktober 2012

Template Blogger/Blogspot SEO Friendly Gratis

Template Blogger/Blogspot SEO Friendly Gratis – ninosaji bagikan Download Template Blogger/Blogspot SEO Friendly Gratis – blog yang populer tidak terlepas dari yang namanya SEO, dan SEO tidak terlepas dari yang Namanya template, ya Template blog/wordpress yang seo menjadi kunci utama Blog anda nangkring Posisi teratas SERP, lalu jika anda sayang banget sama template anda, dan gak mau ganti ke yang lain, anda tinggal jadikan tempate itu SEO friendly dengan sedikit corak coret dan menjadikan Tag Heading judul blog dan judul post H1, namun perlu juga di ingat H1 baik home page dan url harus cuma 1 dan gak boleh dua apalagi lebih.
tampilan Template Blogger/Blogspot SEO Friendly Gratis
Oke kembali ke Topik Download Template Blogger/Blogspot SEO Friendly Gratis. bagi anda yang berminat lihat Demonya digambar berikut ini
Download Template Blogger Blogspot SEO Friendly Gratis

Download Template Blogger/Blogspot SEO Friendly Gratis

theme dari Sahabat Ricky Pratama. berminat mencoba dan siap siap dapat pengunjung Bajibun? Download Templatenya DISINI

Senin, 29 Oktober 2012

Cara Agar Semua Label Breadcrumbs Terindex Google

Cara Agar Semua Label Breadcrumbs Terindex Google - Tutorial Blogger dan SEO Blogger - Cara Agar Semua Label Breadcrumbs Terindex Google. ninosaji akan berbagi tentang Cara Agar Semua Label Breadcrumbs Terindex Google yang fungsinya yaitu untuk mempercantik blog khususnya blogger.com alias blogspot.  selain itu fungsi dari breadcrumbs yaitu sangat ampuh untuk meningkatkan SEO untuk blog kita. manfaatnya sangat banyak lho.
Tutorial kali ini saya dapatkan setelah  saya keliling di google dan tanpa sengaja saya mendapat suatu trik yang sangat menarik yaitu Cara Agar Semua Label Breadcrumbs Terindex Google. Mungkin sobat sudah memasang kode breadcrumbs yang langsung terindex oleh google di blog sobat. Dan hasilnya hanya menampilkan satu label saja pada hasil pencarian. Nah sekarang saya sudah tahu solusinya.
Untuk buktinya anda bisa melihat SS dibawah ini:
Cara Agar Semua Label Breadcrumbs Terindex Google
Nah tak usah panjang lebar mari kita langsung ke Cara Agar Semua Label Breadcrumbs Terindex Google.
1.Log in Ke blogger.
2.Klik template » edit HTML » centang Expand Template Widget.
3.Bagi anda yang sudah memasang kode breadcrumbs yang lama, silahkan untuk menghapusnya dulu.
4.Cari kode ]]></b:skin> dan letakkan CSS ini dibawahnya.
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
5.Cari kode <b:includable id='main' var='top'> dan ganti kode <b:includable id='main' var='top'> dengan kode dibawah ini.
<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'/>
6.Save template anda.
Sekarang silahkan untuk mengecek breadcrumbs anda di :
http://www.google.com/webmasters/tools/richsnippets
Jika hasilnya seperti SS dibawah ini berarti percobaan sobat telah berhasil.www google com webmasters tools richsnippets
Nah mudah-kan Cara membuat Semua Label Breadcrumbs Terindex Google . Mudah-mudahan artikel ini bisa bermanfaat bagi anda.
sumber

Postingan Lama Beranda