::PaTtaKha ZOne/>

Showing posts with label Blogging. Show all posts

How to add Meta Tags

Rehan Ahmed Blogging, Seo, Widget Blogger

The most important things that you must do for your blog to improve their appearance in search sites like Google, Yahoo and Bing they help the emergence of blog by 80%

How to add <meta></tags>

Steps:

1 - Log in to Control Panel blog.
2 - Click on the design and editing Html.
3 - Search for <head>
4 - Put immediately after the following code:

Change what is shaded in Blue

Explanation ended

Add Facebook,Rss And Twitter Running Truck

Rehan Ahmed Blogging, Facebook Tricks, Widget Blogger

HOW TO ADD SOCIAL SHARING TRUCK WIDGET

♥ Replace it USERNAME1 with your Facebook Username.

♥ Replace it USERNAME2 with your Feed Burner Username.

♥ Replace it USERNAME3 with your Twitter Username.

Add Stylish All In 1 Social Email Subscription Box For Blogger

Rehan Ahmed Blogging, Widget Blogger

HOW ADD SOCIAL/EMAIL SUBSCRIPTION BOX FOR BLOGGER

Written explanation

1) Go to Blogger Dashboard → Layout → Page Elements.
2) Add a HTML/JavaScript Gadget.
3) Paste below code in it.

<style>
    #socialwidget {
    border: 1px solid #ebebeb;
    width: 300px;
    }
    .TZ-social{
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #ebebeb;
    }
    .TZ-social img:hover{opacity:0.8}
    .googleplus {
    background: #ffffff;
    border-top: 1px solid white;
    border-bottom: 1px solid #ebebeb;
    font-size: 12px;
    color: #000;
    padding: 9px 11px;
    ine-height: 1px;
    font-family: Verdana, Geneva, sans-serif;
    }
    .googleplus span {
    color: #000;
    font-size: 11px;
    position: absolute;
    margin: 9px 70px;
    width: 310px;
    }
    .g-plusone {
    float: left;
    }
    .twitter {
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
    }
    .TZ {
    background: #ffffff;
    border-top: 1px solid white;
    font-size: 12px;
    color: #000;
    padding: 9px 11px;
    line-height: 1px;
    font-family: Verdana, Geneva, sans-serif;
    }
    .TZ span {
    color: #000;
    font-size: 11px;
    position: absolute;
    margin: -12px 100px;
    width: 310px;
    }
    #widgetbox .author-credit a {
    font-size: 10px;
    font-size: 10px;letter-spacing: 1px;
    color: #1E598E;
    text-decoration: none;
    }
    .email-subscribe-emailbox {
    padding: 5px 10px;
    font-family: "Arial","Helvetica",sans-serif;
    border-top: 0;
    border-image: initial;
    height: 42px;
    background: #EFF8FB;
    width: 280px;
    }
    .email-subscribe-emailbox form {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
    .email-subscribe-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
    .email-subscribe-emailbox input.emailu:focus {color: #333;}
    .email-subscribe-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
    .email-subscribe-emailbox input.submitu:hover {text-decoration: none;}
    .TZDefault {border: 1px solid #dedede;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);}
    .TZDefault:hover {background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);}
    </style>
    <div id="socialwidget">
    
    <div class="TZ-social">
    
    <center>
    <a style="margin-right: 10px;" href="http://facebook.com/TH3NEWS" target="_blank" rel="nofollow">
    <img src="http://2.bp.blogspot.com/-1UYOmpOWMv8/T65vfQFE80I/AAAAAAAAABY/H0t0CMEwyO0/s1600/facebook.png" title='Facebook'/></a>
    <a style="margin-right: 10px;" href="http://twitter.com/USERNAME4" target="_blank" rel="nofollow">
    <img src="http://1.bp.blogspot.com/-4xPK0hkcELk/T65vi83XGqI/AAAAAAAAAB0/ef6Af1cesHE/s1600/twitter.png" title='Twitter'/></a>
    <a style="margin-right: 10px;" rel="me" href="https://plus.google.com/USERNAME2" target="_blank">
    <img src="http://3.bp.blogspot.com/-QEdzJcR1pfI/T65vgBJxxMI/AAAAAAAAABg/2eXrz-32Gds/s1600/gplus.png" title='Google Plus'/></a>
    <a style="margin-right: 10px;" href="http://pinterest.com/telouma/boards/" target="_blank">
    <img src="http://1.bp.blogspot.com/-2A1sbDGCgOw/T65vhAL4VZI/AAAAAAAAABo/2XDEIAFUuEI/s1600/pinterest.png" title='Pinterest'/></a>
    <a style="margin-right: 10px;" href="http://feeds.feedburner.com/USERNAME3" target="_blank" rel="nofollow">
    <img src="http://1.bp.blogspot.com/-wK9q4eUXA6U/T65viJ1HVmI/AAAAAAAAABs/DyIkCZdJ1Y4/s1600/rss.png" title='RSS Feed'/></a>
    </center>
    </div>
    <div class="googleplus">
    <span><font><font>Recommend Us On Google </font></font></span>
    
    
    <g:plusone size="medium" href="http://newth3.blogspot.com/"></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 class="TZ">
    
    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2USERNAME1&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true">
    </iframe>
    <span>Like Us On Facebook</span>
    </div>
    <div class="twitter">
    
    <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&id=twitter-widget-0&lang=en&screen_name=USERNAME4&show_count=true&show_screen_name=true&size=m" class="twitter-follow-button" style="width: 244px; height: 20px; " title="Twitter Follow Button">
    </iframe>
    <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
    </div>
    <div class="email-subscribe-emailbox">
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=The-Area51', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
    <table width="100%">
    <tr>
    <td>
    <input class="emailu" name="email" placeholder="Enter your email" type="text"/>
    </td>
    <td width="70px">
    <input class="submitu TZDefault" type="submit" value="Subscribe"/>
    </td>
    </tr>
    </table>
    <input name="uri" type="hidden" value="The-Area51"/>
    <input name="loc" type="hidden" value="en_US"/>
    </form>
    </div>
    <div id="widgetbox" style="background: #EBEBEB;border-top: 1px solid #ddd;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;">

    
    </div></div>

4) Customize your setting.Find any word click F3 or Ctrl+F.

Replace it USERNAME1 with your Facebook Fan Page URL.

Replace it USERNAME2 with your plus.google.

Replace it USERNAME3 with your Feedburner Username.

Replace it USERNAME4 with your Twitter Username.

5) Save your Widget.

