Cara membuat template Blog pemula
 |
| 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
Sumber-carablog4
Belum ada Komentar untuk "Cara membuat template Blog pemula"
Posting Komentar