Membuat Dua Kolom Pada Homepage Thesis

Shah Danial August 20, 2012

Untuk membuat template thesis for blogspot ini agar dapat menampilkan dua kolom pada halaman beranda (homepage), dapat dilakukan sedikit tweak pada css Thesis Ver.2 Rock! Blogger Template ini.

Perubahan yang dilakukan tidak akan mengurangi atau menghilangkan kualitas seo yang dimiliki dan menjadi ciri khas template, akan tetapi hanya memberikan pengaturan lebar dan tinggi dari setiap artikel pada halaman depan/ home saja.

Untuk membuat dua kolom pada halaman home, cukup letakkan kode ini diatas </head>

<b:if cond='data:blog.pageType == &quot;index&quot;'><style>
.blog-posts .post{display:inline-block;width:280px;min-height:10px;margin-left:10px;margin-right:10px}
.post-body h2{font-size:1.25em}
#outer-wrapper{font-family: &#39;Franklin Gothic Medium&#39;,Arial,sans-serif;font-size:0.75em;line-height:1.275em;}
.sidebar h2,.sidebar h3,.sidebar h4{font-size:2.5em}
</style></b:if>

Maka hasilnya akan menjadi seperti tampilan pada blog ini: DEMO

{ 42 comments.. read them below or add one }

Kadok August 21, 2012

Salam,muslim boleh tak bagi tahu cara nak buang readmore [....] thesisforblogger V2?

Mus Lim August 21, 2012

Salam bro Kadok.

Oh... kalau karakter [...], mudah saja menghilangkannya.

Edit Template - Expand Template Widget - Ctrl+F - cari [...] - remove [...] - Save.

Kadok August 21, 2012

Yep thanx aku dah buat,dah jumpa code [...] sekarang aku nak gantikan read more [...] macam di sini http://tutorialuntukblog.blogspot.com/2010/02/cara-buat-read-more-pada-blog.html tapi tak boleh la,boleh bantu?ke ada lagi code [...] yang perlu di buang muslim?

MUS LIM August 21, 2012

maaf, tak usah pakai tutor tu sebab akan menjadi lebih rumit :)

agar menjadi lebih mudah, cari (ctrl+f):
< script type='text/javascript'>createSummaryAndThumb("summary");< /script>

letakkan dibawahnya:
< span class='readmorelink' style='float:right;'>
< a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'>Read the full article →< /a>
< /span>

note: please remove space at <_script>,<_/script>,<_span,<_a,<_/a dan <_/span>

Mus Lim August 22, 2012

maaf sekali lagi, msh ada sedikit kesalahan dari info diatas ni :)

ralat:
*agar menjadi lebih mudah, cari (ctrl+f):
< script type='text/javascript'>createSummaryAndThumb(& quot;summary< data:post.id/>& quot;);< /script>

*note: please remove space at <_script>,<_data,&_quot; and <_/script>

Kadok August 22, 2012

Terima kasih Muslim atas bantuan :)

Mr.K August 23, 2012

teknik ini hanya menjadi di homepage.Apabila kita baca full post,tulisan dan font menjadi kecil.

Mohon bantuan..terima kasih

Mus Lim August 23, 2012

I've fixed it.

Please try again, Kewin!

Mr.K August 23, 2012

terima kasih..

Mus Lim August 23, 2012

sama-sama. terimakasih juga

Mus Lim August 23, 2012

sama-sama. terimakasih juga.

agar tampilan home menjadi lebih indah, sila ubah thumbnail size to height:120 & width:120

Mr.K August 23, 2012

dah ok..tQ

Mcm mana ye nak buat widget Popular Post mcm di blog ini.??ada tutorial tak...

Mus Lim August 23, 2012

Silahkan tambahkan default blogger "Popular Posts" Gadget pada sidebar Anda, Kewin. Dalam TFB-V2 ini sudah ditata dengan rapi styling dari Popular Posts ini.

Anonymous August 25, 2012

Tips di atas akan berfungsi atau bekerja dengan baik pada template lama. Bagaimana dengan template blogger.com yang baru? Karena setelah saya coba, tidak berhasil.

paimin August 25, 2012

terimakasih untuk template bloggernya,
ada yang ingin saya tanyakan, bagaimanakah caranya untuk merubah judul blog dan menampilkan deskripsi blog juga, karena template ini tidak dapat menampilkan deskripsi blog di bawah judul blog, 1 lagi bagaimana caranya menghilangkan box dalam image, yang di home page maupun post, terimakasih

forblogger August 26, 2012

Anda mencubanya di blog mana dan dengan template mana?

Sama2 sahaja itu kan hanya CSS :)

