Add Cool Drop Down Menu in Blogger

Drop Down Navigation Menu For Blogger : You may have seen many drop-down menus but today "ThatsBlogging" will present you an incredible Drop Down menu , which is really a magnificent drop down menu.Actually it is developed by the combination of CSS with HTML . Beautiful Colors combinations are used which makes it more significant drop down menu.Actually , drop down menu makes your blog navigative and easy to expand.This drop down menu is very stylish which means your Blog Beauty will increase by adding this menu.Moreover this menu will not slow your blog loading speed.

Live DEMO

How To Add Cool Drop Down Menu in Blogger

• Go To Blogger Dashboard
• Click On Template
• Edit HTML
• Search For </header>
• Copy the Below Script and Add it below the Closing Header tag ( </header>)

<div id='menubor'></div><center><ul id='menu'>
<li><a class='hmlink' href='#'>Home</a></li>
<li><a class='winlink' href='#'>Blogger Templates</a></li>
<li><a class='maclink' href='#'>Blogger Widgets</a></li>
<li><a class='andlink' href='#'>How To Tuts</a></li>
<li><a class='gamlink' href='#'>Privacy Policy</a></li>
<li><a class='seclink' href='#'>Guest Post</a></li>
<li><a class='linlink' href='#'>About</a></li>
</ul></center>
<style>
#menu li {               
 display: inline;               
 list-style: none;               
 padding: 0;           
 }                   

 #menu li a {                                 
 padding: 15px 20px 15px 20px;               
 text-decoration: none;               
  color:white;
  font-family: 'Noto Serif', serif;
-moz-box-shadow: inset 0 0 13px -2px #000;
-webkit-box-shadow: inset 0 0 13px -2px #000;
box-shadow: inset 0 0 13px -2px #000;
  font-size:18px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  transition: padding-bottom .666s;
-webkit-transition: padding-bottom .666s;
-moz-transition: padding-bottom .666s;
-o-transition: padding-bottom .666s;
-ms-transition: padding-bottom .666s;
  
  
}
 #menu li a:hover {                                 

  padding-bottom:20px;
}
.hmlink{
  background:#24459A;
}
.winlink{
  background-color: rgba(9,173,217,1);
}
.maclink{
  background-color: rgba(108,109,112,1);
}
  .weblink{
    background:#EEEE00;
    color:black;
  }
.andlink{
  background-color: rgba(149,191,43,1);
}
.gamlink{
  background-color: rgba(212,2,43,1);
}
.seclink{
  background-color: rgba(0,158,62,1);
}
.linlink{
  background-color: rgb(123, 82, 138);
}
#menubor{
  border-top:1px solid black;
  margin-bottom:-1px;
}
  .header-outer{
    padding-bottom:20px;
  }
</style>

Changes

• For Changing the Links Replace # with your Own Links and the Anchor text with your desired text
• That's it , Save Your template and have fun !
• If you are interested in adding extra <li> options for that add  <li><a class='desiredword' href='#'>text</a></li> between <ul> and </ul> tags.
• After implementing the above step ,  you have to define the class in CSS for that define the class between the style container and hit save.
• If you have any Question ask it freely !! Stay Blessed , Happy Blogging !
  

Cool Advertise Here Text with Hover Effect

Cool Advertise Here Text with Hover Effect: Keeping Affiliate and Link Selling in view the Ad which will be placed on your site should be an attractive One.Visitors really like creativity and awesomeness of any thing in Your Web Log,it is a common problem these days that every Blogger who Place ads in his/her blog is really a dull One.In This regards,we gonna help you to add a significant Style Advertise Banner which will surely help you to get some bounty from visitors and you will get alot of chances to get advertisement from different Companies.

How To Add Cool Advertise Here Text with Hover Effect

• Go To Blogger Dashboard.
• Click On Layout
• Click On Add a Widget at the Right Side-bar
• A Box will Pops-up
• Select HTML/JavaScript
• Copy the Below Script and paste it over there

