Community


Description
Community Blogger Template is designed by me . I like widescreen layout. This template is suitable for your portfolio project or magazine blog.

Designer
BieTemplates

Featured
  • Automatic thumbnail and readmore
  • Bookmarks post icon
  • RSS Subscribe
  • Twitter update
  • Banner advertisement
  • Adsense ready
  • Three column
  • Three column at lower section
  • Navigation menu
Installation Setting

Install Template
  • Download xml file, click on download link
  • Save to your desktop
  • Go to blogger dashboard, open Edit HTML, click on upload and choose your downloaded xml file
  • Save
Top Navigation Menu

Open Edit HTML, edit these code below

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.bietemplates.com/' target='_blank'>
Template Gallery</a></li>
<li><a href='http://dezigntuts.com' target='_blank'>Dezigntuts</a></li>
<li><a href='http://www.emocutez.com' target='_blank'>Emoticon</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
</div>

Header Logo

If you want to set your own logo follow these instruction
  • create your logo image using image editor
  • upload it through Page Element
  • click Edit on Header widget
  • upload your image, choose instead of tittle and description
  • save
468x60 Banner Advertisement

This template is designed ads ready. You can put your banner ads on header right. Access through Page Element. Click on header right section widget and paste your code

Second Navigation Menu

Open Edit HTML, edit these code below

<div id='navbarmenu'>
<ul id='nav'>
<li><a href='http://your-link-here'>Photoshop</a></li>
<li>
<a href='http://your-link-here'>Freebies</a>
<ul>
<li>
<a href='http://your-link-here'>Icon</a>
<ul>
<li><a href='http://your-link-here'>Icon #1</a></li>
<li><a href='http://your-link-here'>Icon #2</a></li>
<li><a href='http://your-link-here'>Icon #3</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Pattern</a></li>
<li><a href='http://your-link-here'>Brush</a></li>
<li><a href='http://your-link-here'>Swirl</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Vector</a></li>
<li><a href='http://your-link-here'>Sketch</a></li>
<li><a href='http://your-link-here'>Wallpaper</a></li>
<li><a href='http://your-link-here'>Theme</a></li>
<li><a href='http://your-link-here'>Layout</a></li>
<li><a href='http://your-link-here'>Inkscape</a></li>
<li><a href='http://your-link-here'>Graphic</a></li>
<li><a href='http://your-link-here'>CSS</a></li>
<li><a href='http://your-link-here'>Community</a></li>
<li><a href='http://your-link-here'>Submit</a></li>
</ul>
</div>


Twitter Update

You can put your twitter update on this template. Open Edit HTML. Tick mark on Expand Widget Template. Find these code below

<h2 class='sidebar-title' style='display:none;'>Twitter Updates</h2>
<ul id='twitter_update_list'/>
<a href='http://twitter.com/bietemplates' id='twitter-link' style='display:block;text-align:right;'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLUaSyCm5I/AAAAAAAAAIo/171-xow2ueI/s1600/twitter.png'/></a>
</div>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/bietemplates.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

Change red text to your twitter username

RSS Subscribe

Open Edit HTML. Tick mark on Expand Widget Template. Find these code below

<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bietemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='textarea' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter email address here&apos;;}' onfocus='if (this.value == &apos;Enter email address here&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter email address here'/><br/>
<input name='uri' type='hidden' value='camelgraph'/> <input name='title' type='hidden' value='54800'/> <input name='loc' type='hidden' value='en_US'/>
</form>

<p><a href='http://feeds2.feedburner.com/bietemplates'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bietemplates?bg=5eb7c3&amp;fg=ffffff&amp;anim=1' style='border:0' width='88'/></a></p>

Change red text to your feeds username

Advertisement Banner 125x125

Open Edit HTML. Tick mark on Expand Widget Template. Find these code below

<a class='ad1' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>


Change '#' to your targetted URL
Change http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg to your image URL

313 comments:

«Oldest   ‹Older   1 – 200 of 313   Newer›   Newest»
TemplateGoal said...

nice template, bie.

Bie said...

@templategoal:thanks for your comment

Saif said...

fantastic template..what should be the size of logo image..
thanks so much

Bie said...

hi saif, thanks for your comment
I suggest about width 275px height 88px

Yosep A Fianof said...

yeah great.........., good job Bro!!!!!!!

Alex said...

Great Template. I'm thinking about using it.

Alex said...
This comment has been removed by the author.
Bie said...

@alex:thats twitter update, read how to set this section

to remove it just remove from page element

Alex said...

Thanks, I got the twitter thing figured out. But I have another problem. With the RSS E-Mail subscription area. I did what you said, and it looks good, but an image is missing. The one on the demo shows under where is says "enter e-mail address here" a counter showing how man subscriptions you have, but in my template the image is broken. What do I do? Plz Help. I love this template.

Bie said...

@alex: you can put your own code
you have feedburner account right? You can use that code and put on that section. In other word, replace all my orginal code

Alex said...

I did that, but the image is still broken.

Bie said...

@alex:where's your template trial? try it again..i've tried and everything is okey

Giovanna said...

Hi, I love your template and I'd like to use in my blog, but I'm from Brazil, so I'd like to know what font you use in the "Readmore", "Sharing is caring"" and "Follow Me on twitter" images, to write in Portuguese.

Thanks

Bie said...

@giovanna: hope you be patient, because my file on my home, will look font type later and reply to you... thanks...

Pushkar said...

I am using This template but the feedburner Image is not working as the alex said ... Please help us

Bie said...

@pushkar: have you tried to put your own code.. copy original code from your feedburner account

pushkar said...

ok..i will try it later. one more problem adsense ads are showing below comment option. how to remove it..??

Bie said...

which your link? i never put adsense css, so you have to edit it manually. I always put adsense using its HTML code, pick from adsense account. Never use adsense widget, because sometimes it is difficult to customize

pushkar said...

I don't Know what's problem is that.

My link
http://www.tricksmad.co.cc/
Please tell me the solution of the problem

Bie said...

@pushkar: why you delete the credit link footer? if you're using adsense widget that's default place...

Pushkar said...

Hey.. Related Posts widget Is not working in this template. Can you give the Widget which will work here

Bie said...

read term of use, :) do not remove footer link
just search for related post widget. I dont have