Add Cool Mouse Hover Social Media Buttons

Rehan Ahmed Blogging, Widget Blogger

Add Cool Mouse Hover Social Media Buttons For Blogger/Website

Written explanation

1) Go to Blogger Dashboard → Layout → Page Elements.
2) Add a HTML/JavaScript Gadget.
3) Paste below code in it.

<style>

#pctoolstips {

width: 260px;

margin: 5px 20px;

padding:5px;

}

#pctoolstips li {

cursor: pointer;

height: 48px;

position: relative;

list-style-type: none;

}

#pctoolstips .icon {

background: #D91E76 url('http://1.bp.blogspot.com/-T2-Y9IQEx-Y/Ujvot2xpwjI/AAAAAAAAA88/7gydA10QKl4/s1600/pctoolstips.blogspot.com.png') 0 0 no-repeat;

background-color: rgba(217, 30, 118, .42);

border-radius: 30px;

display: block;

color: #141414;

float:none;

height: 48px;

line-height: 48px;

margin: 5px 0;

position: relative;

text-align: left;

text-indent: 90px;

text-shadow: #333 0 1px 0;

white-space: nowrap;

width: 48px;z-index: 5;

-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;

-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;

-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;

transition: width .25s ease-in-out, background-color .25s ease-in-out;

-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;

-moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;

box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;

text-decoration: none;

}

#pctoolstips span:hover {

visibility: hidden;

}

#pctoolstips span {

display: block;

top: 15px;position: absolute;

left: 90px;

}

#pctoolstips .icon {

color: #fafafa;

overflow: hidden;

}

#pctoolstips .fb {

background-color: rgba(45,118,185, .42);

background-position: 0 -382px;

}

#pctoolstips .twit {

background-color: rgba(0, 161, 223, .42);

background-position: 0 -430px;

}

