Thủ Thật - PC -Internet: tháng 11 2012

Thứ Sáu, 30 tháng 11, 2012

Stylifyyourblog like blogger template(clone)

vào lúc 19:54 Người đăng: Unknown Nhãn: Clones, Templates 0 nhận xét

Are you in search of stylifyyourblog template? You came to correct place.SYB is a blog dedicated to bringing you useful and quality content related to Blogger including News, Gadgets, Hacks, Tips, Templates and Tutorials.SYB is administrated by a talented blogger Prayag Verma

This is a fully responsive and highly optimized template for every kind of Blogger user. It is centered around the concept of Minimalism hence all the unnecessary stuff like Blogger's Default CSS as well as JavaScript have been shunned.Lets see the live DEMO.

DEMO

Special Features :

- Responsive

- Search Engine Optimized
- Lightening fast Page Load Time (98% in Google Page Speed)
- Exclusive Threaded Comment Design
- CSS3 powered Tilted Header
- Supports All Major browsers
- Uses CSS Sprites for less HTML Requests
- Auto Read More Hack
- Pagination option
- Automatic Related Posts under each Post
- CSS3 powered ReadMore Button and Labels
- Electrolize Web Font
- Attractive Share Buttons and Subscribe options
- Author Bio Box
- Ribbon styled Labels on Post Pages
- Print Friendly
- Captivating Post Title design
- Near W3C Valid
- Four Column Footer
- Widget Ready Sidebar with Stacked effect
- Simple Menu and Social Media Buttons
- Automatic Meta Descriptions
- Stacked Paper feel to Post Body
- Appealing Custom 404 Design
- Simple Search Box

Download:

If you are a true and genuine blogger,Kindly please leave the footer link.This may help many bloggers like you.

Download Now

If you are satisfied with this template,Kindly Do this,

Like us on Facebook.
Follow Us on Twitter .
Subscribe to our Updates by filling the form below the post where it says "Enter Your Email Here"and click on submit.
Join this site with google connect

Note

This is a modified stylify minimal template So, All credits goes to Prayag verma of Stylifyyourblog

Blogtipsntricks like blogger template(clone)

vào lúc 05:36 Người đăng: Unknown Nhãn: Clones, Templates 0 nhận xét

After Posting helperblogger template,I did not post any cloned template to my users.But now I camed with a new cloned template which make you amaze at look.I am going to give you blogtipsntricks.com template which got page rank 3 and my favourite blog too!

This blog is administrated by a 17 years old blogger Chandeep who is currently living in India like me.He has a beutiful blog which deals about blogger tricks and tricks like our blog and He has also created a wonder blogger template Chroncl which you can get it from this blog.He has a wonderful template in his blog which stands totally unique from other blog.

Now I am going to give his beautiful template for my readers and users for totally Free!Lets see the Demo of the template.

Live Demo

The main Features of this Blogger Template

Nice and Simple Design
Responsive theme
SEO Optimized
Navigation Menus
Search bar
Custom About me widget
Page navigation Widget
Stunning Threaded Comments Section
Default Jump Breaks for Post excerpts
Custom Email subscription widget
Customized heading tags (h1 to h6)
HTML Code view
Custom landing page

Download:

This template is only available for premium members .

To get this template,Kindly Do this:

Like us on Facebook.
Follow Us on Twitter .
Subscribe to our Updates

Join this site with google connect
After doing all, kindly leave your mail id in the comment

We respect our users so the templates our delivered soon to email id upon our review

"This post is copy righted and should not be reproduced in any blogs"

Being viewed or Random post widget like spiceupyourblog for blogger

vào lúc 03:37 Người đăng: Unknown Nhãn: Post widgets, Sidebar widgets, Traffic, widgets 0 nhận xét

Hi friends, today I had made an interesting widget for you all. This is really interesting. Its titled as "Being Viewed". You can give him any title but the title was choose by Paul Crowe. Actually he had created the widget but hasn't shared the trick or code of the widget. So I thought that everything we knew must be known to all. So I was creating the widget for these 2 days and at last, success was the result and so I was happy.

Live Demo:

