Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts
Kotak Komentar Simple Keren Bersih untuk Blogger

Kotak Komentar Simple Keren Bersih untuk Blogger

Kotak Komentar Simple Keren Bersih untuk Blogger. Demonya di Blog ini. ScreenShotnya ini:

Kotak Komentar Simple Keren Bersih untuk Blogger
Cara Pasang:
  1. Template > Edit HTML
  2. Cari (Ctrl+F) kode ]]></b:skin> 
  3. Copas kode berikut ini di atas kode  ]]></b:skin>

.comments h4 { color:#ffffff; display: inline-block !important; background:#3BB7D9; padding:10px; } .comments .comment .comment-actions a { background:#3BB7D9; border-radius: 5px; color: #ffffff; font:12px georgia; margin-right: 8px; padding:5px; text-decoration: none !important; } .comments .comment-block { background:#f8f8f8; border: 1px solid #f0f0f0; padding: 10px; } .continue { border-top:none !important; } .continue a { background:#3BB7D9; border: 1px solid #3BB7D9; border-radius:5px; color: #ffffff; display: inline-block !important; margin-top: 8px; padding:5px; text-decoration: none !important; font:12px georgia ,arial; } .comment-header a { color: #222222 !important; } #comments .avatar-image-container img { border:2px solid #f0f0f0; border-radius: 50px 50px 50px 50px; height: 58px; max-width: 58px; } .comments .avatar-image-container { border: 2px solid #FFFFFF; border-radius: 34px 34px 34px 34px; box-shadow: 1px 1px 3px #dcdcdc; float: left; margin-left: -20px; max-height: 61px !important; overflow: hidden; width: 61px !important; }

Save!

Source
 

Bootstrap - Framework Desain Template Blog Responsive

Bootstrap - Framework Desain Template Blog Responsive

Mengenal Bootstrap - Kode Desain Template Responsive Berbasis HTML & CSS
BOOTSTRAP adalah produk Twitter untuk membangun situs web atau blog berbasis HTML dan CSS.

Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates.

Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.

Menurut Wikipedia, Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website.

Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.

Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.

Twitter Blueprint

Bootstrap adalah sebuah framework yang dikembangkan pengembang Twitter pada pertengahan tahun 2010. Sebelum menjadi kerangka kerja open-source, Bootstrap dikenal sebagai Twitter Blueprint.

Bootstrap telah menjadi salah satu front-end framework yang paling populer dan merupakan proyek open source di dunia.

Kelebihan bootstrap
  1. Responsive Layout dan 12-column grid system. Dengan Responsive Layout maka aplikasi web yang didesain dengan menggunakan Bootstrap akan langsung menyesuaikan dengan lebar dari media perambahnya.
  2. Tampilan web/blog akan tetap rapi dibuka dengan media apapun baik itu handphone, tablet, laptop ataupun PC desktop.
  3. Elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah dibuatkan class-nya oleh bootstrap ini, jadi kita tinggal memanggilnya dalam theme.
Kelebihan Lainnya:
  • Terlihat lebih rapi untuk tampilan template bootstrap. mungkin ini akan sedikit relatif, karena kebiasaan disetiap masing-masing developer membuat coding pasti berbeda-beda. namun pada dasarnya karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan kode yang sudah ada lebih dulu.
  • Template yang menggunakan Bootstrap juga tampak lebih ringan

Meta Tags Blog SEO Friendly Update Google Indeks

Meta Tags Blog SEO Friendly Update Google Indeks

Meta Tags SEO Friendly Update Google untuk Indeks Blog
Meta Tags SEO Friendly Update Google untuk Indeks Blog. 

Tag Meta Terbaik, Terbaru, Recommended for All Blogger Blog.

Meta Tag adalah sebuah tag dalam template blog sebagai "identitas" untuk memberitahu robot mesin pencari dan aplikasi web lain tentang apa isi dalam halaman tertentu dan informasi lainnya  (konten blog).

Meta Tag terdiri dari judul halaman (blog title & page title), deskripsi, dan kata kunci blog agar dikenali dan diindeks Google atau peringkat mesin pencari lainnya.

Meta Tags SEO Friendly Terbaik (Recommended) 

Pasang di bawah kode <b:include data='blog' name='all-head-content'/> untuk menggantikan kode meta tags <title><data:blog.pageTitle/></title> bawaan blogger.

   <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Panduan Menulis untuk Pemula</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
 <meta expr:content='data:blog.pageName' name='keywords'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <meta content='Cara Menulis' name='keywords'/>
    <meta content='Romeltea' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
</b:if>


Meta Tag SEO yang Lebih Lengkap banyak, namun cenderung LEBAY alias over seo optimized.*

Meta Tags SEO Friendly Simple untuk Blogger

Meta Tags SEO Friendly Simple untuk Blogger

Meta Tags SEO Friendly Simple untuk Blogger
Meta Tags SEO Friendly Simple untuk Blog Blogger.

META TAG adalah kode HTML yang dipasang di template blog untuk menggambarkan konten atau isi blog.

Meta Tags hanya bisa dibaca oleh mesin telusur atau mesin pencari yang ditampilkan di hasil pencarian untuk dikenali oleh pengguna (pembaca).

Banyak sekali kode meta tags untuk blog platform Blogger, mulai yang sederhana atau sedikit, hingga banyak banget. Sebenarnya, tanpa meta tags pun blog Anda tidak bermasalah. Mesin pencari, Google dan Bing, masih bisa mengindeks blog Anda berdasarkan posting atau konten blog Anda.

Namun, meta tags ini akan membuat blog Anda mudah dan cepat terindeks Google, dan mampu bersaing dengan blog lain.


Meta Tags SEO Friendly Simple untuk Blogger

Berikut ini Meta Tags SEO Friendly Simple untuk Blogger. Meta tag ini "tidak lebay" seperti meta tags yang ada di beberapa template yang katanya seo friendly. Cukup sesimple ini kok!

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/> | Deskripsi Singkat Konten Blog Anda
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
404 | <data:blog.title/> 
</b:if>
</b:if>
</title>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl != &quot;&quot;'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
</b:if>
 <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>

Cara Memasangnya:

1. Klik Template > Edit HTML
2. Hapus SEMUA kode antara <head> dan <b:skin> atau &lt;style type=&quot;text/css&quot;&gt;  &lt;!-- /*<b:skin><![CDATA[  di bagian atas template Anda.

3. Copas kode meta tags seo di atas untuk menggantikannya.
4. Ubah  Deskripsi Singkat Konten Blog Anda sesui dengan konten blog Anda, misalnya: Blog Berita Aktual dan Sepakbola.
5. Save Tempate!

Note: Kode meta tags di atas terpasang di blog yang sedang Anda kunjungi ini.

Meta Tags SEO Johny Wusss

Anda tentu sudah familiar dengan template blog legendaris Johny Wuss yang sudah terbukti sangat SEO Friendly. Jika kita "intip" meta tag yang dipasangnya, cukup sederhana, tidka pake lebay, yaitu sebagai berikut --kodenya ada di antara kode <head> dan <b:skin>

<meta charset='utf-8'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Your Blog Description</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='Your Blog Description here!' name='description'/>
    <meta content='Your Keywords here!' name='keywords'/>
    <meta content='Author Name here!' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='geo.country'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>
</b:if>

Anda bisa juga gunakan kode dari master blogger Maskolis tersebut. Demikian Meta Tags SEO Friendly Simple untuk Blogger. Baca juga: Meta tags berlebihan bisa berakibat penalti google. Good Luck! (CB Blogger).*


Mengatasi Gambar Thumbnail Tidak Muncul di Halaman Depan

Mengatasi Gambar Thumbnail Tidak Muncul di Halaman Depan

Cara Mengatasi Gambar Thumbnail Tidak Muncul di Halaman Depan Blogger

BANYAK blogger mengalami masalah Image Thumbnail yang tidak muncul di halaman depan. Salah satu penyebabnya adalah setting Site Feed yang tidak benar.

Untuk mengatasinya, lakukan setting Site Feed seperti dalam gambar berikut ini:

Gambar Thumbnail Tidak Muncul

Dari gambar di atas, untuk Mengatasi Gambar Thumbnail Tidak Muncul di Halaman Depan Blogger salah satunya adalah:

  1. Klik Setting
  2. Klik Other
  3. Pilih "Full" di bagian Site feed > Allow Blog Feed.
  4. Save!
Demikian Cara Mengatasi Gambar Thumbnail Tidak Muncul di Halaman Depan Blogger. (CB Blogger).*


Over SEO Blog Berakibat Penalti Google

Over SEO Blog Berakibat Penalti Google

Over SEO
BANYAK sekali tips SEO Blog. Namun ingat, Terlalu Banyak Terapkan Tips SEO Blog alias OVER SEO akan berakibat penalti Google.

Over SEO di antaranya keywords stuffing, yakni memasukkan kata kunci yang tidak relevan dengan konten blog.

Over SEO lainnya adalah terlalu banyak mengulang kata kunci di posting. Keywords Density itu maksimal 2,5% dari total kata dalam tulisan. Terlalu banyak kata kunci yang diulang berakibat posting blog dianggap SPAM oleh mesin pencari.

Jadi, menerapkan SEO blog itu yang wajar saja. SEO Terpenting hanya satu: Konten Berkualitas --unik, asli (orisinal), lengkap, dan bermanfaat bagi pengguna.

Kode Label (Kategori) Posting Blog

Kode Label (Kategori) Posting Blog

Kode Label (Kategori) Posting Blog. Tips Desain Blog. Kode untuk memundulkan Label Posting.

KODE LABEL:
<strong>Categories</strong>:
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>

swiss army watch

Kode Next Previous dengan Judul Posting Blog

Kode Next Previous dengan Judul Posting Blog

Kode Next Previous dengan Judul Posting Blog. Blog pager atau navigasi halaman yang mengarahkan pengunjung blog ke tulisan berikutnya (next post) atau tulisan sebelumnya (previous).

Kode Next Previous dengan Judul Posting Blog


Ini trending desain blogger masa kini.

Kode Next Previous dengan Judul Posting Blog


CSS: di atash </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.halaman{padding:1px;background:#fafafc;border-top:1px solid #ccc;margin-top:10px}
.halaman-kiri{width:49%;float:left;margin:0;text-align:left;color:#666;transition:all .3s ease-out;}
.halaman-kanan{width:49%;float:right;margin:0;text-align:right;color:#666;transition:all .3s ease-out}
.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#555!important;}
.halaman-kanan a:hover,.halaman-kiri a:hover{color:#666!important;}
.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family:Arial,sans-serif;font-weight:300;background:none;text-decoration:none}
.current-pageleft{padding:0 0 0 15px;}
.current-pageright{padding:0 15px 0 0;}
.halaman-kiri a,.halaman-kanan a{color:#555;}
.pager-title-left{font-family:Arial,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;transition:all .3s ease-out}
.isihalaman-kiri{margin:0}
.isihalaman-kanan{margin:1px 10px 10px}
#blog-pager-newer-link a{float:left;line-height:17px;padding:0 0 10px;color:#666;font-size:15px;font-weight:300}
#blog-pager-older-link a{float:right;line-height:17px;color:#666;padding:0 0 10px;font-size:15px;font-weight:300}
#blog-pager {margin:1px}
</style>
</b:if>


HTML: di atas <div id='related post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='halaman'>
  <div class='blog-pager' id='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
        <span class='pager-title-left'>Previous</span><br/>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171; Prev Post</a>
      </span>
<b:else/>
      <span class='current-pageleft'><span class='pager-title-left'>Newest</span></span>
    </b:if>
</div>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
        <span class='pager-title-left'>Next</span><br/>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Next Post &#187;</a>
      </span>
<b:else/>
<span class='current-pageright'><span class='pager-title-left'>Oldest</span></span>
    </b:if>
</div>
</div>
  </div>
<div style='clear: both;'/>
</div>
</b:if>

JS: di atas </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//Pager
$(document).ready(function(){
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//rgt
});
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();
$(&quot;a.blog-pager-newer-link&quot;).text(newerLinkTitle);
});
});
</script>
</b:if>


HIDE!

                        <b:includable id='nextprev'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <div class='blog-pager' id='blog-pager'>
            BANYAK KODE LAIN DI SINI
          </div>
</b:if>
</b:if>
        <div class='clear'/>
        </b:includable>

Add Custom CSS3 Style Numbered list inside Blogger Post

Add Custom CSS3 Style Numbered list inside Blogger Post

Add Custom CSS3 Style Numbered list inside Blogger Post
Gaya daftar berarti seri numerik yang dapat digunakan di Blog post . Umumnya secara default Blog memiliki pilihan gaya daftar di mana dengan memilih dua atau lebih baris jika kita klik pada pilihan Daftar maka secara otomatis akan menambahkan nomor seri per baris . 
Pilihan ini paling populer di Template Blog serta Music Blog mana besar-besaran digunakan untuk daftar fitur template atau Mp3 daftar lagu . Umumnya di blog musik kita lihat daftar lagu dengan daftar pengguna tetapi sulit untuk menambahkan nomor seri per baris jika kita secara acak membuat posting . 
Tapi solusinya adalah dengan menggunakan Daftar widget gaya yang akan membantu Anda untuk menambahkan nomor seri per baris dengan satu kali klik.

Namun widget daftar gaya default  blogger:
  1. Tidak menarik atau tidak gaya (tidak keren)
  2. Tidak bisa mampu menarik pengunjung.
Untuk alasan ini saya berbagi tutorial yang akan membantu Anda untuk menambahkan CSS3 memerintahkan daftar gaya dengan efek hover . Untuk pilihan yang berbeda dari pembaca saya telah merancang 2 gaya . Anda dapat dengan mudah menggunakan daftar gaya CSS3 bernomor .
List style means numeric serial that can be used in Blog post. Generally by default Blog has list style option where by selecting two or more line if we click on List option then it will automatically add the serial number per line. This option is most popular on Template Blog as well as Music Blog where massively use for listing the template feature or Mp3 track list.
Berikut ini kode gaya numbered list dalam postingan blog seperti gambar ilustrasi.
Copas di atas kode ]]</b:skin> atau </style>


Kode
 ol {counter-reset:li;list-style: none;font:13px 'Open Sans',Arial;
padding:0;margin-bottom:1.5em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#F5F5F5;color:#282b2b;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#EEEEEE;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
left:-2.5em;top:50%;margin-top:-1em;background:#FA8072;color:#FEFEFE;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{left:-.5em;border-left-color:#FA8072;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}

Gaya dan Kode lainnya bisa dilihat di Sumber

Meta Tag SEO Friendly Terbaru - Algoritma Google

Meta Tag SEO Friendly Terbaru - Algoritma Google

BERIKUT ini Meta Tag SEO Friendly Terbaru - Algoritma Google Update. Tampak panjang, tapi dengan detail begini blog kita kian mudah diindeks Google dan bisa tampil di pegwan alias numero uno halaman SERP Google.

Meta Tag SEO Friendly Terbaru - Algoritma Google Update

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> &#187; Tips SEO, Desain, Template SEO Friendly</title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> &#187; <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found &#187; <data:blog.title/></title>
<meta content='5;/' http-equiv='refresh'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='tips seo blog, template blogger seo friendly, cara desain blog, contoh blogging' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/106869251529186655236' rel='author'/>
<link href='https://plus.google.com/112295816156065508748' rel='publisher'/>
<link href='https://plus.google.com/106869251529186655236' rel='me'/>
<meta content='6c845c2c8e7521be03a24a228dd2e35d' name='p:domain_verify'/>
<meta content='toQOIS5ZQmeCwoIkt8mQiFu533Q' name='alexaVerifyID'/>
<meta content='1f5lhFwS35-nnT5VPYQLFGy0NRM' name='alexaVerifyID'/>
<meta content='bHwr1-JhtHYUPT5FUGGR4W34ncGiwOm8yMvZ0ucnCLY' name='google-site-verification'/>
<meta content='1F994A39DA937503809E811F8E5E9EFC' name='msvalidate.01'/>
<meta content='CB Blogger' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='Panduan Blogging, Tips SEO, Free Template, dan Kode Desain Blog untuk Pemula' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='250192088481031' property='fb:app_id'/>
<meta content='100007685192099' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@contohblog' name='twitter:site'/>
<meta content='@contohblog' name='twitter:creator'/>

<div></head>
</body><body>

Meta Tag SEO Friendly Terbaru - Algoritma Google Update


SEO Friendly Blogger Template is Very Good for Blog

SEO Friendly Blogger Template is Very Good for Blog

SEO Friendly Blogger Template is Very Good for Blog
SEO Friendly Blogger Template sangat bagus buat sukses blogging.

TEMPLATE blog seo friendly adalah template atau desain-tampilan blog yang ramah mesin pencari sehingga konten blog mudah dan cepat diindeks Google.

Jika mudah diindeks Google, maka posting blog akan muncul di halaman pertama bahkan posisi teratas hasil pencarian.

Jika ada di peringat teratas halaman pertama Google, maka peluang banjir kunjungan sangat terbuka. Blog Anda akan populer.

Maka, gunakanlah template blog seo friendly. Bukan asal bagus dan menarik, tapi seo friendly dulu, baru bagusin dan menarikin!

Di mana mendapatkan template blog seo friendly? Antara lain di galeri template blog seo.