Tips And Trick Blogging

Home » Archives for June 2013

How To Add Each Blog Post in Separate box

Posted by Unknown Saturday 29 June 2013 0 comments

Add Each Blog Post in Separate box:-In many Blogger Templates you may have seen that there is not a separate box for every Post,but each post is completely shown as in Dynamic Blogger Templates.Here we will show you How to Add Each Post in a Separate Beautiful Box along-with many Color Schemes.Actually this hack can be applied by using CSS ,Applying this hack each post will be shown in a separate box and when ones hover mouse it will change the Border Color and When Again Hover it will automatically again change the Color.Now How to do it,Let me Elaborate it in some easy steps.

How To Add Each Blog Post in Separate box

Go To Blogger.com
Sign in There and Go To Blogger Dashboard
There Click on Template
Then Click On Customize
After that Click On Advanced Option
And Then Select CSS(i.e Add CSS)
Now Copy the below Code and paste it over there.

.post {
background:#FFFFFF;
border: 2px solid #000000;
padding-right:7px;
padding-left:7px;
}
.post:hover {
border: 2px solid #FF0000;
}
.post:active {
border: 2px solid #0004FF;
}

That's it

Customization :- If You are interested in Changing the background Color then Replace #FFFFFF with Your Own Color Code.And If you want to change the Border Color then Change #000000 #FF0000 #0004FF to Your Desired Color Code

How To Add Each Blog Post In Separate box
Last Reviewed by The Gameron October 29 2013
Rating: 4.5

Google AdSense Introduces Scorecard For Understanding Your Site's Performance

Posted by Unknown Wednesday 19 June 2013 0 comments

Google AdSense introduces a new benchmarking feature i.e AdSense Scorecard.Actually the Scorecard can be easily found on the home page of the AdSense.The Question is What Scorecard Do?Scorecard provides with the summary and of your site performance i.e How well your ad setting is?And How well is your Content resulting to other AdSense Publishers?The Scorecard is divided into different categories such as site health,revenue Optimization.Each category performance is denoted by small five dots.

How To Use AdSense Score Card ?

Its not Ruling the World by One,it is very easy to use this Score Card.Actually there are different signs which will show you the different errors or good performance of your site's content,One by One they are explained below.

Green: Excellent.This sign will indicate that your site is doing well and fantastic,you don't need to change any thing.

Yellow: Satisfactory.This sign will tell you to improve your site content or pages or something else performance.

Red: Needs improvement. Red sign will purely indicate to make changes in it and fix the mentioned errors

Whenever Scorecard suggest you something impressive immediately take an action to solve the specific error.

So What's Up:- Scorecard is a tool which will give you greater insights into how your site is performing?It will surely maximize your Online business,stay Blessed,Happy Blogging!

Easy Way To Create Sitemap For Blogger

Posted by Unknown Friday 14 June 2013 0 comments

Sitemap is a list of pages Of a Blog or Website which enables the Search Engine Crawlers to crawl the blog/website pages.Actually there are two types of Sitemap.

XML Sitemap
HTML Sitemap

XML Sitemap is actually a structured format which a user can't see i.e it may be in the coding of Template or hidden. But the bonus point of this Sitemap is they tell the search Engines for crawling the web pages while on the other side HTML Site-Map are specially designed for the users to enable them to find content on your Blog/website,this visitors and Search Engine Bots find the pages of such Site-mapped blog.

How To Create Sitemap For Blogger

All you have to do is making a new page in your Blog
After Creating a Page Click On The Pages
And Then Click On The Page you have Created
Now There will be two Option at the left-most side i.e Compose/HTML
Simply Click On HTML
Now Copy the Below Script and paste it there

<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js"></script><script src="http://thatsblogging.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

Change "http://thatsblogging.blogspot.com" with your Blog Name!
Now Save The Pages Section
And That's it.

So What's Up:- Adding Sitemap to Blog which certainly enable the Search Engine Crawlers to crawl your Blog Contents as a result you may get high rank and traffic,Share your beautiful ideas with us,Stay Blessed,Happy Bloggging!