The images and post showing above updated every-time and they are showing the posts which are being viewed at the moment.

What Are The Main Advantages Of The Widget ?

Shows Random Posts.
Shows the Name Of The Author.
Shows the number of comments.
Summary Showing Enabled.
CSS Added.
Hover effect for images.

Installing It On Your Blog

This is actually a widget which is re-sizes automatically and also you don't have to add any extra codes on your template too. Just follow these steps :

Go to blogger.
Open layout tab.
Click on Add A Widget button anywhere on the blogger layout.
Give any title you want [ eg: Being Viewed, Recently Viewed, Now Viewing etc. Its up to you. ].
In the content column, paste the code given below :

<style type="text/css"></style>
<script type="text/JavaScript">

</script><script type="text/JavaScript" src="../../feeds/posts/summary?max-results=0&alt=json-in-script&callback=Get_Total_Post"></script><script type="text/JavaScript" src="../../feeds/posts/summary?start-index=50&max-results=1&alt=json-in-script&callback=Random_Post_Show"></script>

You can also display more or less post by changing 5 in the script
Don't feel afraid by seeing such a large code. Its works fine.

Please use this widget on your blog and this widget is completely link free too. So this widget will not link to any other blog. This widget will give you an increase in the total blog traffic.

Spiceupyourblog like floating sharing widget for blogger

vào lúc 02:49 Người đăng: Unknown Nhãn: Social widgets, widgets 0 nhận xét

Spiceupyourblog like floating sharing widget addthis

Hi friends, After publishing spiceupyourblog template, I made this widget by compressing the codes and credit goes to a lot of people for this widget. The widget is named as "Spiceupyourblog like floating sharing widget". Because, You can see a widget like this in spiceupyourblog which is made by Paul Crowe but he hasn't shared how to make that. I tried a lot to make that but I can't. At last, I made that and I am using that now. And also, this widget has a specialty. This is completely No CSS widget.

Preview :

I think you all had liked the widget by seeing the demo. This widget design is actually made by Paul Crowe of Spice Up Your Blog; but he only knows the code for making that. I had made the code myself like that. For share buttons, I had used the AddThis buttons. Actually, I had customized the AddThis floating buttons like that of spice up your blog.

Installation Notes

Go to blogger.
Go to the layout tab.
Click on Add A Gadget button anywhere or click on any HTML/JavaScript widget.
If you had clicked on Add a Gadget button, please choose HTML/JavaScript and paste the code given below or if you clicked on an existing HTML widget, just paste the code below the ending of that code.

Dark Theme

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="position: fixed; left: 160px; top: 150px; background:#000; border:2px solid #ddd;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvlstqQtBcpY_cKYplBXKgnUdPkmy-ZilbT0RgGW6KeBUAMyQEeOPDdYswGP3i4h4X-KwxKMoNvSEieeF-ARzhmxo0uCBUQfgfkd277HZkfpotWh7IZ9jAB2JFDBnyf8EXyZYC03po0Kw/s1600/please-share-this-post.png" /></center>
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_button_pinterest_pinit"></a>
<br />
<a class="addthis_counter"></a><br />
<a href="http://feeds.feedburner.com/truebloggertricks" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcnW2BdxSjkOfG8i40_vNJKNJVACDMRLT0mg1O9mchvaLpgNlmwqVkehoEuB76CHKrilNrip9-2R9yAGz4tjHOMBQ8GKZffBXJgezqDw7SS5nRmqgQ5HmXPGqxsgTzEVF6Ppb9D3ZISBw/s1600/rss-updates.png" /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=truebloggertricks&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtkbj_PZej4aZRP0G2CBPgNlf50C-oSN9IfPjqkhY_wad937oOtFU6ucRmC88TQeZIITGDrlazBDrxN-atqSSo6pM27QWQIUhm0brBBT-VtFpwCQ_JhyR8K-Q28dWzJB2jpCO2FE2OIw/s1600/email-updates.png" /></a><br /><br /><br />
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://truebloggertricks.blogspot.com' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script>

