Sunday, 20 December 2015

How to Get A Free Domain Name [.com]

How to Get A Free Domain Name [.com]

How to Get A Free Domain Name .com : In this Article you learn how to get free domain. Today Everyone want to make a new website and make it successful so i know the ways you can start free website easily and Earn money from your website also you can approve Google Adsense on your website if you work hard and write your own content then you can get Google Adsense with in 1 month its very simple. 
Now we will tell you How to get free .com domain you just need a master card with 0.18$ balance. in other words you just need 18 cent. Follow below steps to get free domain.
  • First you need to Visit to 1and1 Official site.
  • Second you Enter your Domain Name. If domain is available then register domain and signup on 1and1 website.
  • 1and1 give you free domain for 1 year. 1 year total charges is only 18 cent. which means 0.18$ so don't waste time register you domain today. 
  • You just need to Enter your master or online purchaseing card number and you just need to pay 0.18$ for first year.
Note: All user claim this offer only once. 
If you already claim free domain from 1and1 then try to use godaddy. godaddy offer 2$ .com domain for first year, so it save your 13$ for first year, Hope so you like this trick.
Hope so you like my trick and share this Article How to Get A Free Domain Name [.com] with your friends. don't forget to leave your feedback on this post also share your knowledge in comments thanks.

How To Add Smileys/Emoticons In Blogger Comments

How To Add Smileys/Emoticons In Blogger Comments: In this Article you learn how you can add Smileys/Emoticons in your blogger comments. With Smileys/Emoticons Blogger comments looks more Awesome and user love to write comments with Smileys on your blog. So Adding a Smileys/Emoticons is looks more user friendly. so now we will tell you how to add Smileys/Emoticons in your Blog. People are addicted to use smileys on social network so they feel comfortable when they publish comment on your blog. These smileys same as Facebook Smileys.
Comment should looks like below Image.
Comments Box
How to Add Smileys/Emoticons In Blogger Comments: Just follow below tutorials to add comments Smileys/Emoticons  on your blog. 
  • Go to Blogger Dashboard  -> Template.
  • Click on Edit HTML.
  • Press Ctrl+F to find </body> tag.
</body>
  • Paste below code above the </body> tag.
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>
  • Now the next step is fine the code. ]]></b:skin>
]]></b:skin>
  • Copy below code and paste above the ]]></b:skin> tag.
.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
  border:3px solid #860000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  font-weight:normal;
  color:#333;
}
.emoWrap:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}
  • Now Press Ctrl + F to find the </head> tag,
  • Paste below code above the head tag.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
  • You Smileys/Emoticons Installed Successfully. Just click on Save button to save the template.
Hope you like the post How To Add Smileys/Emoticons In Blogger Comments. and i hope you get the how you can install Smileys/Emoticons on your blog. so Must share this post with your friend and share your knowledge with other, don't forget to leave your feedback thanks.

Sunday, 13 December 2015

How To Add Stylish Floating Facebook Like Box Widget In Blogger

How To Add Stylish Floating Facebook Like Box Widget In Blogger

How To Add Stylish Floating Facebook Like Box Widget In Blogger: Here we share a Nice and Attractive Facebook Floating Like Box Widget, blogger and website owners use this widget to get more likes on social network like Facebook, so they can grow their business or their fan following on social network. so today you learn how to add Stylish Floating Facebook Like Box Widget In Blogger. This facebook like box is hidden on the right side of  your blog. when user go to the facebook label a Facebok stylish popup appear on the right side.

STEP 1


  • Go to Blogger Dashboard  -> Template.
  • Now click on Edit HTML.
  • Use Ctrl+F to find </head>.
</head>

  •  Then copy and paste just above/before it, this code:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

  • Save your template.

STEP 2

  • Now go to Layout -> click on "Add a gadget".
  • Select "html/java script" and add the code given below and click save. you can copy the below code.

  <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style="">     <div>     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftwotricks&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.bbloggertutorials.blogspot.com"> BBloggerTutorials</a></span>     </div> </div>
Note: Replace twotricks with your facebook page URL.
hope so you like How To Add Stylish Floating Facebook Like Box Widget In Blogger Post. don't forget to leave feedback on this post and must share with your friends.

Monday, 23 November 2015

How to Insert Adsense Inside Posts: After the First Paragraph

How to Insert Adsense Inside Posts: After the First Paragraph: do you know that which part of your site is more good for Adsense Earning or you want to know that which part of your site is generate more revenue add Adsense code inside you post and check google heat map, Recent studies showed that placement of Adsense is best after 1st paragraph you can generate more revenue by applying this in your blog. Unfortunately Google blogger not allowed to ads placement within the posts so we will make a script for you to fix that issue.
We will make a JavaScript code for Ad placement using DIV tag and we select the location after first paragraph so now you don't need to add tags in each post manually so you just need to put this script in your blog with your Adsense ads code.
How to Insert Adsense Inside Posts: After the First Paragraph

How to Add Adsense Ads within Blogger Posts