pushkar said...

i tried it but not working the related widegt on this template. Why????

Syafiq 007 said...

http://s-007.blogspot.com

hi. tried to delete "readmore", can you pls give an advice? thank u. btw, i really like ur layouts.

Bie said...

@syafiq: do you want delete read more script or just "readmore" image?

Anonymous said...

how do you do.

I can see this phrase "where's your template trial?" (c) Does it mean that the theme is only for sale from some moment? I didn't understand.

Bie, you do really good template, not vulgar, as others do. Wish you success!

Please, could you explain about how to upload, please? This is my first time with ANY blog. I have free account and don't understand where to click to add this theme, because there are several silly standart layouts, possible to change colours. I know that we must buy hosting, but some people say they use it without hosting.

Could you explain about uploads? I understand that I must unpack it, somehow "put" it on the desktop and then "to configure". Do I need any programme? I am zero in programming... tried several times but just became angry for myself.

sorry, just want to understand.
regards,

Bie said...

@anonym: no, I mean, where's his URL link, so I can check his error...this template is free as long as user keep footer/credit link as it is

1. Click on download link, you'll get .zip/.rar file. Do you have winzip/winrar software? Unzip that file, you'll get folder contain xml file
2. open your blogger dashboard, click layout, then edit html. there's upload menu, click then choose downloaded xml file
3. click save

Larissa said...

bie, i want to delete readmore script...

goldberg said...

the image is broken.top right corner.why so.
thanks in advance

Bie said...

@goldberg: which one? that's banner? no..you should put your own html code of your banner

Hogwash Times said...

I think what Goldberg means is that the header and background image for the nav bar are not even with the page, the top graphics just come to a sudden stop well prior to the side of the window. This really bugs me about this template, aside from that it is awesome. Could you please help with this? I have figured out how to widen my header, but cant figure out the background image for the menu.

Bie said...

@hogwash: this is free template, of course use free image hosting that really limited. Open Edit HTML, copy bakcground URL, and save the image. That's better to upload to your own hosting such as photobucket. That's the best way to save the bandwidth.

sikulat said...

hi Bie,

Need your help. How can I make the twitter update to show only 1 twits? Currenly in my page, it shows all twits I have update (since i'm just starting to use twitter (yesterday) :p

So it's show all 3 twits i have updated recently.

my blog : http://sikulat.blogspot.com


Thanks ...

Bie said...

script src='http://twitter.com/statuses/user_timeline/bietemplates.json?callback=twitterCallback2&count=1' type='text/javascript

see, that count=1

you can edit it as you want, that's twitter update count

kaskot said...

Thanx for the template bie.. it's great,
but I have little issue with it when I change the appearance slightly, maybe you can help
When i test it in my tester blog the postmeta work fine, but when i upload it to my kaskot blog the postmeta is not show up.

Thanks

Bie said...

@kaskot: have you tick mark on all? check through page element,click edit on main post section.

Or maybe your old template delete it...

Vicq @ ochon said...

Hey there bie.. thanks for the template.. look very nice dooh.. hurmm can i change a bit at the footer.. from just bie to bie the genius! heheh

btw i cant find the RSS subcribe coding..

all the best in the future bie..

found it already you put this one

YOUR-FEEDBURNER-ID

btw.. i kinda like your commenting system.. can u share with me a bit

:P

kaskot said...

Thanks again bie.. it works

regards :)

Bie said...

@vic: have you ticked mark on expand widget template
@kaskot:you're welcome

