RSS

K2 for Blogger

Top Secret Template

K2 for Blogger


Finally!
Thanks for the great template

great! thanks for you blogger port

Cool stuff! Thanks!

woohoo... another great template..
Thanks a lot!!

rento | baby names

nice template...

cool..i like it..

Hopefully mine will not turn into the "how-did-you-get-comments-to-work-with-this-template" blog.

The steps are:

1) Make sure your settings permit everybody to comment.
2) Turn off the picture for the commenter's Blogger identity.
3) Turn off verification.

If any of these are omitted, comments will not work on any of the templates in this series.

This template is a bit buggy on firefox, and it seems to have some odd behaviors on IE as well.

1. The # of comments shows, but you have to mouse over it to see the word "comments".
2. In Firefox, when you click on Comments, the dialog boxes are pre-populated with garbage text. This isn't the case on IE.
3. Email this Post doesn't show up by default - it only shows up when you have the comments open. And once again, in Firefox, the dialogs are pre-populated with crap. Once again, not so with IE.

I *do* love the template, though..very elegant, clean and readable. Nicely done! Thanks for your feedback on these few minor topics.

bob

1. On The original too.
2. I am working to resolve this problem.
3. "Email this post" link is shown anytime (on post page)...

Hi, I've been trying to figure out the way to edit/delete comments, after I applied this template.

I'll be really grateful if someone could tell me the steps, or point me to the relevant section.

Thank you.

[Email: redshot at gmail dot com]

yeah i'm also fcing the same problems.. how to delete any unwanated comments...

now, how do i get the white background all the way to the bottom of the page?

How can you edit/delete comments! Any help would be appreciated.

Thanks

Thanks very much for this template.

I also would like to know how to delete comments. I have looked and can't find an option for this, and I am not great with the code so I would appreciate any advice. Thanks in advance for the help and for the great template.

To add a delete comments button in the code :
(I'm using normal brackets below, but you will need to change them into Triangular brackets in practice)

Find the line that begins (small class="commentmetadata") using triangular brackets instead of standard brackets. Find the closing (/small) tag that corresponds and add the ($BlogCommentDeleteIcon$) tag there.

I've disabled all 3 items, and although it says I have new comments, you cannot see them anywhere - any progress on fixing this?

great blog template! thanks.
My URL ; http://rachanakar.blogspot.com

Keep up the good work.

Ravi

My only question is-- how do I get the googlebar back??

hey, great templates...cool..keep it work.

Hey Paul Kerton ,
Thanx for the tips of deleting comments its really worX
ThanX..... :)

Hey Paul Kerton,

I did exactly what you wrote about "how to add a delete comment icon in the code" it doesn't work :S... any suggestions would help!

Thanks in Advance.

once you done with all settings,
for deleting your comments just go to your blog vio blogger.com,
there is link called view blog besides templates, setting etc.
once you click one window will open then go to comments and delete it..