Easy Way To Create Sitemap For Blogger
Last Reviewed by Iftikhar on June 15 2013
Rating: 5

20+ Stunning Blogger Templates – What a Strong Design?

Posted by Unknown Thursday 6 June 2013 0 comments

Time to leak some Professional Stunning Blogger Templates.Blogging is a famous publishing service bought by Google in 2003.Actually Blogs are hosted by Google at the Sub-domain of Blogspot.com. These days blogging is a trendy topic,it is because of its beautiful and creative way of Publishing Services. Blogger Provides a navigable Dashboard to their users which is as easy as eating.It also Provides up-to 1 GB space for hosting images Through Picasa. However we will Come to the main point i.e whenever One is Creating a Blog–its very easy but Now How to run and Maintain it?Because you have to Compete with thousand of other Bloggers.In this regards you must have a Stunning Blog which can easily attract the visitors,also your Blog must have a beautiful outlook i.e How its Template Should be? Here we have Collected the 20+ Stunning Blogger Templates having a Strong Design.

20+ Stunning Blogger Templates – What a Strong Design?

All these templates have a Strong Design along with other awesome features i.e Ads Ready,SEO Ready,Fixed Width,Stylish,Elegant,Stunning,Professional Look,and Work with all type of Browsers such as Google Chrome,Mozilla or Safari etc.You Can Download it free from Our Blog.

MBT(My Blogger Tricks) Blogger Template V 2.0

MBT Blogger template V 2.0 is a professional template Designed by Muhammad Mustafa (MBT Owner).This Template is a fantastic template for Blogging,and tech blogs.This template has 3 columns layout along with beautiful drop down menu.This Template is SEO Optimized template.MBT Blogger template V 2.0 is ads ready template.It has Automatic Read-more option,author box and social share widgets.This template works with all type of browsers such as Google Chrome,Mozilla and Internet Explorer etc.MBT Blogger template is a responsive Template with beautiful black color background which makes it more awesome template.

Template By MBT

Live Demo DOWNLOAD

Johny Darkfire Blogger Template

Live Demo DOWNLOAD

ProGray Blogger Template

Live Demo DOWNLOAD

Sevida – Responsive Magazine Blogger Template

DEMO DOWNLOAD

Blogism Blogger Template 2013

Blogism Blogger Template is design by a young Blogger Syed Faizan Ali (MBL Owner) from Pakistan,This Template is specially designed for Tech Bloggers .Blogism is ads ready template,it has One right sidebar and beautiful share buttons below the posts. Blogism Blogger Template has awesome header which makes it more beautiful Template.It has 2 columns layout.Blogism template has read-more option,it has author avatar with each post.This Template works with all type of Browsers such as Google Chrome,Mozilla Firefox and Internet Explorer etc.

Template By Templatism

Live Demo DOWNLOAD

Big News Blogger Theme V2

Live Demo DOWNLOAD

MainPhoto Responsive Blogger Template

Demo Download

Lord HTML Blogger Template

Lord HTML Blogger Template is a new free Blogger Template design by Durai Sankar,its author is LORDHTML. Actually Lord HTML Blogger template is a clean and responsive Blogger template,it is also for Blogging and Tech blogs.However you can use it for any type of Blog.This template is ads,and SEO Optimized Template.It has no Footer,however it has one beautiful right sidebar along-with drop down menu which makes it attractive template.Moreover it has a search bar,page navigation widgets,social buttons,readmore option,and HTML Code View.This template works with all type of Browsers such as Google Chrome etc.You can Download it free from our Blog.

Template design by Durai Sankar

image Source

LIVE DEMO DOWNLOD

Labnol Blogger Template

Labnol Blogger Template is a Professional Blogger Template design by Labnol.Org.This template is designed by the Pro Blogger Of India,this template has many features such as Simple and Clean design,it has One right sidebar,This template is Purely SEO Optimized.The Loading Speed of this template is very fast.Labnol Blogger Template has white background which makes it more attractive template.However it works with all type of browsers such as Internet Explorer etc.You Can easily Download this template from Our Blog.