<style>#text{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);color:#FFF!important;font-family:arial;font-size:60px;font-weight:300;letter-spacing:-5.5px;line-height:45px;text-align:center;margin:20px 10px}#text a{color:#333;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 7px #AAAAAA, -1px -1px #000;text-transform:lowercase;-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0}#text a:hover{-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 100px transparent, -1px -100px transparent;color:transparent}inf{color:#d2a}#text a:focus,#text a:active{color:#eee!important;-moz-transition:all 0 ease-in-out!important;-o-transition:all 0 ease-in-out!important;-kmoz-transition:all 0 ease-in-out!important;-webkit-transition:all 0 ease-in-out!important}</style><div id="text" class="rent"><a href="URL" target="blank"><blink>&#8669;</blink> Here is a free space.<br />Contact <inf>α&#8574;мїη for more information</inf><blink>&#8668;</blink></a></div>

Note: Change "URL" to the link of the Page where you want to redirect the visitors when they click the ad.Now Just hit Save and that's it ! Ask any Question freely ;) We are here to Solve Your Problems,Happy Blogging!

Cool Advertise Here Text with Hover Effect
Last Reviewed by Iftikhar on July 31 2013
Rating: 4.5

Add Social Sharing icons To Blogger Header

Its old but Old is Gold,Adding Social Media icons in the Top Right Corner of the Blog will help you to improve your Blog Social Status.These icons will activate when someone hover over them,these icons include Facebook,Twitter,and Google+ Share Buttons along with blog feeds option. Actually I got the idea of this article from the below Question.

Question:-I don't Like Social Sharing icons in the sidebar,i want to put add these social media icons in Blogger Header,How i will put that?

How To Add Social Sharing icons To Blogger Header

• Go To Blogger Dashboard
• Click On Template 
• Edit HTML

• Now We have to expand the style,For Expanding the style Find <b:skin>...</b:skin> in the template coding and immediately click the small arrow left to <b:skin>...</b:skin> 

• After expanding the style search for this tag ]]></b:skin>