#pctoolstips .google {

background-color: rgba(167, 0, 0, .42);

background-position: 0 -478px;

}

#pctoolstips .rss {

background-color: rgba(255,109, 0, .42);

background-position: 0 -718px;

}

#pctoolstips li:hover .icon {

width: 250px;

}

#pctoolstips li:hover .icon {

background-color: #d91e76;

}

#pctoolstips li:hover .fb {

background-color: #2d76b9;

background-position: 0 2px;

}

#pctoolstips li:hover .twit {

background-color: #00A1DF;

background-position: 0 -46px;

}

#pctoolstips li:hover .google {

background-color: #A70000;

background-position: 0 -94px;

}

#pctoolstips li:hover .rss {

background-color: #EC5601;

background-position: 0 -334px;

}

#pctoolstips .icon:active {

bottom: -2px;-webkit-box-shadow: none;

-moz-box-shadow: none;

-o-box-shadow: none;

}

</style>

<ul id="pctoolstips">

<li ><a href="http://www.facebook.com/USERNAME1" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span>

</li>

<li ><a href="http://www.twitter.com/USERNAME2" class="icon twit" >Follow us on Twitter</a><span>Follow us on Twitter</span>

</li>

<li ><a href="G+ URL" class="icon google" >Follow us on Google+</a><span>Follow us on Google+</span>

</li>

<li ><a href="http://feeds.feedburner.com/USERNAME3" class="icon rss" >Subscribe via RSS</a><span>Subscribe via RSS</span>

</li>

</ul>

4) Customize your setting.Find any word click F3 or Ctrl+F.

Replace it USERNAME1 with your Facebook Username.

Replace it USERNAME2 with your Twitter Username.

Replace it G+ URL with your Google+ Page url.

Replace it USERNAME3 with your Feed burner Username.

5) Save your Widget.

Add Spinning Social Sharing Buttons With Social Email Subscription Widget Below Every thread

Rehan Ahmed Blogging, Widget Blogger

HOW TO ADD SOCIAL SHARING WIDGET

Written explanation

1) Go to Blogger Dashboard → Template → Edit HTML.
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

<data:post.body/>

3) Now Paste the Code Shown Below just After it.

<b:if cond='data:blog.pageType == "item"'> <style> p#socialicons img { -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} p#socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} .emailbutton{background:#f7f8f9;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);color:#888;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;} .emailbutton:hover{background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );text-decoration:none !important;} .email{clear:both;width:100%;margin:10px 0;}.emailform{position:relative;width:300px;margin:0 auto;} .emailinput{width:200px;height:18px;margin:0 auto;padding:8px 40px 8px 10px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:georgia;font-style:italic;-webkit-box-shadow:1px 1px 2px #dfdfdf;-moz-box-shadow:1px 1px 2px #dfdfdf;box-shadow:1px 1px 2px #dfdfdf;font-size:14px;color:#666;} .emailbutton{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;padding:9px;position:absolute;right:-2px;top:0;display:block;line-height:16px;} .emailbutton{padding:8px !important;} .emailform, .emailinput{width:98% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;} </style> <center> <div style='font-size: 22px;'><b>Share this article with your friends.</b></div><p id='socialicons'> <a expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://lh3.googleusercontent.com/-svneEYei1xk/Ug5AVlY6G7I/AAAAAAAAAzw/c-vM0xyKeE0/h120/pctoolstips.blogspot.com.png'/></a> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://lh4.googleusercontent.com/-ZlyQjJzKhfM/Ug4_-FC98SI/AAAAAAAAAzY/TkM8bm4vi3Y/h120/pctoolstips.blogspot.com.png'/></a> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://lh3.googleusercontent.com/-sP6QPxvEAuc/Ug5AF2MxmaI/AAAAAAAAAzg/Zo3gTcXPhoY/h120/pctoolstips.blogspot.com.png'/></a> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://lh5.googleusercontent.com/-TN2wRorXcRI/Ug5ANdjhlMI/AAAAAAAAAzo/KHkIipK__VE/h120/pctoolstips.blogspot.com.png'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://lh6.googleusercontent.com/-N81aJXOjDc4/Ug5AmxKkaCI/AAAAAAAAAz4/Uo5zdqKW8zI/h120/pctoolstips.blogspot.com.png'/></a> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://lh5.googleusercontent.com/--bJvSbAaGKI/Ug5AufzVXxI/AAAAAAAAA0A/LZL9mRT5v_s/h120/pctoolstips.blogspot.com.png'/></a> <a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://lh5.googleusercontent.com/-kqFfYGorLvg/Ug5A2MKyatI/AAAAAAAAA0I/dYoTa-zxNZY/h120/pctoolstips.blogspot.com.png'/></a></p> <div style='margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; '> <div style='float:left; width:272px; border-right:1px solid #ddd;'> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=URL HERE&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62' style='border:none; overflow:hidden; width:292px; height:62px;'/> </div> <div style='margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;'> <iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_&id=twitter-widget-0&lang=en&screen_name=USERNAME2&show_count=true&show_screen_name=true&size=l' style='width: 266px; height: 32px;' title='Twitter Follow Button'/> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </div> </div> <div class="email"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform"> <input type="hidden" value="USERNAME1" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailinput" /> <input type="submit" class="emailbutton" value="SignUp" title='' /></form></div><div dir="ltr" style="text-align: Right;" trbidi="on"><a href="http://pctoolstips.blogspot.in/2013/08/add-spinning-social-sharing-buttons.html" target="_blank" ><span style="font-size: xx-small;">Get This</span></a></div> </center></b:if>

