Cara Pasang Dublin Core di Blogspot

Cara Pasang Dublin Core di Blogspot
Cara Pasang Dublin Core di Blogspot

Pada SEOquake Diagnosis untuk meningkatkan SEO Blog selain meta keyword dan Meta description serta yang lainnya, juga harus dilengkapi unsur Dublin Core.

Dublin Core adalah salah satu skema metadata yang digunakan untuk web resource description and discovery. Ini berguna untuk membangun web agar lebih SEO Friendly dan membantu mempercepat pengindeksan di google.

Hal ini merupakan gagasan baru membuat suatu standar. Mungkin dipengaruhi oleh rasa kurang puas dengan standar lama seperti misalnya MARC yang dianggap terlampau sulit (hanya dimengerti dan bisa diterapkan oleh pustakawan) serta kurang bisa digunakan untuk web resources.

Untuk menangani banjir web resources diperlukan cara dan format yang lebih sederhana. Ciri-ciri Dublin Core yang diharapkan bisa membuatnya diterapkan secara luas oleh berbagai kalangan tersebut adalah:

  1. Dublin Core dibuat sesederhana mungkin agar dapat digunakan baik oleh awam (bukan pengatalog) maupun profesional. Diharapkan bahwa pencipta resource itu sendiri akan dapat membuat metadata (deskripsi) karya mereka tanpa memerlukan pelatihan khusus.
  2. Semua unsur bersifat opsional dan dapat diulang apabila diperlukan
  3. Unsur-unsur diterima secara internasional, dan dapat diterapkan oleh semua disiplin ilmu
  4. Setiap unsur dapat diperluas agar data yang lebih khusus (misalnya untuk disiplin ilmu atau aplikasi khusus) dapat tertampung.
  5. Dapat ditempatkan di dalam Web page (embedded) biasanya sebagai bagian dari header, sehingga dapat dideteksi oleh web robot atau spider.

Dublin Core memiliki 15 unsur penting diantaranya:

  • Title
  • Creator 
  • Subject
  • Description,
  • Publisher
  • Contributor
  • Date
  • Type
  • Format
  • Identifier
  • Source
  • Language
  • Relation
  • Coverage
  • Rights

Dublin Core berkembang menjadi skema dua versi:

  • Qualified
  • Unqualified

Dublin Core Versi Qualified dilengkapi dengan tiga unsur tambahan: 

  • Audience
  • Provenance
  • RightsHolder.
Untuk itu, kita tidak bisa menganggap remeh fungsi  Dublin Core tersebut. Ketika hasil review blog menggunakan SEO QUAKE terdapat tanda silang  pada tabel Dublin Core maka hal itu harus segera diatasi. Untuk itu berikut share tutorial Cara Pasang Dublin Core di blog;

1. Log in Blogger
2. Edit HTML
3. Copy kode berikut ini kemudian paste dibawah kode <head> :

<meta content=’Dedi Ariko‘ name=’DC.Creator’/>
<meta content=’Expo Blogspot Templates‘ lang=’en’ name=’DC.Title’/>
<meta content=’Expo Blogspot Template‘ lang=’en’ name=’DC.Subject’/>
<meta content=’Free Hight Quality Blogger Theme for your Blog. Download XML Blogspot Templates available in 1, 2 or 3 columns layouts and SEO Friendly‘ lang=’en’ name=’DC.Description’/>
<meta content=’1998-09-22′ name=’DC.Date.LastModified’ scheme=’ISO 31-1’/>
<meta content=’http:// redaksiexpo2012.blogspot.com‘ name=’DC.Identifier’/>
<meta content=’Expo Blogspot Template | SPECIAL FOR BLOGSPOT‘ name=’DC.Publisher’/>
<meta content=’en’ name=’DC.Language’ scheme=’ISO639’/>
<meta content=’http:// redaksiexpo2012.blogspot.com ‘ name=’DC.Relation.IsPartOf’/>
<meta content=’http://redaksiexpo2012.blogspot.com/2011/08/term-of-use-expo-blogspot-templates.html‘ name=’DC.Rights’/>

4. Silahkan and ubah sendiri kode yang berwarna merah sesuai blog anda
5. Langkah terakhir silahkan anda cek blog anda SeoQuake

Jika langkah-langkahnya benar maka akan muncul tanda centang hijau pada tabel Dublin Core SeoQuake. Demikian langkah-langkah Cara Memasang Dublin Core pada template blogspot. Semoga bermanfaat.

Wilderness Slider Blogger Template