• Now Copy and Paste the below Code just above ]]></b:skin> tag

  /* Social icons By ThatsBlogging.Blogspot.Com
----------------------------------------------- */
#social-icons {
margin-bottom:10px;
height:50px;
width:100%;
display:block;
clear:both;
}
.social-media-icons {
display:table
}
.social-media-icons ul {
text-align:right;
padding:5px 5px 0 0
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.social-media-icons ul {
margin-bottom:0;
padding:0;
float:right;
}
.social-media-icons li.media_icon {
margin-left:6px;
padding-left:0 !important;
background:none !important;
display:inline;
float:left;
}
.social-media-icons li:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

• And Now Search for the below Line in the Template Coding

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>  

•  Now Copy the below Script and add it above this Line <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>  
• Code is below

 <div class='social-media-icons' id='social-icons'>
<ul>
<li class='media_icon'><a href='http://facebook.com/RoseNbushes'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi5IX1HY-iIDGjW7vD2MB0EiaZ3Ow9_GZzwCuLBl2KIjIBYZ-O8q7r1XfIE8b6jI6tkoQm5tunFrNLmwHWuB7gtCqumfaUMDbmFDyN4fMGjalyMSLl8FXWCRp3NdBEUuEq7ZJ3LsbChlw/s1600/Facebook.png'/></a></li>
<li class='media_icon'><a href='http://twitter.com/#!/thatsblogging'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yXDn6P8swECEpGf5dQirYsBUF0jWf-tztLE1LuR2JmCS7bay9EvbsGobkCoYRAI1hB3Eujs2SG7kd6TKR4I0dTgPkiwJDsjmMbe-viG3WIr03xYHAMG-ba22q4DzFYcLCpzv5GaP4Vo/s1600/Twitter.png'/></a></li>
<li class='media_icon'><a href='https://plus.google.com/g+idgoeshere/about'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX09LqWhg3I48EKfKyVerkanEIm4663uzwwDLXSR8f1KfLyffz2Wynjh2Xxt5S49SDnDMvxH7PKptQCmnPQ1-7jG27tKNNUdhaIlWIaG2VCU8POWNa93IIgw1A2ux50X6Ztq-KCX2L1Y8/s1600/googleplus.png'/></a></li>
<li class='media_icon'><a href='http://BlogName/feeds/posts/default'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtRrNnst3KHVv25B3ntXrnVmDd5y_9gGaFwxVrR9SAQQhLI8N4ufkI8-Tau0LFmEJ9i-NjVbDA1-Kxyx3RM1xOcXAmIJzrMCMhCe30e0aocQaVMee_6GSYzpTuMYwHXgZHTXl7B9AoQo4/s1600/RSS.png'/></a></li>
</ul></div>

Changes in Coding

• Replace "rosenbushes" with your Facebook Username 
• Replace "ThatsBlogging" with your Twitter Username 
• Replace "G+idgoeshere" with your Google+ ID
• Replace "BlogName" with your Blog Link 
• And Replace all the Green Links with the icons url if you want to add new. 
• Finally hit Save the Template and enjoy Social Sharing Icons On Your Blog Header.

So What's Up:- Share your Beautiful ideas with us about these icons,ask any question,Stay Blessed Happy Blogging.

How To Remove Attribution Gadget From Blogger

No one want this shit on his/her blog.Actually this is a gadget which is in the Footer of the template,usually looks like this "Powered By Blogger".If you ever have tried to remove this gadget from a blog,it will say the gadget is locked,means you can,t remove this gadget from Blogger Blogs.So Now if you want to unlock this gadget and want to remove,here is a trick via which we can easily remove this Gadget from any Blog.

How To Remove Attribution Gadget From Blogger

Now let's apply this trick,this trick will unlock the attribution Gadget then you can easily remove from your blog.Follow the below steps for Removing Powered By Blogger from Blogger.

• Go To Blogger Dashboard
• Now Click On Template and Then Click On Edit HTML

• Now Check the small Box "Expand widgets Templates"

• Now Search for The Below Code (CTRL+F)

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

• Now Replace/Change the "True" with "False" 
• Now Just take a preview and hit save Template.

The Attribution Gadget is unlocked now time to remove the gadget,so let's learn how to remove this Gadget from blogger layout .

Steps for Removing Attribution Gadget

• Visit Blogger Dashboard
• And Click On Layout
• Now Search for Attribution Gadget in layout.

• Now Click On Edit
• Now a Box will popup as shown below >> Click On Remove and that's it

So What's Up:- Do You Like Attribution Gadget on Your Blog? Are you Hell Bore of this Gadget?How Was the Trick?Share your ideas with us,and feel free to ask any Question,we are here to answer you.Stay Blessed,Happy Blogging.

How To SEO Optimize Blog Titles For Higher Search Results

image Source

This is what we called Blogger Title Swapping.If you are interested in getting a flood of traffic to your blog,and want to Optimize Blog Titles for Higher Search Results,then you are at the right place.We will show you How To SEO Optimize Your Blog Titles for Higher Search Results.You may have observed that whenever you visit a blog,in browsers title bar you will notice the Blog name(for example ThatsBlogging) and after that you will see the post Title.It will look like the below picture.

But after Swapping it will look like the below picture.

You will think that what is its Bonus Point?The benefit of Applying this trick is that your Blog Title will appear clearly in Google Search results.And according to my experience visitors search for the specific Post not for Blog Title or anything else.So by applying this trick visitors will easily navigate your Blog articles and contents.

How To SEO Optimize Blog Titles For Higher Search Results

• Go To Blogger Dashboard.
• Then Click on Template
• Now Click On Edit HTML
• Proceed it >> and Click on expand widgets template ( i.e Check the Small Box)
• Now Search for the Below Code 

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

It will look like the below picture

• Now Replace the above Code with the below Script

<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> |<data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

After replacing it will look like the below picture 

• Now Check for Preview,if it works that's it you are done.

So What's Up:- Applying this trick will surely help you to boost blog traffic,your blog will be at the top of Google Search Results.Now time to apply this trick,so just Open your Blogger Account and do it :)

Top 5 Killer Tips To increase Blog Traffic

Is Your blog traffic low?Do You want a flood of traffic to your Blog? Of course Yes,this is the major issue of all bloggers,they want to increase their website/blog traffic,they work hard but still they get only 100-200 page-views daily.Its actually due to some wrong steps,if you are one of that worried bloggers,then don,t worry you are at the right place.Here i will share some killer tips which will surely help you to boost up your blog traffic.Actually there are many method via which you can easily increase your Blog traffic but that traffic is still not sufficient,because hardly you can reach up to 500-100 page views.There are also some paid method i.e you have to pay for getting traffic,but that is not good for your blog/website.Paid traffic can harm your AdSense Earning and website reputation.So here is some killer tips which will surely enhance your Blog Traffic and Rank.

Top 5 Killer Tips To increase Blog Traffic

Increasing traffic is not the game of kids,but we are going to share some killer tips which will helps the newbies to increase their blog traffic along with high Page Rank.

• As we all know very well,that social networks such as Twitter,Facebook,Pinterest etc are the most popular and high rank networks.So i will suggest you to never underestimate Social Networking websites.Always be in touch with your friends,followers and fans.You can make pages in Facebook,but remember many People have created some shit pages which is just for wasting time,but you will never do that,make a beautiful professional look page and after creating publish your blog contents there.By doing this i can guarantee that you will get huge traffic to your blog/websites.Next thing which is most common use pinterest for pinning your contents,according to bloggers in 2013 the pinterest is the most sophisticated source of getting unique visitors.Like wise twitter can now help you to boost your traffic i.e tweet your articles/blog contents with your fans and followers.In short Social Networking websites helps the Bloggers to get a huge amount of traffic to their blogs/websites.
• Now let's strong the base of your blog/website by building back links.The Question arise is that How to Build Backlinks? So let me explain it.You can get backlinks to your blog/website by many ways,but the most common way every blogger is using is called commenting.Commenting is a process via which we share our ideas, thoughts and experience with other People.Bloggers also do comments on different contents such as blogging niche websites/blogs or any other tech blogs.By doing this you can get backlink by simply adding your blog/website link in comment box(remember never spam on Professional Blogs some time it can harm your website/blog) so be cooperative and social.Pass comments in a beautiful way to impress the admin and at last add your blog link.You can also create back links by writing articles,reviews and other information on directory websites which allow you to post for free.As a result of back-linking your blog will start getting organic traffic from Google and other Search engines and your blog/website page rank will increase quickly.
• Another interesting and beautiful way to get traffic to your blog/website is from Forums.Sign up to the forums related to your blog niche.There you will get alot of opportunities to share your views.Users can ask you Questions,and you will have to answer them.So while answering them you can refer them to read your blog article.
• Use Simple and Clean Blogger Template,you may have seen many blog which takes too much time to load. Therefore when some one visit that blog,he will never try to look back at that blog due to its loading speed.Actually the world is too much busy,no one wants to lose his/her time.Therefore i humbly request you that if you want traffic don,t install a boring template with many JavaScript widgets.Simplicity its self is beauty,according to this quote always be simple and creative,never add bullshit JavaScript widgets it slow down your blog speed.By doing this i guarantee you will get a flood of traffic to your blog/website.
•  The last and most important tip is How To Write an Awesome Article to impress your Blog Visitors?So read the below tips for writing an awesome article.

1. Always write according to your blog Niche.
2. Never Copy the post,be original,don,t try to be copycat.
3. Always write 300+ article(Remember the post doesn't depends upon the length but the thing is How You write,Write little but impressive and awesome article).
4. Always be unique,don,t copy other bloggers style,You are different so challenge the world and become a Pro.
5. Use images in Article,also do SEO(Search Engine Optimization)for images.

So What's up: All the above tips was in my mind if you have any idea,tips,and advice feel free to share with us :)

Display Profile Picture in Google Search Results

Google can now easily display your Profile Picture and Name in Search results next to your Blog Contents.Actually This Picture and name comes from your Google+ Account.This Picture represent  true Authorship of Your Contents on Search Results.According to my experience Profile Picture in Google Search Result is naturally attracted to visitors,so a flood of traffic will start to your blog.Now Let's learn how To implement this in Blogger.

How To Display Profile Picture in Google Search Results

Now If you are interested to show your Profile Picture in Google Search Result,here is some steps,follow these and easily get your Profile Picture in Google Search Results.Actually all you need is the below 3 things.

• A Blog or Website
• A Google+ Account
• And an About me page in your Blog.

If You already have did the above 3 steps then follow the below easy steps.

• Add the below script/Code on your blog any where i.e at sidebar or footer .

<a href="https://profiles.google.com/HerePasteYourG+ID"rel="author">My Profile</a>

• Don,t change the script just change HerePasteYourG+ID with your own Google+ ID.You can get your Google+ Profile ID by visiting your Profile as shown below in the picture.

• Now next step is go to your About me page and add the below link any where in about me page.

<a href="https://plus.google.com/YourG+ ID"
  rel="me" target="_blank">G+ Profile</a>

• Replace YourG+ ID with your G+ ID , however you can also change G+ Profile to any text you want. 

• Now You have to link your Website/Blog to Contributor Section.
• Visit Your Google+ Account>>Edit Profile>>Add your website/blog link to the "Contributor to" List as shown below.

• Not the last and most important thing is uploading a Profile Picture to Google+ Account,Actually this Profile picture will comes in any search results.So upload an awesome Photo,Remember if your Picture is 160px by 160px ir will look great.And now just save your Profile.That's it.
• Now Time for Checking.Either its working or nope? So for Checking visit the Google Rich Snippet Tool and enter your blog/website URL and hit preview .Now if its working perfect it will show the result as shown below in the Picture.

• That's it,if its not working with you read the below Tips.

Some Extra Tips

If You did the Above Steps correctly and Google is still not Showing Your Profile Picture in the Search Results,so try the below steps.

• Complete your Author Page i.e About me with all required data and a picture(the Picture should be Google+ Account Profile Picture).
• Make sure that you have added correct name similar to your Google+ Account.
• The main step is your Google+ Profile should be complete.
• And one another thing i personally observed that you must add some circles.

So What's Up:- Displaying Picture in Google Search result makes me more professional and visitors will be surely attracted by your Profile Picture if it is Awesome :D and if you have uploaded Ghost Picture then :D , stay blessed , Happy Blogging .

Add Floating Vertical Bar With Share Buttons To Blogger

You may come across many blogs where a vertical floating bar with share button is present at the left side or right of the blog posts.This Floating Vertical Bar is actually a blogger widget which helps the blogger to get more Facebook page likes,twitter tweets,and stumbles etc.This widget is very useful for visitors to easily share your blog/website contents.This widget is already posted by many bloggers but actually that is static or something else,but the widget we are going to share is Floating Vertical Bar with The Beautiful Share Buttons.

image Source Making Different

How To Add Floating Vertical Bar With Share Buttons To Blogger

Adding Vertical Floating Bar with Social Buttons To Blogger is very easy.You have to Copy a snippet of Code,and then you should have to add it into the HTML/JavaScript Box.However let's take a look on these steps.

• Visit Blogger.com and sign in there.
• Now Visit Blogger Dashboard.
• Click On Layout
• Now Click On Add a Widget/Gadget
• Now a Box will popup 
• Select HTML/JavaScript
• Now Copy the Below Script and paste it into HTML/JavaScript Box.

<a href='http://thatsblogging.blogspot.com'><img alt='Floating Vertical Bar With Share Buttons widget by ThatsBlogging' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwqBBR_RC-lT8dh8MUUGsqjA-wb1BGFCWXJpK0wTmcfyUK5_eTgAJc5z-eMoyC6Bz5t0C8X3qDLJBU8RmFNsoxrvnRA3u3dO_iUp0Pw8OHTSe7RhcXxSY3KlVIQ2iDVCX1bhGiQ5LoPD0/s1600/best+blogger+tips.png'/></a><div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="background:#98A2A7; border: 1px solid #000000; top:120px;left:50px;">             <div class="addthis_toolbox addthis_default_style">                 <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>                 <span><a class="addthis_button_tweet" tw:count="vertical"></a></span>                 <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>                 <span><a class="addthis_counter"></a></span>             </div> </div> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

• Now hit save and that's it !

Live Demo Of Vertical Bar with Social Share Buttons  

Live Demo

Tip For Bloggers:- Adding To many JavaScript Widgets will surely make your website/blog speed slow,so be careful,don,t add extra and useless JavaScript widgets To You Blog.Some Blogger just want to decorate his/her blog like bride.But actually its a great foolishness,because simplicity its self is beauty :)

 

What's Up:- You Add This To your Blog?You Already added this?You don,t want to add this to Your Blog?Any Question Related this Post?Ask Freely ,stay blessed,Happy Blogging.

Add Floating Vertical Bar With Share Buttons To Blogger
Last Reviewed by Iftikhar uddinon June 24 2013
Rating: 5

Add Facebook Send Button To Blogger 2013

Whenever Bloggers post an article they want to spread that article like fire in the forest,the question is why the Do this?Because the more you get the views of the article the more popular your blog will be?And if you have a relationship with AdSense then it will help you to LOW the Page CTR.However due to high page-views your blog Alexa and Search result increases.On this purpose i am going to share Facebook Send button which will surely help your blog visitors to easily share any article of your Blog To Facebook.

Live Demo For Facebook Send Button

LIVE DEMO

Check The Send Button Below The Live Streaming.

How To Add Facebook Send Button To Blogger

Installing Facebook Send Button is very easy,you just need to copy the below script and paste it before the below mentioned tag.

• Sign in to your Blogger Account
• Visit the Dashboard
• Now Click On Template(Shown below)

• Edit HTML
• Now Proceed it
• Check the Small Box "Expand Widget Templates"
• Now Search For This Code <data:post.body/> by pressing CTRL+F.
• Now Copy the below Script .

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-send" expr:data-href="data:blog.url"></div>

Now You have two Choices i.e where you want to add Facebook Send Button ? Either Above The Post or below the Post.

Adding Facebook Send Button Above The Blogger Post

For Adding the Send button above the Blogger Post Copy the above Script and paste it above <data:post.body/>.And hit save Template,that's it :)

Adding Facebook Send Button Below The Blogger Post

Now For Adding the Send Button Below the Blogger Post Copy the Above Code and paste it after <data:post.body/> , and hit save template that's it :)

Note:- Before Pasting Code into Template must take backup of your template(if you can,t take backup of Template Read This Article) .In Magazine Blogger Templates <data:post.body/> is present 2 or 3 times so paste the above code 2 and 3 times.

Conclusion

So What's Up? This was all about adding facebook send button to Blogger , if you have any funny question ask freely , we are here to answer you :)

How To Add Facebook Like Box To Blogger 2013

Adding Facebook Like Box to Blogger is a new trend of bloggers,which helps them in getting a huge amount of traffic from the popular social network called Facebook.Facebook provides the "page feature" for users which is the main source to develop a healthy relationship with blog readers.Facebook Page also helps to give updates to the regular visitors and lovers of your Blog.However in this regard blogger comes with a Like Box , through which you can get Facebook Page likes.This Like Box is little bit different from other Like Boxes.We have already posted a Popup Facebook Like Box,but this one box is static and new one hope you will like it , its installation is also very easy.

LIVE DEMO OF FACEBOOK LIKE BOX

LIVE DEMO

How To Add Facebook Like Box To Blogger

Installing this Like Box is very simple , you have to add a simple script into HTML/JavaScript Box.

• Go To Blogger Dashboard.
• Now Click On Layout.
• After that Click On Add a Gadget.
• A Box will popup Select HTML/JavaScript.
• Now Copy the Below Script and paste it in HTML/JavaScript Box.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Thatsblogging&amp;width=300&amp;height=248&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:300px; height:248px;" ></iframe>

• Now just hit Save and that's it !

Changing in the Script/Code 

Before pasting the script into the HTML/JavaScript box replace the username of Facebook page to your Own Facebook page User name i.e"ThatsBlogging".Another thing if you want to change the width or height of the Like Box,it can be done easily,just change the values of width and height as indicated with red i.e 300 and 248.Now Copy and paste it in the HTML/JavaScript Box , stay Blessed ,HAPPY Blogging.

Don,t be a lazy bum,if you have any question just type in the comment box and also post it :) We are here to help you.