Its very simple to add Adsense Ad code in blogger. just follow below steps to install Adsense Ads code in blogger.
  • Login into Blogger.
  • Go to templates Edit HTML.
  • Press Ctrl + F and Find.
<data:post.body/>

  • You found multiples <data:post.body/> lines in your blogger template please replace 2nd one line with below code.

<div id='adsense-target'><data:post.body/></div>

  •  After this you need to paste blogger if condition code which is written in below.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE CODE HERE</div></b:if>

  • Please use this tool for converting Adsense Ad code for blogger Adsense Ad code converter.
  • Finally right after <div id='adsense-target'><data:post.body/></div> Add below script.

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

  • Click save template to save the theme, 
With this trick you can add adsense ads code in yout blog right after first paragraph and i hope you get double quantity ads clicks by using this trick. Enjoy and must leave your feedback here.

Tuesday, 10 November 2015

Add Recent comments Widget in Blogger

Add Recent comments Widget in Blogger: In this Article you learn how to add Recent comments Widget in Blogger which is without avatar. In previous Article we share Recent Comment widget with Avatar so if you want to add recent comments with avatars then see our previous article How To Add Recent Comments Widget with Avatar. Here you can get avatar recent comments widget.
This recent comments widget encourages the visitors to comment on your post also visitors can see your blog recent comment activity which increase the engagement in your blog. you can add this widget in your sidebar as well you can add in your footer. this comment widget is without avatar if you want to add avatar check above mention link to get avatar comment widget code.
Add Recent comments Widget in Blogger

Blog Commenting is Also a good way to increase your post Visibility on search Engine Results because on posts Everyone share their problems related to posts so it increase your blog visibility on Search Engine Because Definitely these problems search in search Engines So you can get huge organic traffic from Search Engines. In That way Blog commenting Role is very important in SEO. Many Blogger don't know about the commenting system benefits. Interact with your users and solve their problems in comments. On the Other Hand, Text Ratio is Increase on your Webpage that Sound Good.

How to Add Recent comments Widget in Blogger

Its very simple to add widget in blogger if you are new then follow below steps to add recent comments widget in your blog.
  • First Step is Open you Blogger Dashboard.
  • Go to The layout > Add Widget.
  • Select HTML/JavaScript Widget. 
  • Now copy paste the Script in Widget.
<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://www.twotricks.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<style type=text/css>
.rcw-comments {
font-family: inhert;
font-size: 14px;
margin-bottom: 15px;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 15px; line-height: 20px; }
}
</style>
  • Save it, you installed commenting widget successfully in your blog.
Note: Replace twotricks.com with your domain name so you can Enable this widget on your blog.
This post is all about the how to add Recent comments Widget in Blogger. Hope so you like this Article must share with your friends and don't forget to leave you feedback in comments thanks.

Add Recent comments widget with Avatars To Blogger

Add Recent comments widget with Avatars To Blogger

How to Add Recent comments widget with Avatars To Blogger: In this Article we share with you how you can add Nice Looks recent comments Blogger widget in your Blog with Images. This Blogger Recent Comments Widget show the Latest Comments which is posted by your visitors in your Blogger. so using this widget you can directly see your latest comments on your homepage or where you added this widget. the main benefit of this widget is its showing stylish avatar with comments its a proper comments widget so Everyone love avatar comments widget that's why we share with you a Avatar comments Blogger Widget hope so you like it and you used this comments widget in your blogs.
Recent comments wodget with Avatar for Blogger
Our Comments Blogger Widget image is above so you can see the stylish look of our commenting widget.

How to Add Recent comments widget with Avatars To Blogger

  • First Step is Go to The layout > Add Widget.
  • Select HTML/JavaScript Widget. 
  • Now copy paste the Script in Widget.
<style type="text/css">
ul.helploggercomments{list-style: none;margin: 0;padding: 0;}
.helploggercomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
.helploggercomments li .avatarImage {padding: 3px;
background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
.helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[    // Recent Comments Settings
    var numComments  = 5, showAvatar  = true, avatarSize  = 60,roundAvatar = true, characters  = 40, showMorelink = false, moreLinktext = "More »",
 defaultAvatar  = "http://4.bp.blogspot.com/-SRSVCXNxbAc/UrbxxXd06YI/AAAAAAAAFl4/332qncR9pD4/s1600/default-avatar.jpg",
 hideCredits = true; //]]>
</script>
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5"></script><div style="font-size: 10px; float: right; margin-top: -15px"></div>

  • save it, you installed commenting widget successfully in your blog,
Note: This Widget shows maximum 5 latest comment in your blog.
If you want to replace the avatar then use then replace this URL http://4.bp.blogspot.com/-SRSVCXNxbAc/UrbxxXd06YI/AAAAAAAAFl4/332qncR9pD4/s1600/default-avatar.jpg with your avatar URL.
When your visitor see this comments widget on your blog then he thinks your blog is Awesome , Active and he /she will like to comment on your blog.