05/01/13

Penutup dan Ketentuan Tambahan

Beberapa penjelasan singkat untuk penggunaan nice seo template blogspot sudah aku suguhkan. Biarpun sederhana, tapi sangat efektif dan berguna terutama bagi blogger pemula, termasuk juga aku yang baru menekuni dunia blog selama setahun ini. Kini saatnya penutupan beserta saran dan sejumlah ketentuan tambahan yang harus anda perhatikan.

Karena aku juga masih dalam pembelajaran, mungkin masih terdapat kesalahan atau penggunaan kode yang tidak perlu. Maklumlah, aku cuma menguasai basic/dasar saja dari html, css dan vbscript karena bukan bidangku. Oleh karena itu, bagi anda yang sudah mahir, harap untuk memberikan masukan untuk perbaikan dan peningkatan kualitas template.

Meski begitu, pembuatan template ini bukan asal sekedar membuat alias ngawur. Beberapa kali aku lakukan perbaikan dan pengoptimalan, dan anda bisa mengeceknya sendiri. Nah jika dibandingkan dengan ribuan template yang beredar, mayoritas tanpa penjelasan penggunaan, dan yang lebih memprihatinkan banyak yang ngawur. Pasti template ku lebih baik :p (mood: besar kepala).

Ketentuan-ketentuan lainnya:
1. Jika anda masih bingung atau ingin memberikan saran, anda bisa meninggalkan komentar. Anda juga bisa meninggalkan pesan email maupun instant(YM) ke al.barony@yahoo.com
2. Jika anda menginginkan template dengan tag heading pada umumnya, yakni h1(judul blog) h2(judul post) h3(widget) tanpa ada pergantian posisi/dinamis, anda bisa mendownloadnya disini.
3. Anda boleh menyebarkan template ini, tapi bukan untuk kepentingan komersil maupun diupload di layanan penyedia template gratis. Dan INGAT jangan diubah link download adf.ly nya, ya itung-itung sebagai bentuk terima kasih padaku.
4. Jangan pernah menghapus link kredit yang ada pada footer, hargailah pembuatnya. Selain itu juga untuk memudahkan blogger lain yang tertarik dengan template ini.
5. Jangan pula menjadi anak kecil, mengganti kode warna dan bebrapa elemen namun masih berpacu pada template ini. Kemudian anda mengaku itu karya anda, nggak lucu om.
6. HARAM hukumnya jika digunakan pada blog yang berisi tentang pornografi, jual obat ilegal, togel dan perjudian.


Saran buat diri sendiri dan anda:
1. Mari membantu search engine khususnya Google agar tidak terlalu banyak sampah internet dengan selalu berusaha menjadi blogger professional.
2. Jangan hanya asal copy paste(plagiat), karena plagiat juga ada batasnya. Yang penting itu NIAT dan ITIKAD BAIK, sehingga pembaca/pengunjung tidak kecewa.
3. Meraih keuntungan jelas diperbolehkan, tapi kalau anda tidak pernah mempedulikan isi/konten posting, asal copas tanpa membaca dan mencobanya, kiranya anda hanyalah spammer bukan blogger.

Penutup:
Mari berusaha menjadi blogger yang baik dan menghargai sesama, biarpun dunia online tapi amal dan dosanya juga sama saja dengan di dunia nyata. Akhir kata, Wabillahi Taufik Wal Hidayah Wassalamualaikum Warahmatullahi Wabarakatuh.
Selengkapnya →

Mengaktifkan Template Seluler [Custom Tersesuai]

Tampilan blog pada mobile/hp bisa kita aktifkan bisa juga tidak. Biasanya template seluler digunakan untuk mempercepat proses loading ketika diakses, terutama jika versi web-nya sangat berat. Dalam hal ini blogger menyediakan berbagai alternatif penggunaan, mulai dari template default hingga kita dapat mengolahnya sendiri (custom/tersesuai).

Jika anda memilih template seluler yang disediakan blogger, tampilannya memang sangat sederhana, memudahkan pembaca dan proses loadingnya cepat. Tapi ada hal yang harus anda perhatikan, ketika anda memilih tampilan tersebut, maka tag heading-nya akan menyesuaikan dengan template dasar, yakni:

h1: judul blog
h2: widget blog
h3: judul posting

Nah kalau sudah gitu, jelas nggak sesuai dengan tag heading dinamis pada nice seo template blogspot. Oleh karena itu, aku sarankan anda memilih fitur Custom/Tersesuai. Tenang saja, tampilannya 90% sama persis dengan tampilan web. Untuk mengeceknya, tambahkan ?=1 di belakang url address.
http://albarony-template.blogspot.com/?=1