4) Customize your setting.Find any word click F3 or Ctrl+F.

♥ Replace it USERNAME1 with your Feedburner Username.

♥ Replace it URL HERE with your Facebook Fan Page URL.

♥ Replace it USERNAME2 with your Twitter username.

5) Save your Widget.

Add Modern Scroll Top & Bottom Button With Auto Scroll Down For Blogger / website

Rehan Ahmed Blogging, Widget Blogger

HOW TO ADD SCROLL TOP & BOTTOM BUTTON WITH AUTO SCROLL DOWN

Written explanation

1) Go to Blogger Dashboard → Template → Edit HTML.
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

</head>

3) Now Paste the Code Shown Below just Before it.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>

4) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

</body>

5) Now Paste the Code Shown Below just Before it.

<script src='https://pc-tools-tips.googlecode.com/svn/wiki/autoscroll.wiki' type='text/javascript'></script>

6) Now save your template.

HOW TO ADD FACEBOOK LIKE BOX

Rehan Ahmed Blogging, Facebook Tricks, Widget Blogger

Written explanation

1) Go to Blogger Dashboard → Layout → Page Elements.

2) Add a HTML/JavaScript Gadget.

3) Paste below code in it.

4) Customize your setting.Find any word click F3 or Ctrl+F.

Replace it URL HERE with your Facebook Fan Page URL.

5) Save your Widget.

Add "Link To This Post" Widget Below Every Post

Rehan Ahmed Blogging, Widget Blogger

HOW TO ADD "LINK TO THIS POST"

Written explanation

<data:post.body/>

3) Now Paste the Code Shown Below just After it.

<b:if cond='data:blog.pageType == "item"'>

<p style='color: #7AA1C3;font-weight: bold;'>Do you like this post? Please link back to this article by copying one of the codes below.</p>

<p style='color: #CF152A;font-weight: bold;'>URL Of Post:</p>

<textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>

<data:post.url/></textarea><br/>

<p style='color: #CF152A;font-weight: bold;'>HTML Link Code:</p>

<p style='color: #CF152A;font-weight: bold;'>BB (forum) link code:</p>

<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea> <div style='text-align: right;font-size: x-small;'> <a href='http://coolworld.in/' target='_blank'><span style='color: #838383;'>LinkBack Widget</span></a>

</div></b:if>

4) Save your Widget.

HOW TO ADD RELATED POSTS WIDGET

Rehan Ahmed Blogging, Widget Blogger

Today my friends give you a new topic Add new task, which helps the user to read the related topics and contribute to increase the number of your pages, I hope you like it

HOW TO ADD RELATED POSTS WIDGET

Written explanation

1) Go to Blogger Dashboard → Template → Edit HTML.
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

</head>