Wilderness  Blogger Template with Slider, dropdown menu,  by Sora Template
Wilderness Slider Blogger Template

Template name : Wilderness
Platform: Blogger / Blogspot
Release date : November 2012
Author :  www.soratemplates.com
Designer :  www.devilcantburn.com
License : Creative Commons Attribution 3.0
Basic Instructions : How to install a Blogger Template

Template features :

WordPress Look, 2 Columns, Right Sidebar, 3D Slider, Fixed Width, paper-wood background, Dropdown Menu, Page Navigation Widget.

Configure Featured Content Slider:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div id=’slider_wrapper’>
<div class=’marg_0_0_20_0′ id=’sliderCss3d’>
<img alt=’Slider 1′ data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}’ src=’/slider.jpg‘/>
……….

Replace:
image.jpg” with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<ul class=’menu’ id=’menu’>
<li><a href=’#‘>Home</a></li>
<li><a href=’#‘>Fullwidth page</a></li>
<ul class=’sub-menu’>
<li><a href=’#‘>Buttons</a></li>
<li><a href=’#‘>Google Map</a></li>
……….

Replace “#” with your menu item URL.

Configure Page Navigation Widget:

search for:

var posts=3, // Number of posts in each page
       num=2, // Number of buttons will display

How to change Author Section:

Find this:

<h4>About the author</h4>
<div id=’author-info’>
<div id=’author-image’>
<a href=’#’><img height=’80’ src=’/avatar.png’ width=’80’/></a>
</div>
<div id=’author-bio’>
<h5>Admin</h5>
Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.
</div>

Tarnished Blogger Template

Tarnished Blogger Template slider, video by sora templates
Tarnished Blogger Template

Template name : Tarnished
Release date : June 2012
Author : www.soratemplates.com
Designer : www.ghostpool.com
Basic Instructions : How to install a Blogger Template

Template features : 
WordPress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Portfolio, Header Banner, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Page Navigation, Social Bar.

Configure Featured Content Slider:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div class=’slide’ style=’width: 950px; height: 450px;’>
<div class=’caption-overlay caption-bottomright caption-dark’>
<h2>Nunc arcu ipsum</h2></div>
<img class=’slider-image’ src=’/image.jpg‘ style=’width: 950px; height: 450px;’/>
……….
<span class=’slider-button’>
<img src=’/thumbnail.jpg‘ style=’width: 109px; height: 54px;’/>
</span>
……….

Now replace:

  • image.jpg” with your slider image.
  • thumbnail.jpg” with your thumbnail image.

Configure Dropdown Menu:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div id=’menu’>
<ul class=’menu’ id=’menu-header’>
<li><a href=’#‘>Home</a></li>
<li><a href=’#‘>Pages</a>
<ul class=’sub-menu’>
<li><a href=’#‘>Page With Left Sidebar</a></li>
……….

Just replace “#” with your menu item URL.

How To Change Header Banner:

find this:

<div id=’header-widget’>
<div class=’textwidget’>
<a href=’#‘><img border=’0′ src=’/banner.jpg‘/></a>
</div>
</div>

Now replace:
#” with your banner URL.
banner.jpg” with your banner image.

Configure Page Navigation Widget:

search for:

var pages=4, // Number of posts in each page
        num=2, // Number of buttons will display

Widget Share Button Keren and Super Ringan Untuk Blog

Widget Share Button Keren and Super Ringan Untuk Blogspot
Widget Share Button Fast Loading
Widget share button for blogspot merupakan satu hal yang mutlak diperlukan bagi sebuah blog. Karena feature ini mempermudah pengujung blog berbagi artikel atau konten yang anda buat dimedia sosial yang dimiliki pengunjung. Artinya, jelas berpotensi meningkatkan jumlah pengunjung lebih banyak lagi.

Tidak hanya itu, Widget share button juga berfungsi untuk mempercantik tampilan template blog. Apalagi  Widget share button for blogspot yang satu ini fast loading. Sehingga anda tidak perlu khawatir tentang pengaruh kecepatan loading blog anda. Sangat ringan, dan tampil elegant.

Langsung saja ke langkah-langkah (tutorial) untuk memasang widget share di blog anda:

  • Login ke Blogger
  • Klik Rancangan, Elemen laman, lalu Tambah Gadget
  • Pilih HTML/Java Script
  • Copy code di bawah ini :

<script charset=”UTF-8″ src=”http://s.web.informer.com/favorites-button.js?glass,” type=”text/javascript”>
</script> 

  •  Simpan/SELESAI