Tampilan Seluler Operamini

Untuk mengaktifkan fitur custom, masuk ke menu template. Klik sesuaikan template seluler (gambar pengaturan), lalu klik Ya dan pilih Tersesuai dan Simpan.

Template Seluler Blog

Selajutnya, anda harus mengatur widget mana saja yang ingin ditampilkan di versi mobile. Karena jika anda tidak melakukannya, maka tidak ada satupun widget/gadget yang tampil di versi seluler. Untuk mengatasi hal ini, anda dapat menambahkan perintah berikut ini:

mobile='yes' Maksudnya widget tersebut selain tampil pada versi web juga tampil pada versi mobile
mobile='only' Maksudnya widget tersebut hanya tampil pada versi mobile

Untuk cara penggunaannya, letakkan perintah tag tersebut di dalam elemen widget, untuk memudahkan taruh setelah tag ID. Misal,

<b:widget id='HTML1' mobile='yes' locked='false' title='' type='HTML'>
<b:widget id='BlogArchive1' mobile='yes' locked='false' title='Blog Archive' type='BlogArchive'>
<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>

Demikan penjelasan sederhana bagaimana cara mengaktifkan custom template seluler, namun sangat berguna agar template tetap seo friendly.
Selengkapnya →

Memasang Widget Tombol Subscribe dan Akun Sosial di Sidebar

Tutorial blogspot kali ini membahas tentang tampilan sidebar khususnya cara memasang widget tombol subscribe dan akun sosial. Alasannya agar gadget tersebut berposisi sebagai tag heading h3, dan pastinya untuk memudahkan pengeditan. Langsung saja, buka text berjudul subscribe social pada nice seo template yang sudah didownload dengan notepad dan program sejenisnya.

subscribe button social accounts

Tombol Subscribe
Pastikan anda sudah mendaftarkan blog anda di feedburner, lihat url addressnya.
Misal http://feeds.feedburner.com/AlbaronyTemplate. Yang perlu diingat hanyalah kata yang berwarna merah, untuk memudahkan kita sebut FeedAlias.

Kembali fokus pada notepad, cari kata AlbaronyTemplate. Anda akan menemukan dua hasil pencarian, ganti keduanya dengan FeedAlias blog anda.

Akun Sosial
Social account pada gadget template ini menggunakan efek bubble ketika hover/cursor diarahkan. Tampilannya menggunakan konsep game angry birds. Ok perhatikan lagi notepad, ada beberapa poin yang harus anda ubah.

http://www.facebook.com/ghofur.abd
http://www.twitter.com/nuLL_LoL
http://www.plus.google.com/104956339109275203375
http://www.youtube.com/auninabillah
http://feeds.feedburner.com/AlbaronyTemplate

Ganti semua warna merah dengan akun milik anda, bisa juga fan page. Jika anda tidak ingin menyertakan akun sosial pada template, anda tinggal menghapus kode yang berada di bawah <!--Akun Sosial-->

Pemasangan Subscribe Button dan Social Accounts
1. Masuk ke Tata Letak, klik Tambah Gadget dan pilih HTML/JavaScript.
2. Copy paste kode pada notepad yang sudah anda edit, lalu Simpan.
3. Masuk ke Edit Template, jangan lupa centang Expand Template Widget, ubah tag heading gadget yang baru anda tambahkan menjadi h3. Bingung caranya, lihat di tag heading dinamis.

Sekian penjelasan singkat bagaimana cara memasang gadget tombol subscribe dan akun sosial di sidebar, semoga anda memahaminya. Untuk tampilan gadget lain di sidebar, anda bisa mencobanya sendiri.
Selengkapnya →
30/12/12

Tampilan Posting dan Komentar Blog

Untuk tampilan post/pos sebenarnya bisa anda lihat langsung, disini hanya untuk menegaskan dan memudahkan pemahaman. Font/hurufnya adalah arial, tahoma dan verdana dengan ukuran 13px dan paragrafnya rata kanan-kiri/justifiy. Jadi anda tidak perlu repot-repot mengatur alignmentnya di entry.

Tampilan Posting dan Komentar Blog

Fitur-fitur pada posting nice seo template blogspot:
1. Breadcrumbs yang tampil di search engine
Breadcrumbs