Top 5 Free Online LOGO Makers 2013

LOGO ; is a graphical small picture/mark usually used by Organizations,Companies,and high Profile Services.However now-a-days Bloggers have introduced that without LOGO a website/blog can,t be considered professional.LOGO represent the bloggers inner personality along with his Professionalism in Blogging LOGO helps the visitors to easily recognize a Blog/website.LOGO makes your blog more attractive which is the Plus Point To Blog Your Blog.But now the problem is How To Design LOGO ? Because creating logo is not kids game,it need high skills of Photoshop or Coreldraw,in this regard for the convention we have collected some websites which will help you to Automatically generate/create logo online for Free.

• Cool Text ; The first and awesome free Online LOGO maker website is COOL Text,this website provide totally GUI Interface,you have to just select the text style and type the LOGO Text which you want to generate and click on Render image , that's it :)

COOLTEXT

• Flaming Text ; It is the 2nd most popular Online LOGO maker website,FlamingText provides bundle of fonts styles along with beautiful styles,it is also very simple to use,Select any Style and click that , now enter the logo text and click on Generate , that's it.Flaming Text website has many other tools such as arrow maker,bullet maker and URL Encoder/Decoder etc.

FLAMING TEXT

• LOGO Type Maker; It is another cool Online LOGO Maker,this is same as COOL Text and flaming text however it provides an icon alongwith the logo text which makes it more awesome LOGO.Its use is also too much simple , just drop your text in the box and click on Generate and download your LOGO.