left: 160px; top: 150px; background:#000; border:2px solid #ddd; - Change these positions and background colors according to your blogger template.
http://feeds.feedburner.com/truebloggertricks - Change this to your Feed URL
http://feedburner.google.com/fb/a/mailverify?uri=truebloggertricks&loc=en_US - Change this to your FEED URL

The above code I had provided can be used only for those who want the dark themes for their floating widget.

White Theme

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="position: fixed; left: 250px; top: 280px; background:#fff; border:2px solid #ddd;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZ3FaCjvSI267dFKRqOZTn9DxSCU346tSdfpSUK5iZEyO2RxBOf_T7GR8ebgPP8lZmtA0paGwwnj6C5Vif2RdPwlXfTw2lN_To0WXa3r_PsNB1bm5koAUjOkarGoR2AqjQ05tbh4SijY/s1600/12.png" /></center>
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<br />
<a class="addthis_counter"></a><br />
<a href="http://feeds.feedburner.com/truebloggertricks" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcnW2BdxSjkOfG8i40_vNJKNJVACDMRLT0mg1O9mchvaLpgNlmwqVkehoEuB76CHKrilNrip9-2R9yAGz4tjHOMBQ8GKZffBXJgezqDw7SS5nRmqgQ5HmXPGqxsgTzEVF6Ppb9D3ZISBw/s1600/rss-updates.png" /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=truebloggertricks&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtkbj_PZej4aZRP0G2CBPgNlf50C-oSN9IfPjqkhY_wad937oOtFU6ucRmC88TQeZIITGDrlazBDrxN-atqSSo6pM27QWQIUhm0brBBT-VtFpwCQ_JhyR8K-Q28dWzJB2jpCO2FE2OIw/s1600/email-updates.png" /></a><br /><br /><br />
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://truebloggertricks.blogspot.com' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script>

left: 250px; top: 280px; background:#fff; border:2px solid #ddd - Change these positions and background colors according to your blogger template.
http://feeds.feedburner.com/truebloggertricks - Change this to your Feed URL
http://feedburner.google.com/fb/a/mailverify?uri=truebloggertricks&loc=en_US - Change this to your FEED URL

Transparent Theme

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="position: fixed; left: 230px; top: 300px; background:none; border:2px solid #ddd;">
<center><img width="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZ3FaCjvSI267dFKRqOZTn9DxSCU346tSdfpSUK5iZEyO2RxBOf_T7GR8ebgPP8lZmtA0paGwwnj6C5Vif2RdPwlXfTw2lN_To0WXa3r_PsNB1bm5koAUjOkarGoR2AqjQ05tbh4SijY/s1600/12.png" style="background:#fff;"/></center>
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<br />
<a class="addthis_counter"></a><br />
<a href="http://feeds.feedburner.com/truebloggertricks" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcnW2BdxSjkOfG8i40_vNJKNJVACDMRLT0mg1O9mchvaLpgNlmwqVkehoEuB76CHKrilNrip9-2R9yAGz4tjHOMBQ8GKZffBXJgezqDw7SS5nRmqgQ5HmXPGqxsgTzEVF6Ppb9D3ZISBw/s1600/rss-updates.png" /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=truebloggertricks&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtkbj_PZej4aZRP0G2CBPgNlf50C-oSN9IfPjqkhY_wad937oOtFU6ucRmC88TQeZIITGDrlazBDrxN-atqSSo6pM27QWQIUhm0brBBT-VtFpwCQ_JhyR8K-Q28dWzJB2jpCO2FE2OIw/s1600/email-updates.png" /></a><br /><br /><br />
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://truebloggertricks.blogspot.com' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script>

left: 230px; top: 300px; background:none; border:2px solid #ddd; - Change these positions and background colors according to your blogger template.
http://feeds.feedburner.com/truebloggertricks - Change this to your Feed URL
http://feedburner.google.com/fb/a/mailverify?uri=truebloggertricks&loc=en_US - Change this to your FEED URL

Best Placement Tip

I think you would get more shares if you place this widget in the left side because many of my friends said they like to see the floating widget in the left side and also most of the sites use the floating widget in the left side. So you too can.

How to make keyboard like text effect in blogger post

