 |
| Cara Membuat Template |
Cara membuat template sebenarnya lumayan susah, butuh waktu berhari-hari bahkan sampai berbulan-bulan untuk membuat template, apalagi bagi pemula yang tidak mengetahui tentang kode-kode HTML. Tetapi tidak perlu khawatir teman-teman tetap bisa kok membuat template meskipun hanya sebatas mengkopi kode HTML namun setidaknya mengetahui seluk beluk dari pembuatan template blog ini.
Untuk membuat template sendiri ada beberapa tahapan yang dilakukan yaitu mulai dari
- Membuat kerangka blog
- Membuat outer wrapper
- Membuat header
- Membuat sidebar
- Membuat footer.
Baik lah langsung saja ya kita ke materi nya agar cepat di praktekkan oleh teman-teman semua, agar tidak mengalami kesulitan dalam membuat tempale ini diharapkan untuk mengikuti nya secara seksama dan runtut agar tidak terjadi kesalahan saat pembuatannya. Kami pun akan menyajikan cara membuat blog ini dengan gambar untuk mempermudah teman-teman semua. Cekidott...!!!
Cara Membuat Kerangka Blog
- Masuklah ke dashboar blogger anda dan klik menu Template kemudian klik Edit HTML.
- Untuk membuat dari awal sebaiknya teman-teman hapus dulu kode HTML yang ada dengan menekan di keyboard CTRL+A kemudian tekan DELETE.
- Setelah selesai copykan kode di bawah ini ke dashboard HTML
- Sebagai Catatan Kecil kode yang berwarna merah silahkan teman-teman merubahnya sesuai dengan yang di inginkan.Kemudian klik Simpan Template atau Save Template.
- Sampai disini tahapan cara membuat kerangka blog telah selesai, bisa di lihat hasilnya dengan klik Pratinjau Template.
<?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='Mas Yadi' 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 == "index"'>
<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 != "index"'>
<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>
*/
<style type="text/css"><!-- /* <b:skin><![CDATA[
/*-----------------------------------------------------
Belajar Cara Membuat Template Blog sendiri untuk pemula.
Name : Nama style Template Anda
Date : Tanggal Pembuatan Template anda
Created by : nama anda
------------------------------------------------------*/
#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>
 |
| Ini adalah pratinjau dari kerangka template |
Cara Membuat Template Blog Untuk Pemula- Demikianlah materi kita kali ini semoga bermanfaat dan bisa di praktekkan. Untuk materi selanjutnya bisa di baca di Cara Membuat Outer-wrapper
No Deposit Slots Casino Site - Click To Get $10 Free!
ReplyDeleteNo Deposit Slots Casino is the best หารายได้เสริม online casino to play for real money and get $10 free to play for choegocasino real money. Click here to learn more about our no deposit videodl bonus.
Playtech's first-party casino app is ready to roll out - JT Hub
ReplyDeleteNew 전라북도 출장안마 customers can 경산 출장샵 download the mobile version of the Playtech 의왕 출장안마 Playtech app on the 광주광역 출장샵 official 보령 출장샵 mobile device.