Recent Post

Sponsored

Labels

addressbook Twitter Freak Blogger Template

Diposting oleh dev | , , , | 27 komentar »

Twitter Freak Blogger ThemesSudah lama blog ini tidak saya isi dengan postingan baru, beberapa kesibukan di Jatayu Global Media terpaksa membuat saya harus merelakan blog ini terbengkalai untuk beberapa waktu. Disela-sela kesibukan akhirnya saya sedikit meluangkan waktu untuk sedikit berbagi kepada sahabat-sahabat blogger. Pada postingan kali ini saya akan memberikan free template blogger yang baru saja selesai saya buat dengan nama "Twitter Freak Blogger Template". Seperti biasanya untuk postingan mengenai free template akan saya tulis dalam bahasa Inggris agar lebih global.

Features Of Twitter Freak Blogger Template

  • 2 Column Blogger Template
  • Right Sidebar
  • Twitter interface (blogger twitter clone)
  • Search Engine Friendly
  • Meta Tag ready (easy edited)
  • Auto read more with thumbneil
  • Fast loading
  • Compatible With Mozilla, Flock, Chrome, Opera and Safari
Twitter Freak Blogger Themes
Live Demo | Download | Download Mirror

Installation and Template Guide

Installation
Go To Blogger Layout > Edit HTML > Click "Browse" > put "TwitterFreak.xml" file from your computer > Click "Upload" > Save Template
Simple SEO Blogger Themes

Template Guide
1. Go To Blogger Settings > Basic
Set your Blog Title and Description and then save.

2. Go To Blogger Settings > Comments
Set Comment Form Placement to Embedded below post and then save.

3. Edit Meta, Header logo, Header pic and Navbar:
Go To Blogger Layout > Edit HTML > click "Expand Widget Templates"
Edit

- Edit Meta Tag
Find below codes and change the red color to match yours
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | Enter your blog topic here</title>
<b:else/>
<title><data:blog.pageName/> | Enter your blog name here</title>
</b:if>
<meta content='Enter your blog description' name='description'/>
<meta content='Enter your blog keywords' name='keywords'/>
<meta content='noodp' name='robots'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='3 days' name='revisit-after'/>


- Header Logo -
This template using twitter logo as default, you can change twitter logo with your own logo. Search this code: <!--EDIT YOUR LOGO HERE -->
<a expr:href='data:blog.homepageUrl'><img src="http://2.bp.blogspot.com/_yspTDFyFW2Q/S9q4aiVTIJI/AAAAAAAAAJo/uArE-zx3A58/twitter_logo_header.png" border="0" alt="logo"></a>
Replace the red code with your image URL.

- Insert Header Pic -
Go to Blogger layout and click edit on "(header)"

Upload image from your computer, recomended image size is 100px x 100px. Select placement on "Behind title and description".

- Edit Navbar -
Just find this code to edit the navbar
<!--EDIT YOUR NAVBAR HERE -->

After you edit meta tag, header logo, header pic and navbar just click "SAVE TEMPLATE" and enjoy your template. If there is an errors please leave a comment on this blog and I will be happy to assist you. Thanks..

Notes:
1. Rounded corner using CSS3, rounded corner not working on Internet Explorer family.

Related Posts by Categories

Silahkan klik di sini untuk membaca melalui feed reader anda. Atau masukkan alamat email anda di kolom dibawah ini untuk berlangganan artikel DevBook.net langsung ke alamat email anda.

feed

Page copy protected against web site content infringement by Copyscape

Ada 27komentar ke “Twitter Freak Blogger Template”
Anonymous said...
 date:

Keren2, kya twitter bgt....nice templates, langsung di coba.....:D,Thanks

Ratasoe said...
 date:

Wah keliatanx mantap niy template. Tp ga ad Built Related Postx ya sob..?

BlogCamp said...
 date:

Wah hanya untuk blogger ya mas
Kayaknya bagus tuh, warnanya cerah
salam hangat dari BlogCamp