LOGOTYPEMAKER

• LOGOYES; It is another beautiful Online free LOGO Maker website,it generates logo when you signup for their website,so first sign up there and enjoy making different LOGO.Its really very fast and easy.

LOGOYES

• Online LOGO Maker;This website provides a wide variety of LOGOS along with beautiful icons in the LOGO.According to their website "It is a Professional LOGO Maker website".Its free and very fast , you can easily generate LOGO for your website.

Online LOGO Maker

So wake up and make your blog LOGO via this websites , and be professional , thanks for landing on ThatsBlogging.Blogspot.com , Hope you will like it , if you have any question you can ask , we are here to reply you , stay blessed,Happy Blogging.

Add Adsense Above/Below The Blogger Posts

Adding Adsense inside Blogger posts will surely help you to increase the revenue,however every coin has two sides,you must take care of the page CTR.Because this trick will help you to get more clicks on your Ads as compared to ordinary clicks.This is really useful for those bloggers who has high page views but less clicks,so be happy now you can earn alot,let's see how to add Adsense Between the Blogger posts.

How To Add Adsense Between The Blogger Posts

• The First Step is that you have to login to your Adsense Account >> Create new ad unit .
• Then Copy the Adsense Code from there and Parse it via Adsense Code Converter Tool.

Adsense Code Converter Tool or Parse Your Code here