Vicq @ Ochon said...

look awesome in my blog.. gonna tweak it more later.. and again bie.. thanks for sharing the template

Luka said...

Hey can u tell me on e-mail how to decrease the digit number on those half-posts on homepage. My e-mail is lukablogger@yahoo.com

http://blogadvicer.blogspot.com/

Bie said...

@luka: which one? i dont get your mean...

Puerto Peñasco Blog said...
This comment has been removed by the author.
Puerto Peñasco Blog said...

Hi Bie,
Thanks for your support.

I have problems with my readers who have IE7 can no see the blog.

Bie said...

puerto:I also still looking for the answer, my another blog also cannot be opened :(

amrit said...

thanks very much for the theme
i need help with removing auto thumbnail.
please

Bie said...

@amrit:leave your mail, and i'll send you how to

anotacaovirtual said...

Very good your post!

Chris said...

For some reason, the categories and date of post do not show up on the posts. Is there a way to fix this?

Bie said...

@chris: leave your URL, so I can check it

dito said...

hi bie...
nice template...
i have used it in mine...
by the way.. i have a lil problem..
after the headline of my posting, why there's only time of posting instead of the date of posting?
how should the date format be?
thanks..

dito said...
This comment has been removed by the author.
dito said...

ooppss..sorry
just fixed it...
it's just the timestamp format, apparently...
:)

Bie said...

@dito : that's better than show date header

Filipe said...

Hi Bie. Nice Template.

In the navbar I can´t have uppercase words, how can I solve it?

Thanks, and sorry for my English.

Bie said...

hi filippe, could you leave your url? so i can check it

Filipe said...

http://pt-cash.blogspot.com/

Thanks for the fast response.

Bie said...

@filippe: do you want to have UPPERCASE in the second navbar? ptc, forums menu?
add
text-transform:uppercase;

in every
#nav a CSS

Filipe said...

Ok, thanks very much

नाट्यप्रेमी said...

Thanks for the template.
Its good
But I want some improvement there.
How can I change background colour of my template.
And Also
I want to decrase the text size of read more and sharing is evrything
Please help
Its urgent

Bie said...

open your edit HTML, just change any background:#colorcode;

readmore text use an image, you should create it one

Enrico said...

Hi bie! Very nice template!
only 1 problem: how can i put some adsense or html code only in post page?
Thank's

Bie said...

@enrico

put your ads code between this code

<b:if cond='data:blog.pageType != &quot;item&quot;'>

your ads code here

</b:if>

LIFT Network said...

Bie- Having problems with linking the Subscribe button. I expanded widget and changed to my feedburner ID but it still will not let you click on subscribe. Help!

ajiksip said...

hey, i'm new blogger. plan to use this theme.

would u like to help me how to remove auto read-more plz?

May i ?

I don't wanna use that function.

Thanx.

Bie said...

@ajik: why? your post will be too long, not comfort for visitor eyes :D

Bie said...

@lift network: that's working... :) you'll be redirected to another page. i have tried it

GunGz said...

Hi Bie! This is a great template! Thanks.

But I think the 'labels' page need a little repair. Twitter box and 'show post with labels' box are overlapping each other.

Please can you tell me how to fix it? Thanks.

Ryan said...

Hi Bie,

Awesome awesome template!

When you get a moment, would you please tell me how/where I can add spacing to between the posts on the main page? And, can you also tell me where I can add spacing between the last line of text and the "sharing is caring" icons in the full posts?

Thanks.

Bie said...

@gungz : find this code

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:section class='bie1' id='bie1' showaddelement='no'>
<b:widget id='HTML10' locked='false' title='Twitter' type='HTML'>

replace

<b:if cond='data:blog.pageType != &quot;item&quot;'>

with

<b:if cond='data:blog.url == data:blog.homepageUrl'>

@ryan : just edit margin and padding on this CSS