2. Related posts
Untuk mengatur jumlah artikel terkait yang ingin ditampilkan, cari kode <div id='related-posts'> pada template dan lihat di bawahnya max-results=10. Ubah angka 10 sesuai dengan keinginan anda.
3. Modifikasi nama penulis dan waktu tanggal dengan gambar
4. Sharing button atau tombol berbagi ke jejaring sosial facebook, twitter dan digg.

Tes tampilan quote:
Bukan masalah copy paste, yang lebih penting adalah itikad baik dan keikhlasan anda untuk berbagi. Menjadi blogger yang lebih baik dengan memudahkan pembaca daripada faktor lainnya, agar google tidak penuh sampah.

Sedangkan tampilan komentar sangat sederhana, lihat beberapa tes yang aku lakukan di bawah. Untuk ikon penulis pada koment anda dapat menggantinya sesuka hati. Caranya ubah url gambar pada .komentar

Demikianlah penjelasan singkat tampilan posting dan komentar secara umum, semoga bermanfaat dan anda memahaminya.
Selengkapnya →
27/12/12

Edit Menu Navigasi Template Blog

Menu Navigasi ini penting sebagai pengganti Laman/Page yang biasanya digunakan untuk meletakkan link-link penting, seperti tukar link, daftar isi, kebijakan dll. Secara default menu navigasi pada Nice SEO Template, aku buat seperti ini:

<div id='menubar-nav'>
<div class='menubar'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='/'>Download Tempate</a></li>
<li><a href='/?m=1'>Tampilan Mobile</a></li>
<li><a href='/feeds/posts/default'>Post Rss</a></li>
</ul>
</div>

Menu Navigasi Blog

Untuk mengeditnya, masuk ke Edit HTML pada Template dan cari kode <div id='menubar-nav'>. Lalu anda bisa mengubah Anchor dan Linknya. Untuk link/url-nya anda tidak perlu menulis ulang semuanya, cukup tulis yang ada di belakangnya url blog karena tanda / sudah mewakili link blog.

Misal
Anchor Text: Download Template
Link: /

Aku akan mengubahnya menjadi:
url: http://albarony-template.blogspot.com/2012/12/pengenalan-dan-fitur-nice-seo-template.html
anchor: Fitur Nice SEO

Hasilnya seperti ini:
<li><a href='/2012/12/pengenalan-dan-fitur-nice-seo-template.html'>Fitur Nice SEO</a></li>

Di samping menu navigasi terdapat tombol search yang memudahkan pembaca untuk mencari artikel yang diinginkan. Sampai disini, semoga anda memahaminya.
Selengkapnya →

Tag Heading Dinamis h1 h2 h3 SEO Friendly

Penggunaan meta tag pada template ini menggunakan pendekatan dinamis, artinya adanya pergantian posisi antara tag pada judul blog dan judul posting. Sebelumnya juga, baca artikelku tentang macam-macam susunan tag heading.

Tag Heading H1 H2 H3 Blogspot

Pada beranda/home
tag h1: judul blog
tag h2: judul posting

Pada posting/artikel
tag h1: judul posting
tag h2: judul blog

Penggunaan Tag h3
Tag heading h3 berada pada sidebar blog dan iklan/ads header kanan. Yang harus anda perhatikan adalah ketika anda menambahkan gadet baru [Tambah Gadget], jangan lupa diubah tag headingnya karena secara otomatis tag-nya adalah h2.

Misal pada type HTML, Text
<h2 class='title'><data:title/></h2>

Pada type BlogArchive, Label
<h2><data:title/></h2>

Pokoknya gadget baru yang baru anda tambahkan ubah tag heading-nya dari h2 menjadi h3 dengan cara edit template.
1. Login blog
2. Masuk ke Template>Edit HTML centang Expand Template Widget
3. Ganti h2 menjadi h3 untuk setiap elemen/gadget di sidebar dan iklan kanan header. Untuk memudahkan gunakan tombol Ctrl+F pada keyboard.

Tag Heading h4
Tag h4 sama seperti pada template default blogger, yakni berada pada komentar.

Tips penting:
Hindari penggunaan Laman/Page dan gadget Pengikut/Follower karena tag headingnya tidak bisa diubah menjadi h3.
Untuk mengatasi Laman, gunakan Menu Navigasi seperti yang sudah aku sediakan di template blog ini. Sedangkan untuk Pengikut, gunakan kode di bawah ini nanti tampilannya seperti pada sidebar blog Arti Kehidupan.

