Blogger Template Black Transparent

Home » Blogger » Blogger Template Black Transparent

Blogger Template Black Transparent

Setelah melalui beberapa proses, untuk sementara berhenti sampai di sini dulu mengubrak-abrik template blog.
Dan hasilnya, yaa.. seperti ini!

Klik gambar untuk memperbesar

Lumayan lach buat blogger pemula seperti saya yang hanya bermodalkan kemauan dan banyak ketidak tahuan, sudah cukup merasa bangga dengan hasil seperti ini, kayanya enggak terlalu acak-acakan and amburaduul..!

Template ini saya kasih nama "Black Transparent"" yang terinspirasi dari para senior yang telah memberikan banyak pelajaran tentang dunia blogger.

Bebrapa perubahan dari template aslinya :
Auto readmore
Box facebook like yang dipasang di atas poting
Related Post di bawah posting
Penyesuaian lebar kotak komentar
Tombol reply comment
dll

Template ini sengaja saya share buat sobat siapa saja, dengan harapan dapat memberikan komentar dan saran sebagai bahan evaluasi ke tahap perbaikan.

Ada beberapa hal yang perlu diperhatikan sebelum memakai template Black Transparent :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'> <head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title> </b:if>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HpC-9HdtyXQ_MH5Vmn1HW9oosdhUnTqWytYjQq1zzy1gJY-lBMr7pXXOybSBCUyrW47HQ-Jez6VQQ7n6IR3-1dzfoZ2WmGhRkrgvXaoo6o8m518I0IirMWJldMnr-dtqQzeD5FR6raOC/s1600/globe_11.gif'rel='shortcut icon' type='image/x-icon'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/> <b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/> </b:if>
<meta content='sitename' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP_ID' property='fb:app_id'/> <meta content='FB_ID' property='fb:admins'/>
<meta content='Blogger' property='og:type'/> <b:skin><![CDATA[
/* --------------------------------------
Black Transparent
Cpakank Blog
http://cpakank.blogspot.com
---------------------------------------- */
/* **** START OF CSS STYLING **** */
body {
background:#000;
background-attachment:fixed;
color:#999;
font-family:Tahoma;
font-size:12px;
margin:0;
padding:0;
} 
#outer-wrapper{
margin:0px auto 15px;
padding:0;
position:relative;
text-align:center;
width:100%;
} 
#blog-wrapper{
border:1px solid #666;
margin:2px auto;
padding:7px;
position:relative;
text-align:center;
width:800px
} 
#spacer{
clear:both;
margin:0;
padding:0;
} 
a:link{
color:#39F;
text-decoration:none
} 
a:visited{
color:#246BB2;
text-decoration:none
} 
a:hover{
color:#5FAFFF;
text-decoration:none
} 
#header-wrapper{
background:#ffff;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9YcFv8lFrGrTsMnhYZcFLTLq2cNt-GkazX_FepGqXjmnOMnRk20xHU9MnEpGxSFkIlFK2dSFmKmLUj6mIodxzBzTCSGAMKJ9iF2mOK-Ft5moNCoMLa9Efiln-xP0KWWg77i1HRwfs290/s1600/HDR.png);
height:100px;
margin:0 auto;
width:798px
}
-----------------------------------------------------------------------------------------------------  
<body> 
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({ appId : &#39;APP_ID&#39;, status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function() { var e = document.createElement(&#39;script&#39;); e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); <fb:comments/> </script>

Copy paste script di bawah ini tepat di bawah code <div class='post-footer-line post-footer-line-3'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='10' data-width='450'expr:data-href='data:post.url'/>
</b:if>

Buat sobat yang tertarik untuk mencoba template ini, silakan download link di bawah!

Download Blogger Template Black Transparent.rar (12.9Kb)

"Sebelum menggunakan template Black Transparent, alangkah baiknya sobat untuk download dulu template sobat!"

Selamat Mencoba..!