.post {
background:#fff url(http://3.bp.blogspot.com/_sunpK_FtO1E/SmLpQomgPcI/AAAAAAAAAJk/9FklGNoNPxw/s1600/box-bgr.gif) repeat-x top;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}

GunGz said...

Thanks for the answer Bie.

Can i ask your help me one more time? ^^

Please check your demo website here:
http://community-bietemplates.blogspot.com/search/label/Label%203

On that label page, i found that number of comments are missing. Can you tell me how to show them?

FYI, this is my experimental blog:
http://carbikeandbabes.blogspot.com

Thanks

Bie said...

expand widget template
find this

<b:if cond='data:blog.pageType != &quot;item&quot;'>
comment-link code
</b:if>

delete
<b:if cond='data:blog.pageType != &quot;item&quot;'>
and
</b:if>

pradctgign said...

It is very nice template i downloaded it and uploaded in my blog. But i am having problem my all right side widget goes down on the homepage please help me what the problem. I want to use the template for my blog.
Thank you in advance.
http://ankitfadias.blogspot.com

Bie said...

i guess you edit it something, not something but manything
just edit the original xml file

pradctgign said...

Thanx for the reply i solved that problem. Thank you for such a nice template.
Thanx again. Regards

GunGz said...

Hi Again Bie, thanks for your help the other day. But i have some problem again ^^, can you help please?

It's about the search result, it shows nothing when i search for some keywords. i.e. with your blog, i searched "test, post, download, neglegentur" (words from title and post content), but all of them showed no result.

I already test it in my experimental blog and your demo blog. How to fix it? Thanks..

Bie said...

@gungz : that's manual search did not really perfect. do you have google adsense account? :D that's better to use it or use search gadget

GunGz said...

I know you are a professional to make great blogger template i.e. this template. I don't mean to doubt you, but, you made this template correctly right? Just want to make sure if there is nothing wrong with this template. And i think I'm sure there is nothing wrong.

My Old blog is fine with this manual search method, you can check here http://ponseli.blogspot.com/search?q=OS+9.1. But then it shows -no result- for new blogs, i.e. this template demo, my experimental blog, ip**toon template demo, etc. So, the problem is not only on this template, but others as well.

Does our blog has to be old? or does it has to be having many posts so the results will show up? or is it Bloger fault? I'm confused, because..

I have other new experimental blog here http://mobiappdate.blogspot.com/search?q=audible. And the search results perfectly showed up. How can this happen?

Sorry for the trouble and sorry for my english ^^. Thanks.

Bie said...

@gungz: No im not a professional, this is just my hobby, Im still learning too, and she teach me about this. Thanks for your information... I have searched for search HTML code, no difference but vary in result

नाट्यप्रेमी said...

Bie
I am using this template and its very nice.
Thanks for that.
I want one thing that,
I have created some pages with using Labels.
So,when I click on the page
IT shows posts and at the start of the page
It shows,
Showing Post with Label .......
I want to remove this sentence so It can fully look like web site
Please Do
thanks again

Bie said...

hi thats default Blogger system... :) not template setting

Muhammad Umer said...

Nice template
but I m unable to rearrange my gadgets :s
can u help me plz :)

Bie said...

@umer: i have fixed the bug, but sorry i didn't updated download link yet. You can arrange it by dragging up, not down

Muhammad Umer said...

nah .. its not working even by dragging up :(

Muhammad Umer said...

dragging up trick is working with Internet Explorer not firefox :)

Bie said...

im using firefox :)

Bie said...

i have updated some another bug, hope can publish it (after long vacation)

Muhammad Umer said...

ahan okz ..
one more prob is that whenever I open my site in firefox , it doesn't show full header but im IE,it shows full...
chk it
http://www.emailzz.blogspot.com

GunGz said...

Hi Bie, im here again checking if there's something new, and also want to report some issues. Yes, this template have bugs in page element, when i finished moving the widget and click save, it shows error. But we can do it manually from html with no problem. And also we can't move the widget element freely, but once again, problem solved by editing html, even it's not practical.

What really bother me is the search result, are there any good news about it Bie? I hope you can solve it soon. Also, please write the changelog of what issues you have fixed, so all of us who had been using this template for some time know what the changes are. Thanks for this template Bie, this is a great template.

Thanks.

好也 said...

how i remove the top navigation menu and second navigation menu?!any can help?!

Bie said...

@gungz: i have compared another search form code, once again no difference. I have fixed some bugs hope can publish it soon
@好也 : read installation setting, you can find that navigation code. Just delete it all

NaftaX said...

