Cara Membuat Template Blogger Lengkap


Sebelumnya saya ingin memberitahukan kepada kalian, bahwa template blogger sudah tersedia banyak sekali di internet. kalian bisa mencarinya dengan kata kunci "template blogger". ada banyak sekali jenis template blogger dengan desain dan fitur yang keren dan unik. template blogger yang dapat digunakan, ada yang gratis dan berbayar.

berikut ini adalah tahapan dalam membuat sebuah template blogger.

Membuat Tag Title Template Blogger

tag title berfungsi untuk mengatur judul. judul ini menyesuaikan pada halaman yang dilihat. 
<b:if cond='data:view.isError'><title>Error 404: Page Not Found</title></b:if>
<b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title></b:if>
<b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.search.query'><title><data:messages.search/>: <data:view.search.query/></title></b:if>
<b:if cond='data:view.search.label'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:view.isArchive'><title><data:messages.blogArchive/>: <data:blog.pageName/></title></b:if>
<b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><title><data:messages.posts/>: <data:blog.title/></title></b:if>
</b:if>
<!-- Meta Title -->
<b:if cond='data:view.isMultipleItems'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>

Membuat Tag Image Template Blogger

tag image berfungsi untuk thumbnail blog ketika kalian membagikan link website ke sosial media.
<!-- Meta Image -->
<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 content='xxxxxxxxxxxx' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content='xxxxxxxxxxxx' name='twitter:image'/>
<b:else/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
</b:if>
<b:if cond='data:view.isPost'>
<link expr:href='resizeImage(data:blog.postImageUrl, 700, "18:9")' rel='image_src'/>
</b:if>

Membuat Meta Description Template Blogger

meta descripsion berfungsi untuk memberi deskripsi singkat isi konten yang akan ditampilkan di halaman pencari google. 
<!-- Meta Description -->
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>

Membuat Meta Keyword Template Blogger

meta keyword berfungsi untuk memudahkan mesin pencarian google mengidentifikasi keyword yang kalian tulis.
<!-- Meta Keywords -->
<meta expr:content='data:blog.title + ", " + data:blog.pageName' name='keywords'/>
<meta expr:content='data:blog.title' property='article:tag'/>

Membuat Site Verification Template Blogger

site verification berfungsi untuk melakukan index artikel dan menganalisis visitor. 
<!-- Sife Verification -->
<meta content='xxxxxxxxxxxx' name='google-site-verification'/>
<meta content='xxxxxxxxxxxx' name='msvalidate.01'/>
<meta content='xxxxxxxxxxxx' name='p:domain_verify'/>
<meta content='xxxxxxxxxxxx' name='majestic-site-verification'/>
<meta content='Blokside' name='copyright'/>
bersambung....