• Now Add the parsed Code in the below Script/Code

<b:if cond='data:blog.pageType == "item"'>
Paste the Parse Adsense Code here
</b:if>

• Now Copy the Above Script and Go To Blogger Dashboard.
• Click On Template As Shown Below

• Now Click on edit HTML and Proceed that.
• Check the small Box "Expand Widget Template".
• In this Step Search for this Code <data:post.body/> .
• Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
• Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
• And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
• Now save template and that's it !

If You want to Add Adsense Ads on right Side of the Blogger Post the Follow the below Steps

Adsense Ads at Right Side

• Copy the below Script (must add the parsed Code in the Script)

<b:if cond='data:blog.pageType == "item"'> <div style="float:Right;">Paste the Parsed Adsense Code here </div></b:if>

• Go To Blogger Dashboard 
• • Click On Template As Shown Below

  
  • Now Click on edit HTML and Proceed that.
  • Check the small Box "Expand Widget Template".
  • In this Step Search for this Code <data:post.body/> .
  • Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
  • Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
  • And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
  • Now save template and that's it !

And If You want to Show the Adsense Ads at Left side of the Blogger Post , do the following easy steps.

Adsense At Left Side of Blogger Posts

• Copy the below Script .

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;">
Paste the Parsed Adsense Code here
</div>
</b:if>