Hi.
I have 1 problem, the image the icons of "the sharing is caring" dont appears. :(

Sorry my english

http://100stresss.blogspot.com/

GunGz said...

Hi Bie, search result is good now. I don't know what was wrong yesterday. But after i try posting new post and couple hours after that, i try to search, the result shows up good. Eventhough it only shows the new post.

NaftaX said...

@GunGz
How you put only one image in "principal" post and the others in "read more" ?

GunGz said...

@NaftaX: i just change the code above "data:post.body". You can search google for that, just search "blogger readmore" or "blogger post summary". Or if you need to know what i have done to my template, you can email me at carbikeandbabes@gmx.com

Hey, i also visit your blog and its also cool man, how to make a navigation menu like that? What is the name? Please tell me too :D. Thanks.

Bie said...

@gungz: you know what, I try to use that template in another blog, with an enough post, and it works, but it totally not works in new blog , haha I dont know whats wrong.

chok said...

lol.
i have a problem,how can i remove the sharing is caring and read more from the comment and show my all content

GunGz said...

@Bie: yeah right, maybe the new blog must have at least a few post first. In my case 3 maybe, because after i posted my third post and searched, only the third post appeared on the search result.

But now I'm wondering, why is my blog still not indexed by Google, though i have submitted my blog to Google Webmaster. Yeah well, after 5 posts Google will index it maybe? I hope so.. Because my other new test blog which has 6 post, has already indexed, it is new also. Maybe about one week before i made Car, Bike and Babes, lol.

Thanks for the support Bie, This is a great template.

For those who need reference of what this template will look like, feel free to visit me :D.

好也 said...

I am still can't remove the sharing is caring.Who can help me?
@GunGz:Your blog open for all people or adult,lol.

Lolli said...

I absolutely love the "read more" feature. I have been trying to figure out a way to do this on my blog and your design is the first that I have found that I like. The problem I have is that I am not ready to change the entire template of my blog. I would love to find out if there's any way I can add this one feature (along with the great thumbnail feature) without changing everything. Your help would be greatly appreciated!

http://1momof5.blogspot.com/

Bie said...

hi lolli, you can search for "automatic thumbnail and readmore for blogger"

Pretush said...

Greatest theme i have ever seen in blogger blog, I would have paid for this if it was not free.. You blogger themes are really unique specially due to auto "read more.." feature. Nice theme. thanx

Bie said...

@pretush: thanks for your comment, hope I have enough time to build a new one

Aramak said...

Bie, this template really rocks. But I have a problem tha's boring me so much: At the homepage the font size of the summaries is decreasing automatically, it's getting so small. Please, help me to solve this problem. At the posts single pages hapens the same thing.

My url is: http://tutorialparatudo.blogspot.com

I'm from Brazil and I thank you very much from now!!!

Bie said...

:D what happen? remember what are you edited?
send me xml, file it's seems you use small font, try to search "small"

Muhammad Umer said...

hi
please guide me how to put my adsense 728*90 code immediately after the Menu bar
my blog is www.emailzz.blogspot.com

Bie said...

you should create class similar with menu bar, too much ads on your site... you can put on header, adjust header right and header left size

Aramak said...

Hi Bie, I didn't edit anything related to that. From the time I have instaled the template this error ocourred. I sent you an email by the subimit template form. Please take a look. Thanks!

Bie said...

hi aramak: i dont know, but i've tried it and everything is normal , check this
http://tesajdjdiasdsadsddfd.blogspot.com/
wanna try to re-upload it?

Bie said...

if you check your page source (right click, view source) there's strange code, that never installed on my template.
how you post? copy paste from Microsoft word?

Aramak said...

Which strange code?

Bie said...

if you click view source on your blog, there are so many xx-small code (thats why your font become small)
have you checked my demo? display normally.

* TONYA * said...

Hi Bie,

I'm experimenting with a new blog format (currently the blog is private) and absolutely love this layout however I have a few questions.

1/ Is it possible to delete the middle column from this template. I'd love to have a much larger post section and just the far right sidebar.

2/ The images in posts appear distorted, being square instead of actual size. Is there a code available so that the images can be cropped to fit as opposed to cramming what was a rectangular into a square?

3/ Love the 'read more' button feature on the posts, however, I know that this is really trivial, but is there anyway to get a new icon where the words read and more are separated and not one word?

You have done a fabulous job with this layout.

Bie said...

hi tonya... leave your mail here.. i will reply through email.. it's too long to copy paste the answer here

Anonymous said...

Bie,

Absolutely love the 'Community' template! I'd been searching for a week before landing on this one.

I have a couple of questions about tweeking it though for what I need. I hope you can help.

1. I want to get rid of the 'Read More' and make post links active on the main page.

2. I want to resize and fit the twitter feed into the third colum. I've tried. just can't quite make it work.

3. Also, paragraph breaks are not working on my posts.

Thanks for your help man. Keep up the good work!

Bie said...

hi, it's better to give your URL so i can check it
About twitter, it's easy, just copy these code (this is twitter code as i explained on my post)

<a href='http://twitter.com/bietemplates' id='twitter-link' style='display:block;text-align:right;'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLUaSyCm5I/AAAAAAAAAIo/171-xow2ueI/s1600/twitter.png'/></a>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/bietemplates.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

And then add HTML gadget (through page element) and paste that code

* TONYA * said...

Hi Bie,

My email is blogbytonya AT gmail DOT com

A. Andre said...

Bie,

Thanks for the response to ^^Anonymous. Blog location is: http://transmonitor.blogspot.com/

It is still being built, but you'll see the issue I have with the twitter feed in the 3rd column and that's following your instructions.

You'll also notice the problems I have with paragraph breaks and inactive links in the posts on the main page.

I also have one other issues: 1) the same as *TONYA* above with images in posts being distorted.

I really appreciate the help man. You can respond via email AT aandre(DOT)hk(DOT)gmail(DOT)com. Again, thanks for your help.

-dre-

Bie said...

hi andre

how you put twitter on right header? it seems work normally
about the image, you can edit this
summary_noimg = 500;
summary_img = 400;
img_thumb_height = 150;
img_thumb_width = 150;

