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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKwN8Ox6IC-PCuC-8cab3-5ipzwKG37hIhThdzfS2Q25yIswWwd3oZHxULL78rricKi455KSqCKJh3FmM5aGCdRoQ9L138oOOTuAoivddr8UF5EjW0zk6mECVC8lm8ay_AIeEXF454ZymR/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/AVvXsEhM2clCxHS1u9fKsSlx4d9r-l9BbMmLT088Dpk2n9heIfMWoa5B3eGMt8F6DBxRKF_OE9Ky6iX44Bf5UwHiRe1rZUYhXueaYmy3GJneIXoSaS_qqlmox06OcAnBNK-hpppf9jxoabi_CU0K/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>

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!"

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Situs Auto Visitors

Image
Demo Click here Download Click here   Cara Membuat Situs Auto Visitors Situs ini seperti bot yang berfungsi untuk memperbanyak pengunjung/penayangan sehingga blog/situs akan tampak seperti ramai, script ini bisa di pasang cron job dengan mengcopy link yang sudah di submit lalu buat cron job di google drive dan situs Auto Visitors yang dibuat pun bisa di gunakan orang lain 1.Buka cpanel mu 2.Masuk ke file manager 3.Upload script di atas 4.Buka situsmu dan Situs Auto Visitors pun berhasil di buat Bebas megedit script di atas asalkan tidak mengganti credit dari blog Alal dan saya sendiri (yang mengedit sedikit)
Read more

Free Download | Warcraft 3 - Frozen Throne Maps | Naruto | Bleach | One piece | More ...

Image
* To play maps, you must have Warcraft 3 Frozen throne game installed on your PC, untuk memainkan game (maps), komputer anda sudah harus terinstal game Wacraft 3 frozen throne * All maps hosted and shared in 4shared.com , semua map game adalah milik netter lain yang di share di situs 4shared.com W3 Game Maps - Download Links » Warcraft 3 - Frozen throne Maps » Bleach ( *.w3x ) » Warcraft 3 - Frozen throne Maps » One Piece ( *.w3x ) » Warcraft 3 - Frozen throne Maps » Naruto ( *.w3x ) - the best Naruto Maps » Warcraft 3 - Frozen throne Maps » Final Fantasy ( *.w3x ) » Warcraft 3 - Frozen throne Maps » Inuyasha ( *.w3x ) » Warcraft 3 - Frozen throne Maps » Dota All Stars (*.w3x) » Warcraft 3 - Frozen throne Maps » All Tournament maps (*.w3x) » Warcraft 3 - Frozen throne Maps » All Ai Maps (*.w3x) » Warcraft 3 - Frozen throne Maps » All Defense Maps (*.w3x) » Warcraft 3 - Frozen throne Maps » Tower Defense (*.w3x) » Warcraft 3 - Frozen throne Maps » Survival
Read more

Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger

Image
Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger Mungkin sudah ada yang mendengar atau memakai Website Auto Like dan Comment Beranda , tetapi disini saya membuat tutorial Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger . Mungkin tidak hanya Blogger, situs lain mungkin juga bisa. Disini saya bagi menjadi 2 bagian. Fitur: Auto Like Auto Comment Auto Post (Grup, teman) Cara Membuat Website Auto Like dan Comment Beranda dengan mengganti Template 1. Login ke Blogger dan pilih blog yang ingin diubah menjadi Website Auto Like dan Comment 2. Klik Template 3. Geser ke paling bawah dan klik Kembali ke Template Klasik dan klik Kembali ke template klasik lagi 4. Geser ke paling bawah dan pada kolom Edit Template HTML ganti dengan kode ini . 5. Selesai Website Auto Like dan Comment Beranda dengan Blogger sudah jadi. Cara Membuat Website Auto Like dan Comment Beranda dengan Postingan 1. Buat postingan baru 2. Pastekan kode beriku
Read more