vào lúc 01:21 Người đăng: Unknown Nhãn: Blog design, Buttons, widgets 0 nhận xét

Blog design and template is the important one for all blogs.It makes the readers to visit again and again to your blog and also makes your blog unique from others.Now I am going to give a trick which makes your post beautiful.This CSS consist of no images so it does not affect your blog speed.Lets see the live demo.

Demo:

Ctrl+b

Ctrl+F

Ctrl+z

Ctrl+y

TrueBloggerTricks

How To Add In Blogger?

1.) Go To Your Blogger Dasboard

2.) Open Your Desire Blog.

3.) Go To HTML.

4.) Click "Edit HTML"

6.) Now Do As I Did.

7.) Find This Line Using Ctrl+F Function.

]]></b:skin>

Paste this CSS above that line

/*****************************************
Keyboard Style  CSS
******************************************/
kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}

Using Them On Posts:

For their right implementation on blogger posts, follow these steps carefully.

Type your entire post
After completing the post, add this code before and after the text you want to add the effect.
A simple example looks like this.

<kbd>Text To Give Effect</kbd>

Your are done!If you have any doubts regarding this post,Please them via comments.Do not forget to share this with your friends!

All in one powerful SEO meta tags for blogger

vào lúc 22:48 Người đăng: Unknown Nhãn: SEO, Traffic 0 nhận xét

The meta tags are key entrance to search engine .They are used to provide additional information about the page that is not visible in the browser. The meta tags are always placed within the head section of the Blogger template. This tag can be used to identify the author’s name of the web document and to identify the keywords that describe the site.

Keywords are the group of words that are frequently used in the document and they have to clearly indicate the context of the document. Search engines use these keywords to group the web sites. So, you should use correct keywords that matches to your blog .The great search engines like Google, yahoo and Bing mainly crawl in your blog title. When you place some important keywords behind your Blog title, your blog makes the search engines much easier to find your blog .This will increase the visibility of your blog in search engines.

Let’s see how to optimize your blogger blog titles and your keywords,Search engine friendly.

1.) Go To Your Blogger Dasboard
2.) Open Your Desire Blog.
3.) Go To HTML.
4.) Click "Edit HTML"
5.) Now Do As I Did.
6.) Find This Line Using Ctrl+F Function.

Find the following codes using ctrl + f function

<title><data:blog.pageTitle/></title>

Replace it with the following code.

    <b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.pageTitle/> - Blogger tricks,widgets,templates</title>
    <b:else/>
    <title><data:blog.pageName/> - TrueBloggerTricks</title>
    </b:if>

Replace the red text by your important blog's Key words.

Replace the Blue text (TrueBloggerTricks) by your blog's SEO friendly name.

Done..! you have a SEO friendly page title and Blog title .Within few days you will see much changes in your blog traffic and Search engine ranking.Do not forget to give feedback about this post via comment!

Helper Blogger like blogger template(clone)

vào lúc 04:31 Người đăng: Unknown Nhãn: Clones, Templates 0 nhận xét

First of all ,Happy Diwali to all my readers and visitors.If you are a Indian you would celebrate it with bursting crackers and with sweets.But,I am busy with something.Ya! you are right, 'Cloning templates '.I tried to Clone Helperblogger template,but it camed perfectly! Helperblogger is a blog administrated by a young blogger Rahul Ippar and It also has a pagerank of 3!I want to share this template as a Diwali gift to Everyone.Let see the Demo

Demo

Benefits of this template:

Wordpress like
Round corners
Superb sub menu
Adsense optimised
Fast loading
Simple and Elegant
Magazine type
Featured Section
Right Sidebar
Tabbed widget
3 Column footer
Professional
Custom fonts

Note:

If you are a true and genuine blogger,Kindly please leave the footer link.This may help many bloggers like you.

Download Now

If you are satisfied with this template,Kindly Do this,

Like us on Facebook.
Follow Us on Twitter .
Subscribe to our Updates by filling the form below the post where it says "Enter Your Email Here"and click on submit.
Join this site with google connect (or)
Comment with your blog address to which the template is applied.

Beautiful related posts text widget with hover effect for blogger