Hi Kitsune,
if you wanna get back your googlebar or navbar or navigation bar,
just go to template
remove this particular code
[#b-navbar{height:0;visibility:hidden;display:none]
i'd kept the bet [] but yoiu can found without of them...

great comment system

No one,
are you remembering to replace the ( brackets with the < ones?

Hey Paul;

yep I did exactly that..replace the ( brackets with < these ones; the delete icon doesnt appear anywhere... could there be something else that I may be messing up?? Maybe it would help me...if u can let me know where the icon should actually appear!

@ Rajesh: I didn't really get what you were trying to say...

Hi Mr. No One... After completing all the task as Kitsune said... we come to the same question from where we started that is how to delete unwanted comments...
- after performing all the steps as kitsune said
- for deleting comments just follow the following steps-
blogger.com>>login>>dashboard>>settings>>click view blog>>goto comments>>delete it

www.rajeshrana.blogspot.com

Hey Rajesh and Paul!

I finally got the delete icon to work! thanks alot for your help :D

L@terz

Hey..I was wondering if anyone can let me know..how we can add a "Search Archives" box on this template...any help would be appreciated :D

Laterz

If you go through

www.rajeshrana.blogspot.com

then you find one search box at right side bar, here is the
code of that search box i'd used technocarti search engine to power it coz it works better than google in case of blog search
there is another way if you make an account in technocrati then you will get search engine box for free well here is the codes -

note- change the regular brackets with triangular

(form action="http://www.technorati.com/search.php" method="post" target=_blank

style="margin:0px;")
(input size="15" name="s" id="search2"

style="background:#eee;font-size:11px;font-family:verdana;color:#999;width:100px;ma

rgin:0px;" value="Search this site" onfocus="this.value='';"/)

(input type="hidden" name="from" value="http://rajeshrana.blogspot.com" /)
(input type="submit" name="submit" value="Search" style="background-color:#5e715e;

color:white;margin-right:6px;font-size:10px;font-family:verdana;" /)(/p)
(/form)
Powered by (a href="http://www.technorati.com/profile/rkrana" target=_blank

)Technorati(/a)(br /)(/p)

Someone can tell me how to implement visualization of last comments in blog homepage in the right side bar as in the http://www.ejecutive.co.uk/ (under "ABOUT") ?
I see that in Bloger there isn't this option and i don't know how to do it.

And how can i do to implement the "continue reading" in a long post ? Which are lines codes to insert ?

Thanks a lot (from Italy)!

Hi Kagliostro,
Here is the solution of you queries

1)Recent comments in the sidebar

2)Continue reading

Regards,
Rajesh
www.rajeshrana.blogspot.com

Thanks a lot Rajesh !

You are a very humanity benefactor !!

1) Now I've implemented (finally) "Continue reading" in my blog (I don't understand how hide "continue reading" in posts where there isn't necessity : at this time "continue reading" appear in all posts). But this is a very little problem.

2) The first link doesn't work (recents comments)

Hi Rajesh and again Thanks a lot !!!

First of all i would like to answer you 2nd query-

Note:I'm using normal brackets below, but you will need to change them into Triangular brackets in practice

Here's the code you need to get this in your blog:

(MainPage)
(h2 class="sidebar-title")Recent Comments(/h2)
(ul)
(Blogger)
(BlogItemCommentsEnabled)
(BlogItemComments)

(li)($BlogCommentAuthor$) //
(a href="($BlogCommentPermalinkURL$)")
($BlogCommentDateTime$)(/a)(/li)

(/BlogItemComments)
(/BlogItemCommentsEnabled)
(/Blogger)
(/ul)
(/MainPage)

Copy that into the sidebar area of your template (or wherever you'd like it to display), then save and republish and you should be all set. Read on for a quick walk-through of the code.

==========================================

1st query

about continue reading there is no way out i mean either you have ot in all or not....
sorry i can't help in this case may be some other guy out there know about it...

Regards,
Rajesh
SaCreD MaTriX

Finally I have also last comments.

Thanks alot Rajesh!

My pleasure..

Does anyone know how to add a contact form like this http://vysnu.com/contact/ to the blog?

Rajesh your blog is nice buddy. I would like to know how to get that text inside light grey boxes. I am not great with the codes. So can you tell me what to do in detail?

Hi Suman,
Recently I've enoucounter with same question from a good friend....
I wrote him following suggestion-

well about grey box it is known as blockquote -
just find code of blockquote in style sheet/css and replace it with

BLOCKQUOTE {
BORDER-RIGHT: #dfe0e0 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #dfe0e0 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; MARGIN: 16px 30px; BORDER-LEFT: #dfe0e0 1px solid; LINE-HEIGHT: 14px; PADDING-TOP: 8px; BORDER-BOTTOM: #dfe0e0 1px solid; BACKGROUND-COLOR: #f5f6f6; moz-border-radius: 8px
}
BLOCKQUOTE P {
LINE-HEIGHT: 14px
}

=========================================

then the line - Hi Kagliostro, how are you .... will appear in greay box

if you have problem then just ping, i'm always there....
=====================================

well about your 1st problem i'll write you later-
just check the following blog-
www.aimk.blogspot.com

Regards,
Rajesh

after that

when ever you write any post -

just put your text between (blockquote) and (blockquote) - follow the following example-

(blockquote)
Hi Kagliostro, how are you ....
(/blockquote)

then the line - Hi Kagliostro, how are you .... will appear in greay box

Note i'd used regular brackets for tag you have to replace that with triangular one

Thank you Rakesh. Its working. But i would really like to know how to add that contact form (check this for an eg: http://sig9.com/sctalumni/contact/). That site is using the old kubrick template. I think contact form can be incorporated into blogger too. But i am not that much great in coding. Bye for now.

This is the contact form css which is used on that site. But i dont know how to add that to blogger. Anyway u try.

/* Begin Contact Form CSS */

.contactform {
width: 100%;
position: relative;
}

.contactleft {
width: 25%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}

.contactright {
width: 70%;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}

.contacterror {
border: 1px solid #ff0000;
}
/* End Contact Form CSS */

Something wrong with my blog, when I apply this template the fonts of some postings and the side-bar become blurred.

However those blurred fonts appear on the home page (http://origena.blogspot.com) only and not in other pages.

I tried to apply the template to my other blog, it worked well on all pages.
I really don't know what causes it.
Any help will be appreciated.
Thank you.

Suman @- 1st thing is that i'm Rajesh not Rakesh, i think u took this css sig9 blog which is running by wordpress which run on php platform that has different coding system,well if you have carefully analysed www.aimk.blogspot.com there you have saw contact option, in blogger we don't get that much flexibility for creating diffrent pages but what we can do is that we can make new blog for contact and chnage comments into contact details and let those contact details feed into your email inbox so that you can be contacted, and incorporate those two weblogs into one blog.
if you stilldon't understand what to do just mailme
rajeshkumarrana@yahoo.com

Origena @- best thing for you is to reinstall whole template which hardly takes 5 minutes but don't forget to keep back up of you old template in notepad.. do let me know about results..

Hi Rajesh,
I already tried it before, but the result was the same as now, as I re-install the original one again.
I also tried K1 black & K1 template, both resulted the same problem.
My blog didn't have this problem when I used Google theme template.Weird.

It's so confusing!
Hope you can help to sort it out that problem.

Thank you Rajesh

I fix the problem :-)
It's one of my postings, blogger post editor made unecessary html code without anything inside such as this:
(span style="font-family:verdana;font-size:85%;")(/span)
at the end of entry.

Congratulation....Origena

Thank you! After trying 10 different templates I think I have finally settled.

Hey Rajesh...

Thanks for letting me know the codes for the "search archives" ... now I just had one more request :P...I was wondering if you can tell me how I could make different subtopics for my posts; for example: I want to move my most recent post to a subsection on "poetry" or "General Stuff"...do you get what I am saying??

Anyways any help would be appreciated!

Laterz

Hey No One,

Do you mean categorizing your post??? Its not possible in blogger. I think Rajesh will give you a better solution to your request.

Yes Suman...exactly! categorization...yeah it kinda seems impossible on blogger..but i have come across some sites that are using this template and are still doing categorization....hmm..dunno...but thanks alot for your response :)

Laters

Sweet stuff! Thanks for template!

Hi no one,
can you spot some example of such site, so that i could analyse... how they had put categirization on blogger.com,

How can i change the background colour?

Could someone give me the code for aligning the right column (secondary) to the right, i don't have long text in it and now it's almost in the middle of the page with a huge white space to the right of it

Can we use Wordpress with blogger.com...??

This template is full of surprise, love the new integrated form for email post and comment. The css structure easy to modify too! My blog looks better now, whatthepets.blogspot.com

Hey there,

These templates are all reall great, but how come you guys haven't worked on fixing the garbage code in comments and allowing word verfication? It seems to be a recurring problem that a lot of people are hassling you about.

Love the templates.

Hi Rajesh,

http://arloo.blogspot.com
This one is using Categories. Since Nobody has pointed out I thought I will pitch in.

Great templates.

Regarding the bug in Firefox, in which the comments text boxes are pre-populated with garbage text. This is something to do with cookie.

I have fix it with the following changes:

In email form codes,
comment out the first 2 lines and add in line 3 & 4:
//cSend.fromName.value = document.cookie.replace(/^.*fromName=?([^;]*);?.*$/, '$1');
//cSend.fromEmail.value = document.cookie.replace(/^.*fromEmail=?([^;]*);?.*$/, '$1');
if(getCookie ('fromName') != null) cSend.fromName.value = getCookie ('fromName');
if(getCookie ('fromEmail') != null) cSend.fromEmail.value = getCookie ('fromEmail');

Comment out this 2 lines in function bgSendLoad()
//document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" + "; expires=" + expires.toGMTString();
//document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" + "; expires=" + expires.toGMTString();


In comment form codes,
comment out the first 2 lines and add in line 3 & 4:

//cFrm.anonName.value = document.cookie.replace(/^.*anonName=?([^;]*);?.*$/, '$1');
//cFrm.anonURL.value = document.cookie.replace(/^.*anonURL=?([^;]*);?.*$/, '$1');
if(getCookie ('anonName') != null) cFrm.anonName.value = getCookie ('anonName');
if(getCookie ('anonURL') != null) cFrm.anonURL.value = getCookie ('anonURL');

comment out this 2 lines in function bgpostLoad()
//document.cookie = "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
//document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();

Hope this help, u can give it a try at my blog!

Ramesh @ : thanx Ramesh, for spotting arlo, but if you look at it carefully, he just gave the links of previous post in category there is no such thing as of wordpress....

@ Rajesh and Ramesh: This is one site that uses categorization with K2 blog template... www.jamalsadik.com.... but the thing is this guy host's his own site..but checking it out might be worth a try.

Yeah, i have tweak the css and make the K2-template looks better in IE6

#page{_width:760px;}
.secondary{_margin-left:71%;_margin-right:0px;_width:26%;_margin-top:20px;}
.secondary h2{_display:block;_margin-bottom:5px;}
.secondary ul{_margin-top:0;}

Apply these changes to the css, properties prefix with "_" will only affect IE6.

Hope these help! ^_^

No One : Thanx for spotting example but again i would like to say that this blog is built in wordpress....which allows categorisation...

gazard : thanx you very much... i'll check it out..

@ Rajesh: So can't we use Wordpress with blogger??? :S

@ No one : with my best knowledge no...but may be someone out there who knows the answer of your question... i've one request can you share your blog add with me....

You should rectify the template now. Because it's not very easy to understand all these modifications.

Thank You at all.

thank very much for the template

+C, +V
voila!
no other comments....

To Rajesh Kumar Rana

How can you fix the white background all the way to the bottom of the page?

To Rajesh Kumar Rana

Helping needed!

In your blog http://www.rajeshrana.blogspot.com/

How to fix the white background (in Firefox) which now it is half way to the bottom of the page?

I am having troubles with this template.

I an unable to post a title for my post with this template.

Can you help?

republicanminnesota@gmail.com

@ Anonymous : hi...
ireally did'nt undersatand what you want to fix... you said u wanna fix white background..but its pretty vague... what you want to do with white background you want to replace it with some other colour or what.... also if you provide your blog url then it'll be very help ful to pinpoint the problem... if you don't wanna publish here then you can mail me at rajeshkumarrana@yahoo.com.... or else we will see here again bye... good luck

Thank you... finally found wat i wanted here :)

Though I am not using this template, but I like this one very much. Reason is Its simple and you even can change some description of your header. If I was not using my current blog template it certainly would be this!

Hi! Great template.

A question, though.

I notice if I have multiple comments, they get smaller and smaller until they're unreadable (www.kvitsh.blogspot.com), but your blog (http://www.rajeshrana.blogspot.com/) doesn't have this problem.

Where/how can I fix it?

Thanks in advance,
Heather

Seems like K2 is one your most popular. Good work! Have you fix the firefox comments problem?

Thanks

Hi great template, but I am unable to show the comment deletion icon.
I am sure it is there, because I can click an area in the page and the comment gets deleted however the icon does not show.
This is the code I am using following Paul's suggestion in this comment:
(small class="commentmetadata")em (a href="#comment-($BlogCommentNumber$)")($BlogCommentDateTime$)(/a) (/small) ($BlogCommentDeleteIcon$)
Any help is deeply appreciated.

This comment has been removed by a blog administrator.

I think it is possible to add an text field of word validation. I've tried to add it in the form of the template, but there's some problem with the JavaScripts, which this template use a lot. Sometimes my modified template works, but sometimes it doesn't refresh the page in time. Unfortunately I am poor at JavaScript, so I don't know how to modified it to fit the JavaScript...

Do you have any idea about how to modified it?

Is there any chance that we'll be seeing a Blogger Templates version of Michael Heilemann's K2 Beta Two template? It would be really cool!

After some months, I just realised that my comment didn't work today. Thank God I find the answer here! :-D
too bad still don't know how to use word verification. Anyone?

To Beto:
put the code ($BlogCommentDeleteIcon$) inside (/small)
it should be like this following:
(small class="commentmetadata")on (a href="#comment-($BlogCommentNumber$)")($BlogCommentDateTime$)($BlogCommentDeleteIcon$)(/a)(/small)

I think so, cos it works for mine.
Thanks all!

This comment has been removed by the author.

I have applied this template and I really like it. One thing though. My banner at the top of the page looks good in IE, but looks strangely misplaced in Firefox. Doesn anybody have an idea how to fix that?

Great template! Tweaked it just a little bit and it works really well.

Great Template, thanks a lot!

But, there's still one question open - spam in comment and e-mail lines...

The solution, provided by gazard, is good, but i don't like to use it - it returns to old-style blogger comment window (no pop-up window)

Is there any way to solve this problem in another way?

This comment has been removed by a blog administrator.

I love the template but have a question..

when there are more than 9 comments, it is formatted like this

.0.
.1.
.2.

Any idea how to fix this?

Hi,
I'm experiencing a problem in Safari/Firefox: the white field/square (in which posts are displayed) does not reach to the bottom of the page. See http://www.quoileternite.blogspot.com/. In IE it looks fine. Any suggestions?

Ana
anabobo at gmail.com

How do I replace the blue header with an image?

How do I get the navbar back?

I absolutely love the original of this template, I actually severely modded the look of it, but kept the base code, got brown and pink theme happening. Couldn't have made it look good without this awesome template!!! Thanks a million!! Feel free to check out my site to check what it can be made to look like ;)

This a great template, lovely design, elegant and simple and down to the content. I slightly modified the colors to adjust for my own 'looks'. Thanks to all the very useful comments here also solved most of the issues (the comment text inputs still show some garbage in firefox, but there's time for everything :)
I added a link to this template since it's really what I was looking for and quite easy to adapt to specific needs.
Thanks a lot !!! :)

Oscar

very nice! i've done some modifying of the base template to get the look i want. still modifying as i type this. :)

This is a really nice template. Thanks a lot :)

