Badda 1 Template

gtrslnc

Template Blogger

Tuesday 22 April 2014

2 Komentar

Setelah sebelumnya saya memposting tentang Badda Template. kali ini saya akan membagikan template Badda 1.

Tampilannya tidak jauh berbeda dengan Badda Template. Inspirasi untuk bikin template lagi kosong :D
Oke, daripada berlama-lama, langsung saja kalian lihat detail dari template ini.

Keunngulan Template

1. HTML5 Valid

2. CSS3 Valid

3. Related Post tersedia

4. Breadcrumbs ada

5. Slot untuk Iklan tersedia

6. SyntaxHighlighter ( untuk penggunaan nanti dibawah saya jelaskan )
7. Seo score bisa di cek sendiri

Penginstallan Template

1. Untuk penyetingan meta tag, silahkan ganti description dan keyword sesuai blog kalian.

<!-- Meta -->
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
<meta expr:content='data:blog.pageName ' name='keywords'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Tulisan - tulisan dari sebuah imajinasi 1' name='description'/>
<meta content='Blogger tips, cheat, hacking, template, informasi, games, ilmu komputer, gokil, seputar bola, seputar mobil' name='keywords'/>
</b:if>
<!-- End Meta -->

2. Penyetingan Facebook Open Graph gantilah "100003633167069" dengan fb:admins/id page anda dan "548025795267828" dengan fb:profile_id

<!--  Facebook Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='IDanda' property='fb:admins'/>
<meta content='IDanda' property='fb:profile_id'/>      
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxbCt3faHwGlvNw-kf0fUeH2Mpu2HEeKDRVli51YeUcTl1uSKDVqXCsM1qFdwltZSqbfdgARyhNowK5B1U7eCENbHPL5V0VaYg95CybxZwzghyphenhyphenJw25wwlWnya64UcdZvuZf0zV7CpirM/s120-c/default.png' property='og:image'/>
</b:if>
</b:if>
<!-- End Facebook Open Graph -->

3. Untuk Pemakaian SyntaxHighlighter

Setiap tipe bahasa mempunyai kelas masing-masing
HTML, XML, PHP ⇒ language-markup
CSS ⇒ language-css
JavaScript ⇒ language-javascript

Detail penulisan seperti ini :

<pre><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>

Bagi yang ingin mendownload template ini dipersilahkan, Tapi ingat jangan sampai mengganti credit pembuat template ini. Hargai karya orang lain, maka anda akan dihargai juga.

Download Badda 1 Template

• SolidFiles
• CMN

Demo Badda 1 Template

http://badda-1-template.blogspot.com/

Pembuat Template

Guntur