Anonymous August 26, 2012

Mengubah judul dan descripsi Homepage dan single post blog ikuti di pautan link SEO Home Page dan Single Post v2 ini.

paimin August 26, 2012

terimakasih untuk replynya, tetapi bukan itu yang saya maksud :), yang saya maksud merubah judul blog di dalam template nya, merubah posisi(letak), ukuran, font, karena template yang saya pasang judul blog agak naik ke atas (terpotong separuhnya, dan deskripsi blog tidak juga tampil)

deskripsi blog juga tidak dapat tampil pada template ini,

Unknown August 26, 2012

Thanks for the template...

But this [...] seem unclickable,how to make it clickable or known as read more ???

onlajer August 28, 2012

ok menjadi thanks

Anonymous August 28, 2012

Maaf ya gan saya kurang jelas lagi.. Bisa berdskasi dengan team dan pengguna² lain di [group thesis for blogspot] member ini. Insyallah dalam kadar segera bisa di jawab dan fix bersama.

Terima kasih gan.

Mus Lim August 28, 2012

saya setuju dengan bro forblogger, sesuaikan saja css id atau class dari template yang lain itu :)

Mus Lim August 28, 2012

itu mah gampang mas paimin, biar posisi titlenya rapi, tinggal diatur aja css margin n padding-nya; di TFB-V2 ini:
#header h3{margin:0;padding:0;}
#header h1{margin:0;padding:0;}
.description{margin:0;padding:0;}
#descriptionwrapper{margin:0;padding:0;}

trus untuk nampilin deskripsi blog ya tambahin aja < b:include name='description'/> dibawah class titlewrapper:

< div class='titlewrapper' style='background: transparent'>
< /div>
< b:include name='description'/>

Mus Lim August 28, 2012

welcome bro :)

to remove [...] please follow these steps:

Edit Template - Expand Template Widget - Ctrl+F - find [...] - remove [...] - Save.

to make a clickable link after the excerpt, you can do this simple trick :)

findout this script:
< script type='text/javascript'>createSummaryAndThumb(& quot;summary< data:post.id/>& quot;);< /script>

and then place this code below that script:
< span class='readmorelink' style='float:right;'>
< a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'>Read the full article & #8594;< /a>
< /span>

note: please remove space at <_script>, <_/script>, &_, <_span,<_a,<_/a dan <_/span>

Save your template :)

Mus Lim August 28, 2012

Alhamdulillah.

paimin August 28, 2012

terimakasih untuk bantuannya,
oiya saya mendapati
The following errors were found during preview generation:
This page does not contain authorship or rich snippet markup.

pada saat menggunakan Rich Snippets Testing Tool

berbeda dengan blog ini
kenapa itu yah?

MUSLIM August 28, 2012

oh itu krn mas paimin ada sedikit lupa menambahkan:

< span class='fn'>....................< /span>

silahkan dipilih salahsatu dr kode berikut,mas:

< span class='fn'>< span itemprop='reviewer'>Paimin-Pribadi< /span>< /span>

< span class='fn'>< span itemprop='reviewer'>
< a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
< data:post.author/>
< /a>
< /span>< /span>

Iza September 10, 2012

Assalam..
Ada masa nanti boleh la cuba...

Unknown September 10, 2012

muslim, utk ubah size thumbnail seperti yg dinyatakan, di mana nak cari code thumbnail tu?dalam code yg diberi kat atas, takde pun thumbnail tu..

Unknown September 10, 2012

boleh juga semak kat sini
http://www.sembangcyber.com/2012/08/official-popular-post-tweak-v1.html

Ternak Ayam Kampung September 16, 2012

kok aku pakai script itu gagal? malah ada yang doble dan ada yang berdiri sendiri. saya coba tambah mnjd 8 post. hasilnya memanjang ke bawah

Agen BBM October 10, 2012

Bagus sekali sharenya, alhamdulillah bermanfaat :)

Informasi Online November 26, 2012

Woow.. Thak's for nice Share..

I am Thesis User.. :)

Munira mustapher November 29, 2012

Kenapa saya guna TFB v2, tapi takde features2 yg dinyatakan. Sila bantu. Semak di blogsainspertanian.blogspot.com

KamilSalleh January 19, 2013

Salam....
Bagaimana nak buang header forblogger yg asal, supaya header pengguna digunakan. Saya hanya dpt tampal header yang bertindih dgn forblogger yg hijau tu warnannya.
TQ.

KamilSalleh January 19, 2013

Kenapa template saya terjadi begini, kerana tersalah edit ni.

More than one widget was found with id: HTML5. Widget IDs should be unique.

Error 500