Ticker

6/recent/ticker-posts

BBWhite Responsive Blogger Template Valid HTML5 dan CSS3

BBWhite Responsive Blogger Template Valid HTML5 dan CSS3  

BBWhite Responsive Blogger Template Valid HTML5 dan CSS3 - Racikan dari ficripebriyana. Template ini memiliki desain yang simpel dan responsive, keunggulan dari templete ini adalah Valid HTML5, CSS3, SEO 100% Chkme. Template ini dibagikan oleh ficripebriyana secara free (gratis) dan semoga desain template ini dapat digunakan.

BBWhite (Black Blue White)

BBWhite merupakan template pertama yang dibuat oleh ficripebriyana, template tersebut merupakan hasil gabungan dari beberapa kode script HTML, CSS, dan JavaScript yang ada pada template-template lainnya. Template tersebut dibuat oleh oleh ficripebriyana pada bulan Februari 2014 dan selesai hingga 5 Maret 2014. Dan terus dilakuka optimasi hingga menjadi lebih simpel, seo friendly, fast loading dan valid html5.

Demo  Downloads
Passwordficripebriyana.blogspot.com

Fitur :
- SEO Friendly
- Fast Loading
- Reponsive
- Valid HTML5 (All Pages)
- Valid CSS3 (All Pages)
- SEO 100% Chkme (All Pages)
- 2 Kolom
- Ads Ready
- Social Button
- Emoticon Komentar
- Rich Snippet (Ranting Bintang)
- Dll...

Checking :
Responsive => Check
Valid CSS3 (HomePage) => Check
Valid CSS3 (Page Posting) => Check
Valid HTML5 (HomePage) => Check
Valid HTML5 (Page Posting) = > Check
SEO 100% Chkme (All Page) => Check

Tambahan :
Ada teman saya yang bertanya, bagaimana kalau dibagian homepage pada posting artikel dijadikan menjadi static (seperti daftar list kebawah) ? Oke sekarang saya akan mencoba memberi tau agar template itu menjadi static bukan grid lagi, gambar static seperti ini :
BBWhite Responsive Blogger Template Valid HTML5 dan CSS3 1
Caranya :
Pastikan Anda sudah menggunakan template "BBWhite"
1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode /* Post Page */
4. Lalu Anda akan menemukan kode seperti ini :

/* Post Page */

.post-outer{max-width: 48%;

float: left;font-size: 0.8em;

}
6. Ganti dengan kode ini :

/* Post Page */

.post-outer{max-width: 100%;

font-size: 0.8em;

}
 
Mohon untuk Tidak Menghapus Link Credit/Footer

Semoga Bermanfaat...

Posting Komentar

0 Komentar