you can set post summary length and also thumbnail image size

Brothers Connected said...

The subscribe instructions on your site for the Community template says to change to username but in the coding, it asks for the ID. Which one is correct?

Bie said...

@brothers: yess, i mean username is choosen ID
use your own :)

Brothers Connected said...

The subscribe to box has an x in it. When it is clicked, the user is taken directly to Feedburner instead of being allowed to enter their email address.

Thanks for the template. It is very nice and you are very talented. The code that you put into the template is impressive.

Bie said...

yess, there are two options :)

Nick Jackson said...

Could you advise me on how to turn off one of the options. I do not see two options.

Thanks in advance Bie.

Bie said...

i mean
1.enter email addres
2.click feed count icon

Nick Jackson said...

I am new to this process, but at the top of your webpage, I can click inside the subscribe box and then enter an email address. Then I have to press enter on my keyboard since it is not an option on your webpage.

I cannot do this with the Community template that you set up. When I click inside this box, I am taken directly to my blog's feedburner webpage, but the email address was never entered.

What am I missing? Thanks.

Nick Jackson said...

If it helps, please take a look yourself to see how subscribe box responds when a user clicks inside of it - http://brothersconnected.blogspot.com/

Bie said...

after you complete that step, feedburner will send verification to subscriber email
after click link verification, all step is completed

Mizz Snape said...
This comment has been removed by the author.
soumo said...

Bie ,this is an amazing template .
I want to use "BLOGGER POST SUMMARY" (Jump break)in the place of built-in readmore function in community template but i also want to use the thumbnail function in this template .
Please , Help me ......

Bie said...

@soumo:im sorry i dont have experience in script coding. for this time mayeb you can just choose it, jump break with no thumbnail or automatic readmore with thumbnail

Luciana ♥ said...

Hey Bie!

I tried everything out to get off the "Read More" Button because I want the whole text on the main page.

How can I delete it? It's not in the HTML Code!

http://luziehtan.blogspot.com

Please help me!
♥ Lu

Bie said...

1.open edit html
2. tick mark on expand widget template

3. find these code
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

4. replace with
<data:post.body/>

5. save

TexBlogger said...

come mai manca la personalizzazione dei colori e caratteri della pagina?

TexBlogger said...

Ciao Bie,
Innanzi tutto devo complimenentarmi con Te per l'ottimo lavoro Che hai fatto, veramente notevole.
Ti volevo CHIEDERE una cosa, se volessi cambiare il carattere e la grandezza del carattere della scrittura dei titoli dei post, come devo fare? La siderbar di destra come mai non si epande (la scrittura dei blog personali) completamente in orizzontale?
Scusa il disturbo e grazie anticipatamente

soumo said...

Hello Bie ,
sexy bookmarks and retweet button are displaying in the home page .

Plz help me see by blog have the problem that demo is here - http://dbgarage.blogspot.com

can you give me your email address or any orkut profile . So i can keep in touch with a talented person .

Bie said...

where do you put tweet meme button? here' the right place
open edit html, tick mark on expand widget template


<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-right:10px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

<data:post.body/>

soumo said...

hello, Bie

But i failed to improve it .. I am giving you my site code please update it with retweet button and sexybookmarks ...

download here : http://sites.google.com/site/blogginggarage/files/template-1408824332998345570%282%29.xml

plz help me ! Thanks for ur response

Bie said...

ok..gimme time :) try to find the problem

Nick Jackson said...

Hi Bie,

I am using the Community Template and my blog headlines are usually take up two rows.

How can I increase size of headline box or reduce size of font so second row font is not overlapping onto first row font above it.

Thanks in advance for assistance.

Chris Pontine said...

Hi There,

Question on the feedburner subscription box. For instance when I click in the box I was thinking that the text displayed in the box at all times would disappear like it does in most search boxes that state search here or something like that. Is there code that can be edited in this template to have it do this?

Thanks,

Chris

Admin said...

@nick jackson: increase header height
#header-wrapper{
width: 960px;
height:150px;
color: #fff;
margin: 0 auto 0;
padding: 5px;
overflow: hidden;
}
@chris:hi, i got it, maybe you can view source of form which the text displayed in the box at all times would disappear. im sorry

Nick Jackson said...

Chris, I had the same problem. I ended up copying the code from this page and removing the code from the template. Unfortunately, I ended up removing the image which was not my goal since it was cool and never figured out how to add it back, but at least the subscriber box now works.

Anonymous said...

Bie,

The sharing for caring links on the template become blacked out when selected. This does not happen on your sahring for caring links. How this be changed?

Thanks in advance.

blackzun said...
This comment has been removed by the author.
Anonymous said...

Hello Bie,

How do I make the header span the whole top page, rather than just the left side?

Thanks!

Chris Pontine said...

Hey Nick,

Thanks for the insight on this. Hmmm, maybe I will back my template up and give that a shot.