vào lúc 00:23 Người đăng: Unknown Nhãn: Related post widgets, SEO, widgets 0 nhận xét

Simple And Stylish "Related Posts" Text Widget For Blogspot

I am going to post three awesome styled Text only related post widget for blogger. I really post this for my friend Rohit Malik ,who asked me for this widget . Actually, related posts widget decrease your blog's bounce rate. Also many related posts widget for blogger look boring and ugly. An those having images will increase up your blog loading time.This related post has no image and loads faster.So, hope you like all of the three.

Features:

1.) Simple With 3-Stylish Design.
2.) Page Counter.Dark And Light Effect.
3.) Only Text To Remain Your Blog Loading Speed Fast.

How To Add In Blogspot?

1.) Go To Your Blogger Dasboard
2.) Open Your Desire Blog.
3.) Go To HTML.
4.) Click "Edit HTML"
5.) Check On "Expand Widget Template"
6.) Now Do As I Did.
7.) Find This Line Using Ctrl+F Function.

</head>

And Copy The Below JavaScript Code And Paste It Before/Above It.

<!--RelatedPostsStarts-->
<script language='JavaScript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 6) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
<!--RelatedPostsStops-->

8.) Now Copy The Below HTML Code And Paste It Where You Want To Show Related Posts Widget.

Like I Suggest To Find These Line Using Ctrl+F Function.

<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>

And Edit The Below HTML Code Then Copy It And Paste It Below/After It.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; 
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

9.) Next, Find The Below Line Using Ctrl+F Function:

]]></b:skin>

Final, Choose Any One Style, And Insert The Corresponding CSS Code Above It.

Style 1:-

#related-posts {clear: both;}
#related-posts ul{margin: 20px 0; padding: 0;list-style: none;}
#related-posts ul li {border-top: 1px solid #333;border-bottom: 1px solid #111;}
#related-posts ul li:first-child {border-top: none;}
#related-posts ul li:last-child {border-bottom: none;}
#related-posts ul li a {padding: 10px;display: block;color: #222;text-decoration: none;cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out; /* trans pattern: property duration timingMethod delay */}
#related-posts ul li a:hover {padding-left: 20px;}

Style 2:-

#related-posts {clear: both;}
#related-posts ul{margin: 20px 0; padding: 0;list-style: none;}
#related-posts ul li {border-top: 1px solid #333;border-bottom: 1px solid #111;background: #222;}
#related-posts ul li:first-child {border-top: none;}
#related-posts ul li:last-child {border-bottom: none;}
#related-posts ul li a {padding: 10px;display: block;color: #fff;text-decoration: none;cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out; /* trans pattern: property duration timingMethod delay */}
#related-posts ul li a:hover {padding-left: 20px;background: #111;}

Style 3:-

#related-posts {clear: both;}
#related-posts h2{color: #fff;}
#related-posts ul{margin: 20px 0; padding: 0;list-style: none;}
#related-posts ul li {border-top: 1px solid #333;border-bottom: 1px solid #111;background: #222;}
#related-posts ul li:first-child {border-top: none;}
#related-posts ul li:last-child {border-bottom: none;}
#related-posts ul li a {padding: 10px;display: block;color: #fff;text-decoration: none;cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out; /* trans pattern: property duration timingMethod delay */}
#related-posts ul li a:hover {padding-left: 20px;background: #111;}

I hope this widget will help you in increasing your SEO and Bounce Rate.Happy blogging!!!!!

How to add Cool metro style Social Sharing Widget below Blog Post

vào lúc 01:58 Người đăng: Unknown Nhãn: Post widgets, Social widgets 0 nhận xét

Social Media play a very important role for every blog or website. With the help of social media, it can get more traffic, visitors and readers to your blog or website. Every social media have unique social sharing buttons designed by their developers. Therefore, we need to add these social sharing buttons in our blog or website to gain more traffic, visitors and readers. Actually, I already shared many kinds of social sharing buttons here in TrueBloggerTricks. And today, I'm gonna share to you another style. It is different from all others because each button has a different background. These social sharing buttons contains twitter tweet, facebook like and google +1. So, If you want to add this widget below your blogger blog post, then just follow the steps given below.

