Friday, July 6, 2007
I have promise Rosiee to create this post, so here I'm. How to let your comment box appear under every posts of your blog? Just Follow 3 simple steps, then you can do it, just little bit html knowledge require. Before I continue, I guest you would wanna see mind comment box under my blog post. Have a look below:
After your pointer hover to the comment box, It's will automatically turn to your original comment box without to load another new page. Nice right? ;)
If you like to have this hack in your blog, please follow below steps:
(Please back up your template before do any changes.)
1. Go to your dashboard - > control panel - > edit html
2. Tick the Expand Widget Templates
Then find below code:
</head>
Copy all this code below, and paste it directly on top of the </head> code.
<!-- www.jackbook.com -->
<!-- this to hide and show el -->
<script languange='javascript'>function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}</script>
<!-- www.jackbook.com -->
3. Find below html code:
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
4. Replace all the above code with below html code:
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<!-- jackbook.com part 1 start -->
<!--
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
-->
<!-- jackbook.com part 1 ends -->
<!-- actually i almost do nothing with your template, just add that comment, you did it :) -->
<div id='comment-parent' onmouseover='showcomment("hoverme", "comment-child");'>
<h3 id='hoverme' style='display:block;'>
<img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://lifewg.googlepages.com/html-code-leave-comment.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/>
</h3>
<!-- this iframe below is your comment form. you can change the height, or add more style property into it -->
<div id='comment-child' style='display:none; background: #edf5fa; height:400px; border: 1px solid #FCO; height: 700px;'>
<iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/>
</div>
<!-- end of iframe -->
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
5.Then click on the "Save Template" button.
I have to give a credit to Jackbook for his effort to come out with this hack. I combine 2 hacks in 1, so make it easy to bloggers.
Technorati Tags: blogger tricks, blogging tools, blogging hack
Saturday, June 9, 2007
Do you know which blog without a header? You no need to search anymore, this blog, Blogging Secret. For now, I don't have any suitable header to use for, my blog now without the soul.
Most of the part was fix from some minor error with some expert help from my friend, Stavenger. But I'm working on my personal blog, louisslim.com. I will make my first $10,000 soon... Really soon... My goal is to hit $10,000 before the end of this year, and I 100% confident that I will make it. I wish reader will wish me all the best and good in health to give you more secret on this blog. lol :)
In short, I really satisfy with my current template, really enjoy my hard work for so long. But still don't have a header....
Technorati Tags: blogging hack
Wednesday, June 6, 2007
Customizable recent comments widget Generator (using JSON feed)
7 responses Posted by LOUI$$ at 07:58TEMPORARY DOWN
One of the most wanted tools and hacks for blogger nowadays, Customizable recent comments widget Generator(using JSON feed). You can generate as many comments as possible with fill up below requirement. Thanks for Jin Yao permission.
Customizable recent comments widget Generator(using JSON feed)
Technorati Tags: blogger, blogger.com, blogging tools, blogging hack
Tuesday, June 5, 2007
Thanks to Stavanger, the author of blogcrowds.com. He help me a lot when I need help for blogger template. He love to hack blogger template. He has a forum, and all about blogger template, take a visit, and learn from Stavanger. :D
My new power template on the air now, still havent give it a name yet, what do you think about it? I need a logo for Blogging Secret, anyone may help me to create one? ;)
Technorati Tags: blogging hack
Friday, May 4, 2007
One of the review about my blog from the 2nd season had critic about my blog doesn't have contact form to contact me. So I wondering around and found out about Contactify.
I create my contact form just within a minute. Super fast! I really busy with my stuff so I have no time to hack the real one. I would recommended those busy bloggers have a simple contact form like mine, at least. So if you wanna contact me, just click on Contact Me.
Technorati Tags: contact form, blogging tools, blogging hack
Another blogger tricks for you guys today. You My blog now enhance with a little code that make all my post get smile. That is great right? We now can express our emotion while blogging with blogger. After I use this tricks, I feel that all my posts are alive, like I'm inside every posts in this blog.
Do you wanna feel that too? Well, and again, you just need 3 easy steps to complete this blogger smile.
1. Go to inside your template > edit HTML> tick on Expand Widget Templates and search for this:
]]></b:skin>
2. Copy and paste the following code BELOW ]]></b:skin>:
<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>
3. Save template, and you done! Easy? Thanks to benjamin.
Inside the script that I provide, is contain of below emoticon, so you can practice it for more fun.
:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o
If you need help, please feel free to drop the question in my comment
Technorati Tags: blogger tricks, blogging tools, blogging hack
Thursday, May 3, 2007
Here is only few steps to create alexa traffic rank widget for your blogger.
1. Please visit http://www.alexa.com/site/site_stats/signup.
2. Choose the widget layout.
3. Enter the url of your website.
4. Copy and paste the code in the HTML widget.
You like my alexa layout widget? Then here is another One Click Widget for you, just click the button below to install it on your Blog.
*Take NOTE(You need to change the blog URL to yours.
In case you like this one, just click the button below to install it on your Blog.
Technorati Tags: alexa, blogging traffic, blogging tools, blogging hack
Sunday, April 29, 2007
This post is for my fellow friends who asking for digg button display in their post. Digg button will show up on every single post you have in your blog. (Like Blogging Secret)
You just need to do 3 steps.
1 STEP
Go to your blog template> Edit HTML> expand the widgets> and check for this line:
<p><data:post.body/></p>
2 STEP
replace with this code:
<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>
3 STEP
Click on Save Template. Done!
So do you love this digg button? lol
Technorati Tags: digg, blogging tutorial, blogging tools, blogging hack
Thursday, January 18, 2007
After i just change my blog template to kubrick theme from word press, as i promise, i also would like to share with all of you too! This theme have been upgrade to blogger v3.0 by kaie ( he currently at military camp for three months), and now is upgrade to 3 columns template by me!
The Features that i provide here are listed at below:
Widebar
Three columns sidebar
Expandable posts with Peekaboo view
Peek-A-Boo view of posts in label/archive pages
Author comment highlighting and notification
Comments with profile photos
*TERM & CONDITION
Please don't remove the link at the bottom of the blog, thanks!
**INSTRUCTION
How to install:
Click Template tab and then Edit Html link. Backup your existing template by clicking Download Full Template link. Click Browse button, select your favorite style and Upload.
Demo Kubrick Theme
UPDATE 26/04/07
You just Right click here and choose "Save Target As" to download this templates files. Then follow the above installation instruction.
ADD :You may also interested to use one click widget and minima full hack template.
To get more updated for blogging secret and tips on this blog,Subscribe it now,It's FREE.
Technorati Tags: blogger v.30, blogspot, templates, free stuff, free, new blogger, blogger hacks, new blogger hacks, new blogger templates, new blogger template, blogger beta, kubrick, kubrick theme
Friday, January 12, 2007
Hi to all my readers, the author of Singapolyma-Tech, stephen, he is the man for blogger new version! He is a hacker of old blogger(classic), blogger beta and blogger new version (what i'm using now)! Congratulate to stephen, he just move to new blogger!
I just implement his hack, Asynchronous Peek-a-boo Comments, awesome! Just follow his steps, that's it!
He had a lot of hack, just check it at here.
To get more updated for blogging secret and tips on this blog,Subscribe it now,It's FREE.
Technorati Tags: blogger v.30, blogspot, new blogger, blogging secret, blogging hacks, blogger beta
Friday, December 22, 2006
Thanks to all my friends who keep asking me how to put the sosial bookmarking below the post, then here is the tutorial! Credit to Hans.
1.First of all,make sure you make a back up copy of your blog.
2.Go to template > edit HTML > Expand widget template and paste this line before </head>:
3.Find the following line of code in your template:
and replace it with the code from this file (right-click and save).Save your template and there you go!
You can replace the icons with icons of your own choice. You have to change the links between the <img src="" />-tags to accomodate for that. You could also change the text that is displayed, by downloading the js-file, and changing the string-array to the values you like.
But I am sure that with this way out for you, most of you will be able to work it out.
If you need help, please let me know!
To get more updated for blogging secret and tips on this blog,Subscribe it now,It's FREE.
UPDATED:
You also can have google bookmarklet now!Below is the code:
MERRY CHRISTMAS EVERYONE!^^
Technorati Tags: blog traffics, blogging tools, bookmarklet, social bookmarking
Tuesday, December 19, 2006
Dear my readers, do you hear hackosphere before? Since now is The New OF Blogger, hackosphere also have make the next evolution version. This is a MUST see blog of the year 2006! Before the end of 2006, hackosphere make a big move for The New Version Of Blogger evolution!
The owner of the blog, is call ramani, a system software engineer, and also one of my blogging master, have create a cool blog,damn cool blog! I rate 10/10, this worth for what he do for us.
What inside the blog? The latest hack for The New Version Of Blogger! What is the best part in his blog? SUPER SUPER SUPER FAST RELOAD TIME! Just click and the content come out in mili second!
But about "post a comment" section,still need for few seconds, if this improve, only one word can i give, PERFECT!
Is this cool? You check it out the new evolution of The New Version Of Blogger from his blog,HACKOSPHERE!
To get more updated for blogging secret and tips on this blog,Subscribe it now,It's FREE.
Technorati Tags: blogger v.30, blogspot, new blogger, blogging secret, template, hackosphere
Saturday, December 16, 2006
How I was displaying adsense ads only on post (item) pages and inside the post i.e. in the beginning and the end of each post? After i ask vivek, finally he come out the tutorial for this topic.Here we go, this is the tutorial from his blog(since i very lazy today to write the tutorial):
First let me acknowledge the sources from which I learnt some essential adsense tricks for Blogger Beta:
The lazy of me thanks to vivek who faster than me to write this post, his post here.
To get more updated for blogging secret and tips on this blog,Subscribe it now,It's FREE.
Technorati Tags: blogger v.30, blogspot, new blogger, blogging secret, blogging hacks, blogger beta, adsense
Wednesday, December 6, 2006
After i complete my first One Click and Link To ME,now i provide another one click widget installation for search box here!Why i can do a widget for search box? It's because it requires no javascript or customization!
ADD MY LINK WIDGET
The my link widget allows you to link me from your blog. Just click the button below to install it on your Blog.
ADD SEARCH WIDGET
The Search widget allows you to search your blog. Just click the button below to install it on your Blog.
UPDATE
ADD TRANSLATION WIDGET
The translation drop-down widget allows you to tranlate your blog to 14 langauges. Just click the button below to install it on your Blog.Credit to Amit Argawal.
ADD CREATIVE COMMONS LICENSE WIDGET
Thhis is one of the Creative Commons license widget allows you to protect your blog or site under CC license. Just click the button below to install it on your Blog.
ADD FLICKr WIDGET
The Flickr widget allows you to put Flickr to your blog. Just click the button below to install it on your Blog.Credit to Hoctro.
ADD RECENT COMMENTS WIDGET
The Recent Comments widget allows you to put Recent Comments to your blog. Just click the button below to install it on your Blog.Credit to Hackosphere.
*Take NOTE(You need to change the blog URL to yours. You could also change the number of comments/letters per comment to whatever fits your blog. Then, save the changes and move the widget to wherever you want. There, you have a customized recent comments widget).
ADD RECENT POSTS WIDGET
The Recent Posts widget allows you to put Recent Posts to your blog. Just click the button below to install it on your Blog.Credit to Hans.
*Take NOTE(You need to change the blog URL to yours. You could also change the number of posts/letters per post to whatever fits your blog. Then, save the changes and move the widget to wherever you want. There, you have a customized recent posts widget).
ADD TECHNORATI RANK WIDGET
The Technorati Rank widget allows you to put Recent Posts to your blog. Just click the button below to install it on your Blog.Credit to PurpleMoggy.
*Take NOTE(You need to change the blog URL to yours. There, you have a technorati rank widget).
You can use all widgets and downloads,of course,it's FREE (since my blogging secret is from nothing to something!) as long as you give credits on your site to Blogging Secret. All downloads and widgets have been tested for Internet Explorer 6 and Firefox. If you notice any problems, please report them as a comment.
To get more updated for blogging secret and tips on this blog,Subscribe it now,It's FREE.
Technorati Tags: blogger v.30, blogging tools, new blogger, blogging secret, blogging hacks, blogger beta, widgets
Tuesday, December 5, 2006
Dear my reader,i have create a hack to make you easily to link to my blog by just one click!It's this nice?Then we go on...Before we continue,you can learn it from here first.You can see it from my sidebar.This hack is inspired by Hoctro,Google Translation Widget.How it's work?If someone wanna create a link to you site,they just need to click on the button,then a new widget with your button will be create.
How to do it?
Step 1
Have your own link button 1st.You can create it from cooltext.Goto your dashboard, Template->Page Elements and click "Add a Page element". Choose the Html/Javascript option.
Step2
Then you copy the below codes and paste it in the content section.
Step3
You must replace the YOUR BLOG URL,YOUR BUTTON IMAGE URL AND YOUR BLOG TITLE properly.
Result(example)
Just 3 steps, then you are done.What are you waiting for?HACK IT NOW!
To get more updated for blogging secret and tips on this blog,Subscribe it now,it's FREE.
Technorati Tags: blogger v.30, blogging tools, new blogger, blogging secret, blogging hacks, blogger beta, widgets
Thursday, November 23, 2006
A great news from ramani!Normally is show up 5 comments only but now we can show much more comments in your sidebar, you can see from my sidebar, i have 10 comments show up! My sidebar now like a chatting box,lol. The Recent Comments widget allows you to put Recent Comments to your blog. Just click the button below to install it on your Blog.Credit to Hackosphere.
Benefits of this widget,
1. You can specify how many comments you want to display in your blog (defaults to 10)
2. You can specify the maximum number of letters that should be displayed in each comment (defaults to 100).
So here will show you can do the same thing like mine.
Step 1: Goto Template->Edit HTML tab. Find the </head>
tag in your template and add this line before it (if you have not already added it for some other hack).
<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' />
I have added a significant function to this hackosphere.js which does all the work. After adding this line, save the template.
Step 2: Goto Template->Page elements tab and click on "Add a page element" in your sidebar. Choose HTML/Javascript element. Give an appropriate title and copy/paste this code.
<br/><script language="javascript">
var numcomments = 10; // number of comments to display
var numchars = 100; // number of letters to display
</script>
<script src="http://yourblog.blogspot.com/feeds/comments/default?
alt=json-in-script&callback=commentDisplay"></script>
ORADD RECENT COMMENTS WIDGET
You need to change the blog URL to yours. You could also change the number of comments/letters per comment to whatever fits your blog. Then, save the changes and move the widget to wherever you want. There, you have a customized recent comments widget!!
To get more updates on this blog,Subscribe it now.
Technorati Tags: blogger v.30, blogspot, new blogger, blogging secret, blogging hacks, blogger beta
Sunday, November 12, 2006
3 Column Template with Widebar,And All Useful Hack!(HURRY UP!!)
28 responses Posted by LOUI$$ at 23:04Hello my reader,
After my friends request for this template for him,now i just share with you all. My blog quite similar with word press,do you feel it? This is another improvement for blogger beta,so now i proudly present my 3 Template with Widebar,And All Useful Hack.
Here are the list of hacks that were built-in:
1.Widebar-i work as search box,and my ads placement.(louiss)
2.3 column template-i can put a lot of great things.(Ramani teach me!)
3.Expandable posts with summary in main page-This hack displays only post summaries in main page which expand inline upon clicking a "Read more" link.You can divide your post with few steps and check it here.(ramani teach me!)
4.Peekaboo posts in label/archive pages-Only post titles will be shown in such pages so that the reader can quickly find what he wants to read amidst a long list of posts. A [+/-] toggler can be used to expand/collapse the posts.The example is here.(ramani again)
5.Multi-style Labels widget-Labels shown in multiple styles - Drop-down menu(default), zoom style and flat list.(bro ramani)
6.Author comment highlighting and notification- After someone post a comment to your blog,they can track your feedback just click on this notification. When you reply his/her comment,then they will receive updated from you and comment will be highlight with red color.(ramani ramani ramani)
7.Peekaboo comments-this is hack can collapse your comment or expand when you need it,so convenient for reader to review your comment box.(singopoly)
8.Labels as navigation tabs-this hack make me feel like a pro blogger,i have put it below my header,it feel great.(Hoctro)
9.Social Bookmarking Links-this hack can let your reader to bookmarking you to any list in your links.(Vivek and Hans)
10.Peekaboo Navbar-This hack can let you hide your bar when you dont need it,and come out when you need it. So flexible and professional!(Avatar)
Extra Hack
Widget auto-updation and Backlinks issue-i have include this in the template.(ramani)
If you like it,right-click the "Download template" link, save the code for the template and upload it to Blogger (Don't copy/paste, you might miss some lines). I will come up with more hacked templates as and when I get more free time.
Hack-Minima Live (Download Template)
Hacked it now!
You can use and downloads this template,of course,it's FREE (since my blogging secret is from nothing to something!) as long as you give credits on your site to Blogging Secret. All have been tested for Internet Explorer 6 and Firefox. If you notice any problems, please report them as a comment.
This post brought to you by webhostingpad coupon, webhostingpad review, imhosted coupon.
To get more updates on this blog,Subscribe it now.
Technorati Tags: blogger v.30, blogspot, templates, new blogger, blogger hacks, new blogger hacks, new blogger templates, new blogger template, blogger beta, minima
Wednesday, November 8, 2006
So here we go:
Step 0:
Back-up your template before modifying it.
Step 1:
Add the following javascript code to the head of your template. You can place it just above the </head>-tag.
<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />
Step 2:
Find the includable named 'post' in your template, and change it so that it is exactly as shown below (the code in red has to be added):
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
.... rest of template code ....
Save your template.
Step 3:
In the Settings - Formatting tab go to the bottom and enter the following post-template:
Type your summary here.
<span id="fullpost">
Type the rest of your post here.
</span>
Now every new post you start will have a fullpost-span by default. If your post is short, you can delete the <span>-tags from the post. The post will be displayed in full, and no links with "Read more..." or "Summary only" will be displayed for that post.
To get more updates on this blog,Subscribe it now.
Tuesday, October 31, 2006
Here is the step:
1.Go to your template>Edit Html
2.Find the below line:
/* Use this with templates/template-twocol.html */
3.Just paste this after the above code:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
4.It will look like this:
/* Use this with templates/template-twocol.html */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Avatar at Bloggeratto has described how to do this in your Beta blog.I have one,how about you?Get it now!
To get more updates on this blog,Subscribe it now.
Technorati Tags: blogger v.30, blogspot, new blogger, blogger hacks, new blogger hacks, blogger beta
