Cara Membuat Template Blogger Sendiri Part 1

Hy Pengujung Setia Kode Ken, kali ini Kode Ken post tentang Cara Membuat Template Blogger Part 1 dan kali ini Kode Ken tidak banyak basa basi langsung ke inti nya saja yah.

Cara Membuat Template Blogger Sendiri?
Untuk memasang script ini di  blogger anda dengan benar, ikuti langkah dibawah ini dengan benar.

1. Pertama, Pergi Ke Blogger >> Tema >> Edit HTML.

2. Kedua, Semua Kode Yang Ada Disana Dihapus Semua Kemudia Ganti Dengan Kode Yang Dibawah ini!.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
   <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0' name='viewport'/>
   <meta content='noindex,nofollow' name='robots'/>
    </b:if>
<b:include data='blog' name='all-head-content'/>
<meta content='####################' name='google-site-verification'/>
<meta content='####################' name='msvalidate.01'/>
<meta content='####################' name='alexaVerifyID'/>
<meta content='index, follow, noodp, noydir' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='Kode Ken' name='author'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='index, follow, snipet' name='googlebot'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
 <meta content='website' property='og:type'/>
 <meta expr:content='data:blog.title' property='og:site_name'/>
 <meta content='id_id' property='og:locale'/>
 <meta expr:content='data:blog.pageTitle' property='og:title'/>
 <meta expr:content='data:blog.metaDescription' property='og:description'/>
 <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
 <title><data:blog.pageTitle/></title>
 <meta content='KEYWORD+BLOG_ANDA' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
 <meta content='article' property='og:type'/>
 <meta expr:content='data:blog.title' property='og:site_name'/>
 <meta content='id_id' property='og:locale'/>
 <meta expr:content='data:blog.pageName' property='og:title'/>
 <meta expr:content='data:blog.metaDescription' property='og:description'/>
 <b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
 </b:if>
 <title><data:blog.pageName/> - <data:blog.title/></title>
 <meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
*/
&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
/*
Bagi anda yang mengerti dan blogger profesional pastinya tidak akan menghapus link ini. Membuat template ini tidak cukup 2 jam bro!
Blogger Template Style
Name       : Nama Template Anda
Date       : Tanggal Pembuatan Template Ini
Updated by : Kode Ken/Namamu
*/
#navbar-iframe{height:0;visibility:hidden;display:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
a:link,a:visited{color:#1BC7A5;text-decoration:none;margin-left:0px;margin-right:0px;}
a img{border-width:0;}
img{max-width:100%;vertical-align:middle;border:0;height:auto;}
.quickedit{display:none;}
.clear{clear:both;}
body{background:#eaeaea;margin:0;padding:0;font-family: calibri;color:#2c3e50;}
]]></b:skin>
<style type='text/css'>

</style>
</head>
<body>

<b:section class='main' id='main'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>

</body>
</HTML>
Copy dan Pastekan Semua Kode Diatas Yah !
Cara Membuat Wrapper Pada Template

1. Pertama, Pasang Kode CSS dibawah ini diatas kode </style> Atau di ]]></b:skin>

#wrapper{
background:#FFF;
width:1024px;
overflow:hidden;
margin:0 auto;
}
Copy dan Pastekan Semua Kode Diatas Yah !
2. Kedua, Kemudian supaya css tadi berfungsi kita panggil dengan memasang htmlnya , caranya kita cari kode <body> kemudian letakan kode dibawah ini tepat , dibawah kode <body> tersebut
<div id='wrapper'>
Copy dan Pastekan Semua Kode Diatas Yah !
Baca Juga : Tips Memilih Template Blogger

3. Kemudian Kita tutup kode wrapper diatas dengan cara nya memasang kode penutup div dibawah ini, dengan cara memasangnya  di atas </body> 
</div>

4. Nah sekarang coba anda simpan template dan lihat hasilnya , sampai disini anda sudah bisa membuat template sederhana , tetapi hanya ada widget postingan saja ( Baca cara selanjutnya )

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Hard Reset Oppo A57 Lupa Pola Tanpa Pc (Recovery)

Gambar
www.Carabayu.com - Salah satu solusi  kiat   mengatasi ganguan  aplikasi   di Oppo A57  merupakan dengan  kiat  hard reset. Kerusakan pada smartphone  barangkali   saja terjadi baik   itu   gangguan aplikasi   maupun   kehancuran   pada hardware. Semua itu   bisa  saja terjadi   karena   kesalahan  pemakai ataupun memang   ketika   beli  sudah   tidak beres Oppo A57  Apabila kerusakan  hanya   pada sistem software  bisa   saja   diatas i  dengan hard reset,   namun   lihat dulu kerusakannya,   sudah   parah atau belum. Nah   apabila   kerusakan   sudah   parah maka sangat dianjurkan  untuk   mengerjakan   flashing lewat PC   a gar   hp normal kembali. Hard Reset Hp Oppo A57 Sebelum mengerjakan flashing sangat dianjurkan untuk memakai hard reset terlebih dahulu karenapada dasa...
Baca selengkapnya

Review P-Store.Net Situs Marketplace Terpercaya

Gambar
pada postingan saya kali ini saya akan me-review  Website Marketplace P-Store.Net  . Disini saya akan berbicara mengenai pengalaman saya yang sudah bertransaksi dan berjualan di  P-Store.Net .  P-Store.Net  adalah sebuah website punyanya Mas Tri Hariyanto dimana website ini kegunaanya untuk berjualan online seperti tokopedia atau bukalapak. Disini kalian bebas mau menjual apa saja tanpa ada batasan , kebanyakan yang di jual mengenai Produk-Produk yang berhubungan dengan Internet tapi tidak menutup kemungkinan untuk menjual produk produk lainnya. Review P-Store.Net Situs Marketplace Terpercaya Kalau Mau Join Silahkan Klik Gambar Di bawah ini ! Click Image Tentang P-Store.Net P-Store.Net merupakan marketplace produk virtual & fisik yang dapat memenuhi kebutuhan anda, kami disini mempertemukan penjual & pembeli dengan sistem yang interaktif namun tetap mengedepankan keamanan & kenyamanan pengguna. P-Store.Net juga didukung oleh sumber daya manusia yang ...
Baca selengkapnya

Pedoman untuk Mengubah Hidup Kamu

Gambar
19 Pedoman untuk Jadi Orang yang Lebih Baik Mengubah Hidup Pedoman itu bagaikan arah mata angin yang harus kita ketahui sebelum berlayar di lautan luas.  Simak 19 pedoman dari #ollie dan coba terapkan di kehidupan sehari-hari yaa.. 1 Mempunyai Kebiasaan yang Baik Pastinya ketika bekerja, selalu ada keluhan, kritikan, tindakan merugikan dan terkadang ada yang membicarakan orang lain dari belakang,begitupun sebaliknya. Hal itu tidak perlu dipedulikan.   Ada ungkapan bahwa tidak ada orang yang kerjanya membicarakan orang lain akan berhasil, dan tak ada pula yang menjadi besar karena mengkritik orang lain setiap harinya. Tetap sabar, jangan  mudah terpengaruh orang lain, dan berprasangka baik.  1 2 Bijak Seperti Matahari Cobalah untuk tak membawa informasi negatif ke dalam pekerjaan.   Jangan mengirimkan ataupun menyebarkan informasi negatif ke media sosial seperti Twitter, Facebook, Line dan lain sebagainya.   Belajarlah dari kebijaksanaan matahari, yang menyi...
Baca selengkapnya