• Now Go To Blogger Dashboard >> Click On Template >> Edit HTML >> Proceed it >> Check the Small Box "Expand Widget Template".
• In this Step Search for this Code <data:post.body/> .
• Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
• Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
• And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
• Now save template and that's it !

If you have any question regarding this article must ask , we are here to answer you !

3 Most Idiotic Ways To Promote Your Blog Online

We already have number of smart tips to improve our blog ranking, and its traffic from all over the world. Recently, I have shared both online and offline ways tobring traffic to blog or a website, and while collecting those tips from my research I have found some tips that should make you laugh at your own self while doing them in the real life. I have named those tips as most idiotic ways to promote the blog or an online business.  You must be thinking what will be tips that highlighted here as most idiotic ways to promote the business.

Many of you may have never tried any of the below mentioned tip in his life, but now I am expecting that I will start seeing many bloggers doing the activities that am going to share with you guys here.  In recent forum talks, I have noticed many bloggers and SEOexperts believe blog commenting with do-follow links are the best way to increase the traffic, and somehow now they are totally depending on the single way to promote their blogs and website.

However, after today, I believe some of them will surely give a try to the below mentioned tips.  Personally, I have tried one of the tip, and got some remarks from my friends and that were “Idiot, what are you doing?  ” so, after receiving such remarks, I decided to name these tips as idiotic ways to promote the business. Actually, not only the online, you can also promote offline business.

So here are the ways to promote your business…

3 Most Idiotic Ways To Promote Your Blog Online!

College Benches

Yes, you can use them, not only for sitting with your friends, or to wait for someone you can actually make them use for your marketing and free of cost promotion of your business and online blog. You can write your brand name there, or your website URL with interesting offers.

Public Toilets

Public toilets are one of the most freaker choices to go with. The public fills mostly public toilets with some random crap, and you will see lot of 3^rd grade jokes, and quotes, even you will find some person’s numbers too. So don’t hesitate to use them for your marketing, and advertising of your blog and business. 

Dusty Car Windows

Get yourself to some open-parking lot, you will find number of non-cleaned cars with windows full of dust. The window full of dust is like an empty whiteboard to write anything on it. Use to write your blog name or your brand name. It will do a free and wider advertising for you.

Over to you!

I hope these activities will make you laugh at loud at yourself,  and as well as will bring number of remarks to your marketing approaches for your online / offline business. Do let me what is your most idiotic way to promote your blog?