Thursday, 5 September 2013

Add Light Lantern On Blogger Header

Add Beautiful Light Lantern On Blogger Header it is Very Easy And It Attracts Your Blog Readers.
To Add This Just Follow Below Procedure

Go To Blogger > Template
Backup your Template
Click Edit HTML
Search for </head>And ADD The Below Code Below or After </head>

<!--  Header Light Lantern By technofusion.info -->
<div align="center">
<table border="0" width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="900" height="0">
<div style="float:top right; position:absolute; overflow:visible; left:45px; top:0px; height:192px; width:144px z-index: 9999;">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="192" height="144"><param name="movie" value="http://stardima.com/themes/nhstyle_4cols/stardima.swf"/><param name="quality" value="High"/><param name="wmode" value="transparent"/><embed src="http://stardima.com/themes/nhstyle_4cols/stardima.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="192" height="144" quality="High" wmode="transparent"></embed></object>
   </div>
  </td>
 </tr>
 </table>
</div>



Beautiful Popular Posts Widget

Popular posts widget is an effective tool to increase your blog pageviews and engage readers more on your
blog. It fetches and ranks posts based on most visited pages using your Google analytics data.











Add Popular Posts Widget
Go to Blogger > Layout
Click "Add a Gadget"
Choose "Popular Posts" from the list
You will need to configure its settings as shown in the image below: uncheck "image thumbnail" and also "snippet" Its better that you display at most 6-8 posts. Less is good and clean.





5. Save it


Customize Popular Posts Plugin

Now you need to change the default styles and change its look to our desired design using Custom styles.
Go To Blogger > Template
Backup your Template
Click Edit HTML
Search for </b:skin>. Click the black arrow to expand the code.



5. Paste the following Styles just above </b:skin>
/*--- TechnoFusion Popular Posts --- */
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}

.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }

.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}

.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}

.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}


.popular-posts ul li a:hover {
text-decoration:none;

}

Customization:
To change the background color of the Square bubble edit #292D30
To change the text color of the bubble edit #ffffff
By default the shape of the bubble is Square. To change it to Circle simply add the following code just after box-shadow: 1px 2px 9px #666666;


border-radius:15px;




6. Save your template and you are all done!

Visit your blog to see it working just perfectly.

Please write comments about this tutorial or tell me any faults which you found while creating and publishing. I will always there to help you....



Monday, 2 September 2013

How To Find Any Code Easily On Blogger

This article is very useful for Blogger beginners.This is a tutorial about how to find specific code in webPages/Blogs/Websites.You may see many Blogger Tutorials on internet for the purpose of designing or to add gadgets to your blog,for eg: If You Want To Add Some CSS Code To Your Template Then
You go to

  • Sign in To Your Blogger Account and Select Blog That You Want To add code
  • Template Tab >> Edit HTML Look for ]]></b:skin>
But,
It is not easy to find a code manually.So Use Ctrl + F to find.
See The Image Below



  • Hold Ctrl on the keyboard and press F,(Ctrl+F is the shortcut to reach Find Bar in almost all browsers)
  • A Find Bar will display, Type the code you want to search.
  • At once that code will highlight on the Page/Blog
  • Then you can edit/delete/modify highlighted code.
Please Leave Comments If You Have Any Doubts



Sunday, 1 September 2013

How To Add Posts To Your blog In Blogger

Now You Can Learn How To Post Your Posts To Your Blogger Blog

  • After SignIn in Blogger You Will See The Your Blog As Shown Below


  • After Clicking You Can See The Adding Posts Page As Shown Below

Click on Image to Zoom

  • Add Post Title
  • Add The Body Of Your Post (If You Want To Compose In HTML Click On HTML tab On Left Top
  • And Add Some Labels To Your Post
  • You Can See Preview By Clicking On Preview
  • Finally Click On Publish.After Publish Your post Is Visible To All Your Blog Users
  • If You Does't Want To Publish Then Click On Close....Because Blogger Will Save Your Post Autometically
  • After Publishing You Will Redireacted To Page As Look Like Below


  • You Can Edit Your Post By Clicking On Edit
  • And Delete The Posts By Clicking On Delete
Thanks For Reading This Article.If You Found Any Errors In My Post Please Feel Free To Comment Below




How To Create a Blogger Blog

Hello Friends.I am Going To Share You How To Create a Blogger Blog Simply In  Steps


  • Now Click On New Blog And It Opens popup As Shown Below


  • Enter The Blog Title And Address You Want  And Select Template And Click On Create blog 
  • After Clicking Your Blog Is Created..And You Will See Below image



  • Your Blog Is Created And You Can See Your Blog By Clicking On View blog
You Can Create Your Blog And It Is Not Enough.You Want To Post Some PostsTo Your Blog.
Next Step Is Posting Posts To Your Blog After Creation



  • Home
  • About Us
  • Contact Us
  • Write For Us
  • Sitemap
  • Privacy Policy
  • Back To Top