Template design by Labnol

Live Demo DOWNLOD

Sensational Blogger Template

Live Demo DOWNLOAD

Spice Up Your Blog Template

The last and most beautiful Blogger Template is Spice up Blogger Template which is designed by Durai Sankar.This Template is ads Ready template,it has awesome ads options.This template has 3 columns layout.It has ready Brown Color Drop Down menu.This template has Subscription widget and Own Fonts.This template has One Right Sidebar along with beautiful header which increase its beauty.This Template has ready Social Buttons which will surely help you to get more Facebook Page Likes,Twitter Tweets etc.However this template works with all type of browsers.You Can Download it free from Our Blog.

Live Demo DOWNLOD

Metro BTK V2 – Impressive Blogger Template

Live Demo DOWNLOAD

ProVouge Blogger Template

Live Demo DOWNLOAD

Yaminth Blogger Template

Live Demo DOWNLOAD

SEOMAG Blogger Template

Live Demo

Ajaxify Blogger Template

DEMO DOWNLOAD

Metro Minimalist Blogger Template

Live Demo DOWNLOAD

20+ Stunning Blogger Templates – What a Strong Design?
Last Reviewed by Iftikhar uddinon June 24 2013
Rating: 5

Add Divider(line) Between Posts in Blogger

Posted by Unknown Wednesday 5 June 2013 0 comments

Another interesting Hack for Blogger is How To Add Divider Between The Blogger Posts?Adding Divider between the posts is nothing else it will just add an image which will clarify the posts i.e One can easily navigate any post.Actually by default Blogger template has a Line which divides the post but isn't that Looking Bore? Of Course its Boring then don't waste your time,this is the time to make your Blog Creative and Attractive.

First Of all you have to find a Picture which you want to use as a divider e.g in Our Case we have the below image which we will use to add divider b/w the Posts.

You can host your Divider image in any hosting such as tinpic or Photo Bucket etc.

How To Add Divider(line) Between Posts in Blogger

Go To Blogger Dashboard >> Template >> Edit HTML
Search for this Code

.post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; }

Now Replace the Above Code with The Below Script and if you are interested in Changing the divider image just change the URL and Do This Step

.post {
background: url(http://i36.tinypic.com/xqid55.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:3.6em;
}

Replace the Red URL mentioned with your Own Divider image url
If you want to Change "Padding-Bottom" increase or decrease the value in Black Bold Script

2nd Method For Adding Divider Between Posts in Blogger

If The Above Method is not working in your Template,then you have to use this method which is very easy !

Go To Blogger Dashboard
Click on Template
Edit HTML
Now Search for the below Script

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

Now Copy the below Script and Add it below the above Script

<center><img height='30' src='divider image url'/></center>

Tip:- If you want to increase the Divider height Change 30 to the Desired value,and Add Divider image url in the script and that's it!

So What's Up:- This was an awesome trick,it is ideal for bloggers to add this divider image between the posts.It will help their visitors to easily navigate the blogging contents.Share your ideas with us , stay Blessed Happy Blogging!

Top 10 Eye Catching Facebook Timeline Covers

Posted by Unknown 0 comments

Facebook Timeline Covers is a trendy topic these days.Every One is sharing a flood of covers for timeline,even different kind of websites and blogs have been created by this Topic.The Thing is How They Share,they Share beautiful and Awesome Covers but not All.They may share some beautiful Covers for Downloading but the thing is where to get best and attractive i.e Top 10 Eye Catching Facebook Timeline Covers.Now if you are also searching for these covers then you are at the right place.Here we have collect the Top 10 which include the latest Eye Catching Facebook Timeline Covers.

Why People interested in Facebook Timeline Covers?

It's a Common Question in every One Mind,why People Like these Covers Photos.Actually as Facebook is Young and providing all the latest luxuries to the teenagers and to all age People.Every One wants to keep their social status higher,in this regards they make their Profile Picture,Timeline Photo and Name etc Stylish and attractive to impress their friends,followers and fans.