Thanks,

Chris Pontine

admin said...

@anonym: i divide header become two, just check header left and header right code. remove it, just use header-wrapper

Anonymous said...

Thanks Bie!!!

@GunGz, how did you put the top of your page in two column's? I like how that looks but I don't know how to make it two columns on top and then the original three below that???

Thanks!

Maurina said...

Bie, the sharing tool image on your imageshack is gone! can you send me the file so I may host the image myself?

kluxorious said...

hi, I have problem with the icons in "Sharing is caring". It did not appeared and have broken links.

Muhammad Umer said...

hi bie ..
sharing buttons are gone :s .. how to replace them ??
chk out at my blogs
http://www.jobsweek.blogspot.com
http://www.emailzz.blogspot.com

Kristen said...

Hi! I too have noticed that the sharing icons are gone. Could you please email me so I can host?

stickybean12@gmail.com

http://goodie-goodie-holiday-guide.blogspot.com/

Muhammad Umer said...

where are u bie : O

Chris Pontine said...

Hey There,

It looks like others are having the same issue with the sharing buttons at image shack location.
Would it be possible to get the image so I could host it?

URL: http://www.workingathomeknowledge.com
Contact: support@workingathomeknowledge.com

Thanks a lot

admin said...

hi all.. please hosted to your own hosting...
open this link
http://2.bp.blogspot.com/_ZndXpD4mctI/Svrk3WhMv3I/AAAAAAAAA-Y/Dn-mpBB2fVc/s1600/sprite.png
save the image
upload to your own imagehosting
replace
http://img509.imageshack.us/img509/3131/sexysprite.png
to your own image URL

Bie said...

@all: i have attached all image to download file..please re-check it.

Chris Pontine said...

Hey Bie,

I actually started hosting it myself and seems to works just fine. How come there are a lot more buttons on there actually then what show on my blog?

Thanks,

Chris

Muhammad Umer said...

thanx bie : )

blogger said...

Thank you Bie!

admin said...

hi chris, dont worry, it will show depend on your code. there are codes which button will show..have you tried it?

नाट्यप्रेमी said...

Hi Bie
Thanks again for template
I want to delete Sharing is caring script please help me out

नाट्यप्रेमी said...

another thing
In blog post
It itself decides that how many words are shown on front page and then gives read more link
How I can decide that how many text is shown on front page

Anonymous said...

Template error!
"Sharing is caring" images dos'nt shown.
No images?

admin said...

hi all.. please hosted to your own hosting...
open this link
http://2.bp.blogspot.com/_ZndXpD4mctI/Svrk3WhMv3I/AAAAAAAAA-Y/Dn-mpBB2fVc/s1600/sprite.png
save the image
upload to your own imagehosting
replace
http://img509.imageshack.us/img509/3131/sexysprite.png
to your own image URL

Anonymous said...

Thank you for quick reply and great templates! :)

SAR said...

Hi Bie,

I have some similar questions to other people above, but I think you emailed them answers. Can you post the answers here?

1. Is there a way to delete the middle column to make a larger right sidebar?

2. Images are distorted as squares instead of actual size in the summary main page. Can this be fixed?

3. Is there a way to delete the "Sexy Bookmarks"/Sharing is Caring section below each post?

Thanks for your help and for the template!

Bie said...

1.open edit HTML, delete these code
<div id='midsidebar-wrapper'>
content
</div>

dont forget to adjust sidebar-wrapper width, post width, comment width, etc.

2. that's automatic readmore and thumbnail.you can adjust proper size by editing these

summary_noimg = 500;
summary_img = 400;
img_thumb_height = 150;
img_thumb_width = 150;

3. open edit html, tick mark on expand widget template, delete all these
<div class='sexy-bookmarks'>
content
</div>

SAR said...

Great! Thanks~

TexBlogger said...

Ciao Bie chiedo scusa ... Continua a non funzionarmi il "la condivisione è la cura" Ho eseguito i tuoi consigli sopra riportati ma non funziona comunque. simultameo forse il traduttore di Google non riporta Esattamente le parole che tu dici ... se puoi Essere più dettagliato ... Grazie tante

Bie said...

please use english

Che Garman said...

Hi Bie! LOVE your template!!
I am currently tweaking it for my blog. Just wondering if it would be a major task to change code so that the middlesidebar was at the extreme left, with the mainwrapper (posts) ending up in the middle? I'm making the blog look like a website and could use the narrower sidebar on the left for additional navigation. Hope you can offer an easy solution.

Thanks, and keep up the brilliant work :)

Anonymous said...

Hi,

My titles on the blog take up two lines at times. How can I increase the height of the title space so the words in the title do not overlap? Thanks.

Anonymous said...

In the Sharing is Caring, when one hovers over RSS, a Subscribe to RSS box shows. I would like to add this for the other icons in this section. Where is this code located?

Che Garman said...