3) Now Paste the Code Shown Below just Before it.

4) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

<data:post.body/>

5) Now Paste the Code Shown Below just After it.

<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <h2>Other Recommended Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><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=10"' type='text/javascript'/></b:if></b:loop> </h2> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

6) Now save your template.

How To Add Cool All In One Subscription Box

Rehan Ahmed Blogging, Widget Blogger

Written explanation

1) Go to Blogger Dashboard → Template → Edit HTML.
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

]]></b:skin>

3) Now Paste the Code Shown Below just Before it.

.strip{ margin-top:-12px; width:100%; margin-bottom:-6px; } #socialsub { width:300px; padding-bottom:10px; background:#f9f9f9; border:1px solid #eaeaea; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .socialsub-title { font-family: Verdana; font-size:25px; background:#16a085; padding-top:10px; padding-bottom:14px; color:#fff; text-align:center; margin-bottom:5px; } .socialemailsub { font-size:14px; padding:5px; color:#444; font-family: Arial; font-family:bold; } .socialemailsubname { background:#fff url(https://lh4.googleusercontent.com/-R2ZgitgwE_4/UoSzzv7pWLI/AAAAAAAABnY/BOqk3x4hpks/h120/name.png) no-repeat 7px 8px; border:2px solid #dbdad9; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; color:#dbdad9; width:225px; height:25px; padding:5px 15px 5px 28px; margin-left:10px; display:inline-block; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; moz-box-shadow: 1px 1px 3px 0 #ddd; -webkit-box-shadow: 1px 1px 3px 0 #ddd; box-shadow: 1px 1px 3px 0 #ddd; } .socialemailsubemail { background:#fff url(https://lh3.googleusercontent.com/-NMuqSpxkt3E/UoSz59sv2qI/AAAAAAAABng/ZHvc4x7fHXM/h120/email.png) no-repeat 7px 10px; border:2px solid #ddd; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; color:#ddd; width:225px; height:25px; margin-top:10px; padding:5px 15px 5px 28px; margin-left:10px; display:inline-block; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -moz-box-shadow: 1px 1px 3px 0 #ddd; -webkit-box-shadow: 1px 1px 3px 0 #ddd; box-shadow: 1px 1px 3px 0 #ddd; -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } .socialemailsubname:hover,.byard-socialemailsubemail:hover { border:2px solid #bebebe; box-shadow:0.5px 1.5px 2px #ddd; moz-box-shadow: 1px 1px 3px 0 #ddd; -webkit-box-shadow: 1px 1px 3px 0 #ddd; box-shadow: 1px 1px 3px 0 #ddd; } .social89button { box-shadow:none; background:#e74c3c; color:#ffffff; font-family:arial; font-size:20px; font-weight:bold; padding:10px 0px; text-decoration:none; margin-top:15px; margin-left:6px; width:280px; border-radius: 8px; } .socialemailsubbutton:hover { opacity:0.9; } .socialemailsubbutton:active { position:relative; top:1px; } .text5{ margin-top:8px; color:#ddd !important; font-size:12px; padding-right:2px; padding-left:2px; font-family:verdana; } #flipboard_btrix{ width:300px;} ul.flipboard_btrix{ margin:0; padding:0; list-style:none; -webkit-perspective: 10000px; -moz-perspective: 10000px; -o-perspective: 10000px; perspective: 10000px; } ul.flipboard_btrix li{ display: inline-block; width: 55px; height: 50px; margin-right: -px; background: white; font: bold 36px Arial; text-transform: uppercase; text-align: center; cursor: pointer; } ul.flipboard_btrix li a{ display:block; width: 100%; height: 100%; color: black; text-decoration: none; outline: none; -webkit-transition:all 300ms ease-out 0.1s; -moz-transition:all 300ms ease-out 0.1s; -o-transition:all 300ms ease-out 0.1s; transition:all 300ms ease-out 0.1s; } ul.flipboard_btrix li a span{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; display:block; width: 100%; height: 100%; -webkit-transition:all 300ms ease-out 0.1s; -moz-transition:all 300ms ease-out 0.1s; -o-transition:all 300ms ease-out 0.1s; transition:all 300ms ease-out 0.1s; } ul.flipboard_btrix li a img{ border-width: 0; } ul.flipboard_btrix li:hover a{ -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } ul.flipboard_btrix li:hover a span{ -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } form#btrix-searchform { display: block; padding: 7px 16px; margin: 0; } form#btrix-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent; }

