Home > Blogger > Blogger Template Black Transparent

Blogger Template Black Transparent

Setelah melalui beberapa proses, untuk sementara puas-puasin saja dulu dech hasil dari mengubrak-abrik template blog ini.
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='http://3.bp.blogspot.com/-RWefh1RCQkE/T6n09zgx9tI/AAAAAAAAAvE/6mTK7x2_xDI/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(http://4.bp.blogspot.com/--kgjQy1Vl1E/T6ZbL4CrSPI/AAAAAAAAAsE/MKIods1C590/s1600/HDR.png);height:100px;margin:0 auto;width:798px}
-----------------------------------------------------------------------------------------------------

<body>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({ appId : 'APP_ID', 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('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); <fb:comments/> </script>

Perhatikan text yang diblok :

  • Text diblok warna hijau ganti dengan url gambar untuk favicon blog sobat
  • Text diblok warna merah “Bila sobat ingin menggunakan kotak komentar Facebook, ganti APP_ID dan FB_ID dengan APP_ID dan FB_ID sobat”

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>
  • Text diblok warna putih adalah warna dari background template, silakan ganti dengan warna atau image sesui selera sobat.
  • Text diblok warna biru adalah url image untuk Header, ganti dengan url gambar sobat.
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..!

  1. May 14, 2012 at 2:18 am

    keren templatenya gan

  2. May 14, 2012 at 2:29 am

    Ya.. lumayan lah.. thnks sob..

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: