How To Add Smiley's, Youtube Video, Song Link In Blogger Thread Comments

This tricks is very useful for you who want to modify the comment box. Why? Because, if you learn this trick you can add emoticons to your comment box. By the way, do you know Emoticon? Emoticon is a facial expression pictorially represented by punctuation and letters, usually to express a writer’s mood. Now, i will teach you how to add emoticons.

Screenshot

Live Demo

How To Use

Step 1

First log in to Blogger
Go To Dashbord > Design > Edit HTML
And Click On Expand Widgets Tick Box
Now find this code : </body>
And just BEFORE it, add this Code:

Step 2

Now find this code :<b:loop values='data:post.comments' var='comment'>
And just Before it, add this line:

Step 3

Now find this code : </b:loop>
And just After it, add this line:- </div>

Step 4

Now find this code :<data:blogTeamBlogMessage/>
And just After it, add this Code:-

Step 5

Now find this code : ]]></b:skin>
And just BEFORE it, add this line:

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}

Note :- For Adding image , youtube Video , Song Link On Thread Comment Plz Use This Code:-

For Inserting Image:-- [img] Link [/img] //
For Inserting Song Link:-- [nct] Link song [/nct]
For Inserting YOutube Video:-- [youtube] Youtube Video Link [/youtube]

Author About Bio Box For Blogger Blog

In this tutorial, I will show you how to easily develop and display the Author´s Bio box in your Blogger posts without the need of a plugin ... Are you putting a face to your articles? How about the author´s background and contact information? The author´s profile box is a great idea for your blog as it can help with user interaction and puts a face to the author, and offers the chance to mention other projects or services.

Screenshot

How To Use

Feel All Field
Change Widget Setting
Now Click On genrate Button
For Live Preview ...Click On Preview Button
Finally Click On Add To Blogger Button

If you Want Place This Widget On Your Blog Plz follow These Steps:

Step 1 :-

First Login To Blogger Go To Blogger--->Design--->Edit HTML
And Click On Expand Widgets Tick Box
Now find this code : ]]></b:skin>
& Just Before It Paste Above CSS Code Placed On Widget Genrator

Step 2 :-

Now find this code : <div class='post-footer-line post-footer-line-1'>
& Just After This Code <div class='post-footer-line post-footer-line-1'> Paste Above HTML Code Placed On Widget Genrator

Subscription Buttons Widget For Blogger

Posted : at 6/05/2012 | Posted By: Piush Trivedi | Labels: Blogger tools , blogger widget 3⁺ Comments

The Subscribe button let your visitors to subscribe and easily add your blog to their favorite Subscribtion services. When visitors like your content and want to read Or Share your blog On Facebook ,Twitter & Rss readers then they will click on the Subscribe button on your blog. For Adding This Subscribtion Wiget On Your Blog Follow This Step :---

How To Use

Feel All Field
Change Widget Setting
Now Click On genrate Button
For Live Preview ...Click On Preview Button
Finally Click On Add To Blogger Button

Reply Button Not Working Blogger Threaded Comment

Posted : at 5/18/2012 | Posted By: Piush Trivedi | Labels: Blogger Hacks , tricks 32⁺ Comments

Earlier this month Blogger introduced a long-a waited feature, native threaded comments – with only one level, but still pretty nice to delimit conversations. The instructions sounded easy enough, just a couple of settings to change and the new reply system should kick in. Unfortunately in practice both myself and many other have stumbled across a couple of problems…when clicking on the ‘Reply’ button nothing happened...! It looked like there was a missing script and I spent a considerable amount of time trying to track down the source of this problem. First I tried to replace the blog template with a completely new one, which I thought would have the proper updated code – that turned out not to be the case. I compared the source code of an article on my blog to others where the replies were working correctly and I discovered there was indeed a script missing for me Plz Read Above Tutorial Carefully & follow these steps:

Important:-Before Editing Template ..Plz Backup Your Full Template.....

Step 1

First log in to Blogger
Go To Dashbord > Design > Edit HTML
And Click On Expand Widgets Tick Box
Now find this code : <b:includable id='threaded_comment_js' var='post'>
& Replace This Code & Script With Above Code & Script....

<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>

Now Save Your Templete :-)

How To Add Smiley's, Youtube Video, Song Link In Blogger Thread Comments

Screenshot

How To Use

Step 1

Step 2

Step 3

Step 4

Step 5

Author About Bio Box For Blogger Blog

Screenshot

How To Use

Step 1 :-

Step 2 :-

Subscription Buttons Widget For Blogger

How To Use

Reply Button Not Working Blogger Threaded Comment

Step 1

Search This Blog

Subscribe

Like Us

Most Viewed

Blog Archive

Recent Comments

Contact Form

Labels