4) Now save your template.

5) Go to Blogger Dashboard → Layout → Page Elements.

6) Add a HTML/JavaScript Gadget.

7) Paste below code in it.

<div id='socialsub'>
<div class="strip">
<img src="http://3.bp.blogspot.com/-NIiNPD-EDM4/UoS0DSwYevI/AAAAAAAABno/yxFXK837b-4/s1600/strip.png" height="5" width="100%"/>
</div>
<div class='socialsub-title'>
Sign Up In Seconds
</div>
<div class='socialemailsub'>

<form action='http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1' class='subsbox-form' method='post' target='_new'>
<input class='socialemailsubname' name='name' placeholder='Your Name' type='text'/>
<input class='socialemailsubemail' name='email' placeholder='Your Email Address' type='text'/>
<br/> <br/>
<input class='social89button' type='submit' value='Sign Me Up!'/>
</form>
</div>
<br/>
<div id="flipboard_btrix">
<div class="text5">
<font size="2"> <font color="#bdc3c7"> .or you can connect through our social sites </font></font>
</div>
<br />
<center>
<ul class="flipboard_btrix">
<li><a href="http://www.pinteresr.com/USERNAME4" target='blank'><img src="https://lh6.googleusercontent.com/-d2gUwraeKsw/UoS0Rf9o_UI/AAAAAAAABn0/nUP3wuiY6J0/h120/btrix_pinterest.png" title="Pinterest" /></a></li>
<li><a href="http://www.facebook.com/USERNAME3" target='blank'><img src="https://lh3.googleusercontent.com/-vKNjbYyERyA/UoS0ambAHXI/AAAAAAAABn4/Xmb3-yQjwvU/h120/facebook.png" title="Add to Facebook" /></a></li>
<li><a href="G+ URL" target='blank'><img src="https://lh3.googleusercontent.com/-BBFlDMS1RCY/UoS0h5rTzJI/AAAAAAAABoA/a7e4fv5Jepo/h120/google%2B.png" title="Google plus" /></a></li>
<li><a href="http://twitter.com/USERNAME2" target='blank'><img src="https://lh6.googleusercontent.com/-9Je_pYE7Plg/UoS0pkZz1nI/AAAAAAAABoI/7Uighq892xw/h120/twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds.feedburner.com/USERNAME1" target='blank'><img src="https://lh6.googleusercontent.com/-1qL41vxLzpQ/UoS0wz520tI/AAAAAAAABoQ/79D4sLqh5UA/h120/rss.png" title="Add RSS Feed" /></a></li>
</ul>
</center>
</div>
</div>

8) Customize your setting.Find any word click F3 or Ctrl+F.

♥ Replace it USERNAME1 with your Feedburner Username.

♥ Replace it USERNAME2 with your Twitter Username.

♥ Replace it USERNAME3 with your Facebook Username.

♥ Replace it G+ URL with your Google+ Page url .

♥ Replace it USERNAME4 with your pinteresr Username.

9) Save your Widget.

Live Music

How to add Meta Tags

Add Facebook,Rss And Twitter Running Truck

Add Stylish All In 1 Social Email Subscription Box For Blogger

Add Cool Mouse Hover Social Media Buttons

Add Cool Mouse Hover Social Media Buttons For Blogger/Website

Add Spinning Social Sharing Buttons With Social Email Subscription Widget Below Every thread

HOW TO ADD SOCIAL SHARING WIDGET

Add Modern Scroll Top & Bottom Button With Auto Scroll Down For Blogger / website

HOW TO ADD FACEBOOK LIKE BOX

Add "Link To This Post" Widget Below Every Post

HOW TO ADD "LINK TO THIS POST"

HOW TO ADD RELATED POSTS WIDGET

HOW TO ADD RELATED POSTS WIDGET

How To Add Cool All In One Subscription Box

Google Search

Popular Posts

Labels

Contact Form

Check

Check

Followers