Hi Bie,
While waiting for your response to my previous post, I have been having trouble with Labels showing for each post. The only way it will work is if I check the 'Posted by' Option in Configure Blog Posts. I am also unable to move this to the end of the blog (ie Arrange Items), and even if I could, I'm not sure what the text colour is and if it will show. Ideally I would like just the labels at the top of each post - showing on the postmeta heading as bold caps. Can't find the code line for this though.

One other thing - like a few others here, I am unable to move any of the gadgets - they seem to be locked in place. I have downloaded your latest version of the template as well. Hate to have to do that again, as I have changed a lot of code now, but need to be able to move gadgets around .
Thanks tons for any help you can give :)

Anonymous said...

Hi,
First off, great blog! It's functional and just what I've been looking for. But also, I had a question in regards to having video clips appear on the main page. The problem is, the video clip won't appear on the front/main page. But when you click on the header, the video will appear (incl. comment box etc..). I would love to have the video clip to appear on the front/main page. Would that be possible?

Kristy said...

Hey there,

I really like this template and I am hoping to use it for my new site. I am having trouble making the comments text show up at the top of my posts...it's just showing up as a blue bar. How do I fix this? I would like to get the site up and running soon and I would like people to be able to leave comments.

Thanks! :)

Bie said...

@kristy: open page element, click edit on blog post. check, have you tick mark on every post options?
@anonym: you should remove automatic readmore. That's script won't allowed video appear.

open edit html, tick mark on expand widget template


Replace these

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>


with
<data:post.body/>

Bie said...

hi che...im really sorry, im forget to update new xml
you can download new xml here

http://www.box.net/shared/u9fpqz1c0c

Anonymous said...

Hi Bie,

How do you get the content to be below the image? The content is currently placed on the left side of the image.

admin said...

that's automatic readmore and thumbnail.you can adjust proper size by editing these

summary_noimg = 500;
summary_img = 400;
img_thumb_height = 150;
img_thumb_width = 150;

just decrease image size and increase summary size

Che Garman said...

Hi Bie,
Thanks for link. Downloaded new template and tried to change it to match the one I was working on previously, but now Readmore has changed to Continue Reading. Actually I want to get rid of this completely. Following advice above @kristy for how to remove it, but couldn't save because of bad script. I would be happy to allow you authoring access to my blog (if you send me your email)and maybe you can find out why I can't fix this :(
Thanks, Che (cgarman@blueyonder.co.uk)

admin said...

do you want to remove auto readmore? yes, try what I suggest to christy
:)

ensure to delete the right script

Kristy said...

Hi Bie,

I actually removed the readmore item awhile ago by reading comments way above. I wanted the comments to show up at the top of the page...it doesn't show any text at the top in the blue bar where the comments link is supposed to be.

Thank you!

Kristy

Bie said...

kristy: check you blog post options... have you tick mark all? Page element> click blog post

Kristy@TomorrowsPlight said...
This comment has been removed by the author.
Kristy said...

Thanks Bie!

Martin in Bulgaria said...

Hi Bie,
I liki this design a lot.
The links text and backgournd are both white therefore don't show up. How to I adjust this to get a dark blue text for these links? The site is http://doshforu.com
Cheers

sumri said...

hi... nice template bie.
but i have 1 problem.
disqus commenting system seems not working with this template.
is there any way to solve this?
thanks.

jessica said...

Nice templete. Have to give this a try

Sanket said...

Really good template. I am going to try it.

masreh said...
This comment has been removed by the author.
masreh said...

nice tempate,

i used it on my blog
http://rehmoe.blogspot.com

Nick Jackson said...

Hi Bie,

I have many categories and now need a second navigation bar near the top. How do I add another one?

Thank you,

Nick

admin said...

hi nick, you should create another widget..maybe you can copy the current navigation menu

you dont need to show all your categories, visitor will confuse about it. just pick the most popular, and you cans till put categories/label widget on sidebar

Víctor said...

This is an amazing template. Thank you very much.

Nick Jackson said...

Hi Bie,

I actually want to add a second Navigation Menu. How can this be accomplished?

Thank you,

Nick

Anonymous said...

Bie,

The template is great.

I am not ready to show advertising images. How can I turn them off for now?

Thanks,

Mike

Bie said...

@anonym : Open Edit HTML. Tick mark on Expand Widget Template. Delete these code below

<a class='ad1' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>

Bie said...

@nick : you should duplicate menu, nav, navbar menu CSS, give the name menu2, nav2, navbar2 etc.

Then you go to HTML, duplicate
<div id='menu'>
<div id='navbarmenu'>
<div id='nav'>
<ul id='nav'>

put under closed div tag


<div id='menu2'>
<div id='navbarmenu2'>
<div id='nav2'>
<ul id='nav2'>

«Oldest ‹Older   1 – 200 of 313   Newer› Newest»

Post a Comment


 

Recent Comments