dev said...
 date:

@Anonymous: selamat mencoba :D

@Ratasoe: related post memang belum saya tambahkan soalnya template ini saya submit ke btemplates. sepengalaman saya banyak fitur yang dihapus kalo mensubmit ke penyedia2 template gratis makanya fitur2 seperti related post tidak saya masukkan :)

@blogcamp: iyya baru untuk blogger. mungkin kedepannya saya akan buat template wordpress juga..

mastpingi said...
 date:

sip mas !!
mas tukeran link ya? (maksa banget)
link mas dev dah tak pasang... check disini
http://www.mastpingi.net/2010/01/friend-link.html

dev said...
 date:

@mastpingi: ok makasih check friend link ya :)

Tihang said...
 date:

Datang lagi Gan he he...

Mantap templatenya !
Sukses slalu sob.

CraLBilogcu said...
 date:

nice template ;)

Nayarre Pata Blog said...
 date:

Keren bngt..!! ntar templatenya buat blog baru aja..!! hehehe.. Sukses "Jatayu Global Media"

BlogCamp said...
 date:

Buat template untuk Wordpress donk
salam hangat dari BlogCamp

abecho said...
 date:

keren mas templatenya
sekalian mau nanya, punya tempalte yg berbahan dasar PHP dan MySQL ga mas, kalo ada minta ya...^_^

dev said...
 date:

@tihang: sukses selalu juga sob :D

@CraLBilogcu: thanks..

@Nayarre Pata Blog: makasih :)

@BlogCamp: iya pakde ntar kalo ada waktu luang saya buat template untuk wordpress

@abecho: template buat apa dulu mas, yang pake php kan banyak sekali. kalo ada pasti saya kasih ^-^v

Lanzhit said...
 date:

kayak twitter beneran ya...keren juga. izin edit ya mas...

zuLiG said...
 date:

klo pengen ngedit warnanya gmn yah?

dev said...
 date:

@zuLiG: edit warna bisa lewat kode css nya di edit HTML blogger..kode warna diawal dengan # contohnya #ddd #000 #ededed dll.

zuLiG said...
 date:

hatur nuhhun kang dev, dicobian ah :)

^Veetha^ said...
 date:

keren banget blogx

http://benpintermasak.blogspot.com

Tablet Android Honeycomb Terbaik Murah said...
 date:

walaupun saya bukan pengguna twitter aktip tapi memang templates twitter nya mantapp.. thanks..

Kanker said...
 date:

wah blognya bagus banget niiich... lam knl dech

Kanker said...
 date:

Thanks infonya soob

Mobile Phone Application said...
 date:

makasih gan themenya... keren banget dech

wulungpay said...
 date:

Mas.. waktu ke halaman label, keterangan "Menampilkan entri terbaru dengan label" menumpuk sama header.. gimana cara memperbaiki ?

thanks b4

dev said...
 date:

@walungpay: sebenernya error label yang menumpuk itu karena fitur baru dari blogger..maklum template ini dibuat sudah lama sekali dan blogger banyak memasukkan code2 baru..buat mengatasi cukup tambahin kode dibawah ini di bagian CSS

.status-msg-wrap{clear:both;}

semoga menyelesaikan masalahnya ya :)

wulungpay said...
 date:

Makasih Mas, Anda sangat baik :D

zuLiG said...
 date:

waduh mas lama nih gak mampir kemari, pa lagi sejak domain co.cc bermasalah ama google juga apes ama anti virus eset nod32 kedetek juga ah lier jangar... hehe

oh iya nih baru2 ini saya teh pake browser google chrome nah lihat deh garis atas kebawah ada yang canggung gmn yah kang memperbaikinya

nuhun ah mohon bantuannya..

zuLiG said...
 date:

oh iya kang biar readmorenya hilang di halaman gmn yah supaya di artikel aja gitu

dpc-faster said...
 date:

mantap mas bro


leave comment
back to top
comment notes

Post a Comment

devbook.net