thanks!

Thanks for the great template. Clean and simple.

This template is awesome. The only problem is with the comment box. I cannot activate the checkbox so that SPAM doesn't come through. Will there be an update? My blog has a lot of comment traffic and i have to moderate all the comments to keep things clean and i get dozens of SPAM messages a day. I'm simply fed up with it. Does someone have a solution? Thanks.

Thanks for the template.I have tweaked it to make it look like K2 beta 2.It rocks.Have a look.
http://manastripathy.blogspot.com

Great template!

Is there anyone using Japanese font?

Comments in Japanese don't appear correctly. Does anyone have solution to this?

Excellent template. Simple and elegant. I'm using a slightly modified version for my blog. Great work.

How do I use a tiled image as a background, inplace of the white? Great template. Thank you very much.

Bicycle Tech Blog

This is my favorite template.. checkout my slightly modified k2 template 1ijack.blogspot.com and this one I made for our homeowners association SJV3.TK

Answered my own question...

To replace the Page background color with a tiled image, within the BODY {}, replace background color code with

background: url("http://address_to_your_image.gif");

easy enough...

i just wan to say this design is nice. thank you!

Here is my take on K2 Beta Two r157. It's not a perfect port some css code needs to be cleaned up but the good thing is it works with blogger.com.

bubos01.blogspot.com