Steps to Add This Widget Below Your Blog Post

Steps.

Login to your Blogger Dashboard.
Click the drop-down menu and select Template.
Backup your Template before making any changes.
Click Edit HTML ---> Proceed ---> Expand Widget Templates.
Click Ctrl+F and search the code below:

<data:post.body/>

If you have more than one of this in your template and confused about which one to use, search for <div class='post-footer-line post-footer-line-1'/> instead.

Just below/after the <data:post.body/> or <div class='post-footer-line post-footer-line-1'/>, Paste the code below:

<b:if cond="data:blog.pageType == "item"">
<style>
.promote_post_bg {
height: 103px;
background: url(http://1.bp.blogspot.com/-0XK7JZR6VAw/UIC9BwXIMyI/AAAAAAAAAN4/NjbbeWgyV5M/s1600/Cool+Social+Sharing+Widget.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="tbloggertricks" href="https://twitter.com/share">Tweet</a>
<script>
!
function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");

</script></div>
<div class="promote_facebook">
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like>
<div>
<b:if cond="data:post.isFirstPost">
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));

</script>
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone>
<script type="text/javascript">
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();

</script></div>
</div>
</b:if>

Now click Save Template.

Need Help? If you are facing any problem to implement these sharing buttons in your blog. Please feel free to add your comment. I will try to resolve it in time. I hope you enjoyed this tutorial! Looking forward for your feedback. Thanks!

How to Replace "Post A Comment" Text with image in Blogger

vào lúc 00:12 Người đăng: Unknown Nhãn: Blog design, Comment widgets, Tricks 0 nhận xét

How to Replace "Post A Comment" Text of Blogger Blog

You can see "Post A Comment" text above your comment form in blogger? but it simple but i think not elegant. Right? So now in this post i will show you how to replace the 'Post A Comment' text we see above the comment form with a cool image. This is a very simple hack you don't need to add any JavaScript or any other codes just replace a piece of code with your own image or text. Here I am giving few image which you can use or you can add your own images.

So if you want to change the "Post A Comment" text into a cool image, just follow the steps below.

Steps To Replace "Post A Comment" in Blogger Blog

Login to your Blogger Dashboard.
Click the drop-down menu and select Template.
Backup your Template before making any changes.
Click Edit HTML ---> Proceed ---> Expand Widget Templates
Click Ctrl+F and search the code below:

<data:postCommentMsg/>

Note: If you will find this code twice time or more than, then you have to replace all <data:postCommentMsg/>.

Now replace the code into your own message such as...

"Leave a Comment"

"We love your comment"

"Say something about this" etc.

You can also replace the code with a beautiful color image if you don't like plain text message. To do this just replace the <data:postCommentMsg/> code with an image URL code as shown below.

Pick an image code below and Replace the <data:postCommentMsg/>

Here is a list of images you can use :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXB0fYXyD9hjffmtTC4kQO4NKJ5BhLoRHMFOYeOodpLhKBoVdBzQ15RcMZJjxevcX1TBCyYWZlvIKqhC1AIzxZOu5N9YAec1JIbRGWPhMYWCHebvJ0B5Yk17sS5wMjdzc1ojHtOsdvsvU/s1600/PostAComment.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLzvyyjxbkVPxDucTi-_YJzB8C8RxNnncnZe81QKkmSA8q2vZTiAYBU6h6lobwUXVZ5CKGqsbf92uDNwo7LxpYsLQyh4HymAZ582VXS5B_VXPlx1dlbLnMDfKhaeXECb77pReYdX5Akss/s1600/PostAComment+%25282%2529.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6VRpNt7v0opoHKxqU_qir9Zokr7SQHPIalepXsr6rmUFNxnU-LOGJpCoV6RNpG1CzR_LBv_DnDal-0jm9jtMg05noxBLMnhkXJH1rOUR0MknoNfqAO-zDU56lugezqqrpl1igVOg77k/s1600/PostAComment.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbes489bijA_nbq5pOVmMU0Musl9HM3ejLltPELrTo6Y98FuJSeXefkZT9gZ-NpgZCjmPFtYeClOWexQFwRmI5JiQRipaaCFCpxQ0XUPJ_v7pgLbYLvuJjK_Qc_S6XqL_8LOkwoHUSH9Q/s1600/PostAComment+%286%29.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5XW104a0wQe864ciobBOAB-TIxPfN4tg2x5LtcVUyln7vB9DIawP8li-QGQcv6UrDhpcKKJMOjWx834Ek7umgWb9f03ubLJXAve6gtYMDr_1pQ9hCIckNzdIYMoeQj1Y7hX5u5D8Zc04/s1600/PostAComment+%284%29.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8vY6h2aZQHxhS8dpE0FQxtJqRBW_IXy_lVkCvSksNovzgo6vmDM64CGjBz2r59_yfa4bmLqPdo_PE-Y94O_GzkBc3GrGSr4fL9ai-OMd15MfgwxoLZ4UW2dDczuolRR2s36UywZr1vXM/s1600/PostAComment+%282%29.gif" />