Mudah bukan? Demikian Widget share button for blogspot ini saya bagikan dengan cuma-cuma. Karena saya mendapatkannya pun dengan cara yang cuma-cuma dari blog tetangga.. he… he…

Keren and Super Ringan Untuk Blog
Widget share button


Add a Google Sitemap to your Blogger Blog

Add a Google Sitemap to your Blogger Blog
Add a Google Sitemap to your Blogger Blog

The XML Sitemap file is like a directory of all web pages that exist on your website or blog. Search engines like Google and Bing can use these sitemap files to discover pages on your site that the search bots may have otherwise missed during regular crawling.

 

The Problem with Blogger Sitemap Files

An complete sitemap file should mention all pages of a site but that’s not the case if your blog is hosted on Blogger.

The default XML sitemap file of any Blogger blog will have only the 26 most recent blog posts –see example. That’s a limitation because some of your older blog pages, that are missing in the default XML sitemap file, may never get indexed in search engines. There’s however a simple solution to fix this problem.

Generate a Complete Sitemap for your Blogger Blog

This section is valid for both regular Blogger blogs (that use a .blogspot.com address) and also the self-hosted Blogger blogs that use a custom domain (like postsecret.com).

Here’s what you need to do to expose your blog’s complete site structure to search engines with the help of an XML sitemap.

  1. Open the Sitemap Generator and type the full address of your blogspot blog (or your self-hosted Blogger blog).
  2. Click the Create Sitemap button and this tool will instantly generate the necessary text for your sitemap. Copy the entire generated text to your clipboard (see screenshot below).
  3. Next go to your Blogger dashboard and under Settings – > Search Preferences, the enable Custom robots.txt option (available in the Crawling and Indexing section). Paste the clipboard text here and save your changes.

And we are done. Search engines will automatically discover your XML sitemap files via the robots.txt file and you don’t have to ping them manually.

Menghapus/Menghilangkan Navbar di template Blogger

Cara menghilangkan atau menghapus Navbar di template blogspot
Menghapus/Menghilangkan Navbar di template Blogger

Navbar (navigation bar) default dari blogger biasanya terletak pada bagian paling atas dari sebuah blog. Navbar ini sering kali di hapus oleh para blogger karena di anggap memiliki kode yang tidak valid atau error, di samping style nya yang kurang memuaskan bagi para blogger.

Bagaimana cara Menghapus/Menghilangkan Navbar di template Blogger? Pada tutorial ini saya akan share cara untuk menghilangkan navbar blogger tersebut ataupun hanya sekedar menyembunyikannya saja. 

Berikut salah satu caranya :
Masuk ke akun blogger anda. Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).

Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
Beri tanda centang pada Expand Template Widget.
Cari kode ]]></b:skin>, lalu letakkan kode berikut diatas kode ]]></b:skin>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Lalu, klik Simpan Template.

Note: Pada langkah di atas sobat sudah menyembunyikan / tidak menampilkan Navbar bawaan Blogger, namun pada template blog sobat masih terdapat kode dari Navbar tersebut.

Untuk cara kedua Menghilangkan Navbar bawaan Blogger, Sobat dapat melakukan langkah di bawah ini :
Sama seperti cara pertama. Masuk ke akun blogger anda Klik pada Template.
Lalu klik Edit HTML dan klik Proceed / Lanjutkan.
Beri tanda centang pada Expand Template Widget.
Cari kode <body>, lalu letakkan kode berikut diatas kode <body>

<script type=’text/javascript’>
<![CDATA[
<!– /*<body>*/ –>
]]>
</script>

Simpan Template Anda.
Anda akan melihat gambar konformasi seperti di bawah ini.

Note: Klik Delete Widget untuk menghapus Navbar.

Jika Anda melakukan cara ini, Anda juga akan menghapus Link Quick Edit gambar pensil, atau gambar kunci pas ama obeng di blog Sobat, namun cara ini sangat banyak mengurangi error pada blog.

Untuk cara ketiga dalam Menghapus/Menghilangkan Navbar Blogger, sama halnya dengan cara sebelumnya, cuma kode yang kita cari seperti dibawah ini :

<b:section class=’navbar’ id=’navbar’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Navbar1′ locked=’true’ title=’Navbar’ type=’Navbar’>
bla…
bla…
bla…
</b:widget>
</b:section>

Jika sudah ketemu, hapus kode tersebut lalu Simpan Template Anda.

Silakan Anda pilih cara mana yang Sobat gunakan untuk Menghapus/Menghilangkan Navbar BloggerSaya yakin dari ketiga cara tersebut pasti berhasil.