Just installed K2. Cannot get the comments to work. Please help me with a simple answer. I've read all the previous messages and have not yet solved the problem.

Thanks, A

Q :comments errors!
A: Why?

You go to blogger board
>>> Settings
>>>> Comment
>>>> Backlinks (x) Hide
>>>> Comments (x) Show
>>>> Who Can Comment? (x)Anyone
>>>> Default for Posts (x)New posts have comments
>>>> Show comments in a popup window? (x)No
>>>> Show word verification for comments? (x) No
>>>> Show profile images on comments? (X) Yes
---
change settings..

Now it works for me! No change in code necessary--just change in settings on control panel for comments to work.n

Thank you VERY much for the template. It's very cool.

I haven't seen any mention of changing the header. I'd love to know where to plug my own header code in and replace the blue box. Thanks.

I have the same problem San is having.
It is something related to cookies but it seems to come and go at random....
If you use Firefox, then delete your cached cookies and turn off the form save utility in the privacy options.
Might help or might not. Works at random for me.
A permanent fix would be awesome.

try doing this... this is taken from gazard's post

comments text boxes are pre-populated with garbage text. This is something to do with cookie.

I have fix it with the following changes:

In email form codes,
comment out the first 2 lines and add in line 3 & 4:
//cSend.fromName.value = document.cookie.replace(/^.*fromName=?([^;]*);?.*$/, '$1');
//cSend.fromEmail.value = document.cookie.replace(/^.*fromEmail=?([^;]*);?.*$/, '$1');
if(getCookie ('fromName') != null) cSend.fromName.value = getCookie ('fromName');
if(getCookie ('fromEmail') != null) cSend.fromEmail.value = getCookie ('fromEmail');

Comment out this 2 lines in function bgSendLoad()
//document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" + "; expires=" + expires.toGMTString();
//document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" + "; expires=" + expires.toGMTString();


In comment form codes,
comment out the first 2 lines and add in line 3 & 4:

//cFrm.anonName.value = document.cookie.replace(/^.*anonName=?([^;]*);?.*$/, '$1');
//cFrm.anonURL.value = document.cookie.replace(/^.*anonURL=?([^;]*);?.*$/, '$1');
if(getCookie ('anonName') != null) cFrm.anonName.value = getCookie ('anonName');
if(getCookie ('anonURL') != null) cFrm.anonURL.value = getCookie ('anonURL');

comment out this 2 lines in function bgpostLoad()
//document.cookie = "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
//document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();

Hope this help, u can give it a try at my blog!

1ijack

Thanks you so much 1ijack !!

Your modification works !

K2 is a classic template that will be around for a very long time. The problem is too many people are using this theme. If people are creative enough they can easily modify it into works of art. This K2 blogger theme is a good starting point to creating your own unique template.

Hi, I 've got a problem with this template. The sidebar is always falling down...

Can you help me?

Here's my blog:

http://courgette-set.blogspot.com

Thanks;-)
Edit