After replacing click Save and then your Done!

I hope this post will help you. If you have problem, Please let me know so that I can help you. Happy Blogging...:-)

How to get free unlimited backlink to your blog

vào lúc 04:42 Người đăng: Unknown Nhãn: SEO, Tricks 0 nhận xét

Backlinking is the succes of every blogger because I am now getting thousands of impresions one day and I want to share it with you guys. check this out

How To Get 5,000 Automated Backlinks?

1. FreeBacklinkTool:This website allows you to create 500 backlinks within minutes. The links you create here will help your website rank higher in search engines and get attention by major search engines like Google, Yahoo & Bing.

You do need to create an account but it is 100% Free To register.

2. IMTalk: This website is AMAZING and allows you to create 2523 backlinks! It does take longer than FreeBacklinkTool but it all runs in the background. It will take about an hour to hour and a half to complete.

This is also 100% FREE but they do have a forum to which you can register and I highly recommend.

3. BacklinkGenerator: This site is also extremely useful and MUCH quicker then the other too but it only creates 325 backlinks in about 5 minutes.

Again this is 100% FREE and no account required.

4. BulkPing: I absolutely love BulkPing and will also be talking about using their service for getting your backlinks indexed but for now we will be using it to generate over 3500 backlinks!! Yes FREE 3500 automated backlinks!

Now I do have to let you know Bulkping works great but sometimes it does not create all 3500 links. Sometimes in only does 1,000 and other times 2,000. I’m not sure why this varies but it still works just fine.

Also this one takes the longest of the 3 at about 90 minutes to 2 hours to complete.

That is pretty much it you can easily use these 4 sources to index your website or send some link juice to your already established website.

You can also submit your site to these websites multiple times a month if you’d like.

I hope you found this article helpful and you create your backlinks!To Your Backlinking Success, !!!!!!!!

Thứ Sáu, 30 tháng 11, 2012

Special Features :

Download:

Thứ Sáu, 23 tháng 11, 2012

The main Features of this Blogger Template

Download:

Thứ Bảy, 17 tháng 11, 2012

Live Demo:

What Are The Main Advantages Of The Widget ?

Installing It On Your Blog

Preview :

Installation Notes

Dark Theme

White Theme

Transparent Theme

Best Placement Tip

Demo:

How To Add In Blogger?

Using Them On Posts:

Thứ Sáu, 16 tháng 11, 2012

Thứ Ba, 13 tháng 11, 2012

Benefits of this template:

Note:

Features:

How To Add In Blogspot?

Style 1:-

Style 2:-

Style 3:-

Thứ Hai, 12 tháng 11, 2012

Steps to Add This Widget Below Your Blog Post

Steps.

Steps To Replace "Post A Comment" in Blogger Blog

Here is a list of images you can use :

Thứ Năm, 1 tháng 11, 2012

How To Get 5,000 Automated Backlinks?

Giới thiệu về tôi

Lưu trữ Blog

Follow us on facebook

Your ads

Being viewed

Followers

Weekly hits

SearchThisSite

Hot posts

Recently Viewed

Categories