<a href='http://www.Blogger.com/follow-blog.g?blogID=339236623710863710' onclick='window.open(this.href, &apos;dmfollow&apos;, &apos;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521&apos;);return false;' title='Bergabung dengan 10.000 Blogger lainnya'><img rel='nofollow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWhMvjG5uWDdhp9ndyLF_N1zk7k8g4O66g-pSFrrSqFrdZa8AiVPOdeFJeuDb06tuS7PsDFGcbLQr_yIxBdRcTZH3x6PhrITatJBsbojOaPsflHK_HFz2jYaqpmfR2GWzXqYtilkMtCC4/s1600/Follow+Blog.png' style='vertical-align:center;border:0px;cursor:pointer;'/></a>

Ganti tanda merah dengan ID blog anda, lihat di url address saat masuk dashboard blogger. Anda juga bisa mengganti tampilan gambar.

Sekian penjelasan sederhana Tag Heading Dinamis h1 h2 h3 SEO Friendly, semoga anda memahaminya dan bermanfaat.
Selengkapnya →

Meta Content Penelusuran Mesin Pencari [Search Engine]

Meta Tag Content pada fitur ini menunjukkan bagaimana tampilan situs blog anda di mesin pencari seperti google, yahoo, bing, aol dan search engine lainnya. Pada umumnya, tampilan yang biasanya digunakan para blogger sebagai berikut beserta penjelasannya.

Meta Content Tag Blogger

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Diskripsi Blog Anda' name='description'/>
<meta content='Keyword Blo Anda' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Ganti warna merah sesuai dengan diskripsi dan keyword blog anda. Keyword yang baik adalah tidak lebih dari 10 dan setiap keyword hanya terdiri dari satu kata. Misal,

<meta content='Template Blog Keren Cantik, SEO Blogspot Template, Simple Minimalist Template, Elegant Beautifull Blogger Skin, Download Template Blog Gratis' name='description'/>
<meta content='albarony, template, blog, seo, simple, keren, minimalist, blogspot, skin' name='keywords'/>

Tampilan Penelusuran Pada Posting:
Judul Artikel | Judul Blog
'kata-kata yang mengandung kata kunci pencarian'

Meta Penelusuran Blogger

Sebagai tambahan untuk memudahkan search engine menelusuri/crawl blog anda, dan juga melakukan pembatasan. Aku tambahkan beberapa atribut meta content di template blog, untuk penjelasannya bisa dibaca di metatags.info.

<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='general' name='rating'/>
<meta content='blogger' name='generator'/>
<meta content='global' name='distribution'/>
<meta content='global' name='target'/>
<meta content='all' name='audience'/>
<meta content='ID' name='language'/>
<meta content='ID' name='country'/>
<meta content='ID' http-equiv='Content-Language'/>
<meta content='never' http-equiv='xpires'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<link expr:href='data:blog.url' rel='canonical'/>

Sekian penjelasan sederhana karena aku bukan master seo jadi tidak bisa menjelaskan dengan rinci. Semoga bermanfaat dan memahaminya.
Selengkapnya →

Pengenalan dan Fitur Nice SEO Template Blogspot

Template Blog Nice SEO merupakan hasil karya pribadi yang telah diselesaikan bulan november 2012. Adapun topik dalam pembuatan template ini adalah perpaduan antara keindahan dengan tidak mengesampingkan seo (search engine optimization). Selengkapnya alasan pembuatan template ini, baca template blog terbaik.

Nama Template: Nice SEO Template Blogspot
Demo Template: AlBarony Template
Kredit Pembuat: Sekedar berbagi

Nice SEO Template Blogspot

Berikut ini fitur-fitur Nice SEO Template:
1. Meta penelusuran mesin pencari
2. Tag heading dinamis h1 h2 h3
3. Read more otomatis
4. Tampilan blog pager dengan judul posting
5. Menu navigasi dan tombol search
6. Iklan 468x60 pada header kanan
7. Penggunaan ikon pada penulis, label, waktu dan komentar
8. Artikel terkait di bawah posting
9. Tombol berbagi sosial ke facebook, twitter dan digg di bawah posting
10. Threaded comments
11. Tombol subscribe di sidebar
12. Akun sosial ala angry birds
13. Artikel terbaru pada sidebar
15. Tersedia tampilan mobile
15. dll

Jika dipersingkat, keunggulan utamanya sebagai berikut:
1. Simple and Minimalist but Elegant
2. Fast Loading
3. SEO Friendly

Itulah beberapa fiturnya, mungkin masih jauh dari kesempurnaan. Untuk penggunaannya akan dibahas dalam artikel tersendiri agar tidak ada kesalahan dalam penerapan template.
Selengkapnya →