Post Background Color Background Image

Different background picture for each post and each post appear in different color background. Do you know that you can have your each blog post displayed in various styles with different background colours or different background images? Yes it’s true you can show individual blog post in colored background or with different image background. Implementing this latest blogger tricks you can make your blog stand unique in various aspects. Let’s say for example, if you accept guest posts and have multiple authors contributing articles to your blog, this proves an easy way to differentiate the post appearance according to individual author. Following this blogger tips you can also make a specific post stand-out among other hundreds and thousands of posts.

Below I have explained very carefully and in plain English. I believe you will enjoy reading this blogger unique trick and work with the codes for giving your blog a unique look.

Each Post in Different Color or Different Background Images.

How to place different background picture for each post?

How to make each post appear in different color?

...............................................................................................................
Instructions to Note
...............................................................................................................

Let me also make you clear that there in no need to back up the template codes of your blog. We will not work with template instead we will go to regular create a new post option in blogger. This blogger hack is done by wrapping your Post content into a "div" element. You can apply these setting to your already published posts too and you may change, remove it at any point of time.

...............................................................................................................

Code for Changing Color of the Post Background in blogger

...............................................................................................................

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Your post content goes here....
</div>

Place the purple code at the end of your blog post.
Replace the part in green with your preferred color hex value.
Place the red part of the code at the beginning of your blogpost.
Make sure you replace the part in green" Your post content goes here...." with the post content.
You can also edit padding, we have added some padding so the text does not move too close of far away from the borders.

...............................................................................................................

Code for placing Background image behind Post in blogger

...............................................................................................................

<div style="background:url(URL ADDRESS OF THE PIC) no-repeat;">
Your post content goes here....
</div>

Place the purple code at the end of your blog post.
Replace the part in green with the URL of the image.
Place the red part of the code at the beginning of your blogpost.
Make sure you replace the part in green" Your post content goes here...." with the post content.
You can also edit no-repeat, we have added no-repeat, so the image does not repeat itself.
If you use repeat you can use small pattern images so that it repeats itself to cover the whole post area.

...............................................................................................................

Here's the Example on How to Place a Code:

...............................................................................................................

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
We bring you the best in blog, blogging tricks and tips. thebest-technic.blogspot.com provides an opportunity for bloggers to come together to collaborate, learn and experience a difference. We bring you all tutorials like Earning online, templates hack, Google Adsense tricks, free blog hosting and many more. Hope this guide will help those who are finding the way around, just like me...
</div>

............................................................................................................... 

Suggestions:

...............................................................................................................
Work with the codes in EDIT HTML Post editor.
Save code in template editor in blogger settings for future use.
If you don't want to display background color or background image than you may simply remove the code by deleting the red, green and purple codes from blog post body or settings.



The Best Technic

Read more »

Submit Url Add Sites Top Searchengines Free

If you are here in this page reading the post SUBMIT BLOGS TO TOP RANKING SEARCH ENGINES FOR FREE then I believe that you would also be interested in reading the post SEO. If you are interested in getting much visitors or consumers to your blog then you are in right page. You can manually submit your blogs, submit websites, submit webpages in major search engines like Google, Yahoo, Alexa, Bing and many more.

If you want web visitors to easily spot your blog, you should submit blogs to High Rated Search Engines. We have provides lists of url of several Search Engine. Click on the link provided to visit submission page directly. Now fill up the form to classify you blogs/websites.

Please take care that Search Engines will not index your blog/website if you provide wrong details. Do check once few details listed below before submitting site or adding URL to top ranking search engines.

...............................................................................................................
Searchengine Submission Do's And Dont's
...............................................................................................................
1. Make sure the Url you are submitting is correct and not broken. 
2. It contains no phonographic contents.
3. No hacking tutorials.
4. Do not submit your URL more than once a month.

(FOR MORE DETAILS PLEASE GO THROUGH TERMS AND CONDITIONS OF RESPECTIVE SEARCH ENGINES)

We offers our loyal visitors an option where they can do manual submission of their url on the major search engines which accept web sites, webpages, blogs,forums. So hurry and submit url to Bing, Submit Url to Alexa, Submit Url to Yahoo, Submit Url to Google absolutely free.

...............................................................................................................

Submit Your SiteInstantly

...............................................................................................................

 

Manually Submit Url to Top Ranking Search Engines

"BING"

SUBMIT NOW

"ALEXA"

SUBMIT NOW

"YAHOO"

SUBMIT NOW

"GOOGLE"

SUBMIT NOW

SUGGEST US

SUBMIT NOW

NOTE: Remember thousands of blogs, websites are added to different Search Engines every day, so you need to wait couple of weeks for you blogs/websites to be visible in a Search Engine's indexed. Submit the main page of your site only. The rest of your site will be crawled by the search engines.

...............................................................................................................
Other Search Engines List
...............................................................................................................
 In addition to this you can also submit your site to be listed in the below Search Engines

All the Web Alta Vista AOL Beauco Up! Clusty CurryGuide Dogpile Excite FamilyFriendly Fazzle Find Info Galaxy GigaBlast Go.com Hotbot IceRocket Info.com InfoGrid InfoSpace Internet Sleuth Ixquick iZito Kanoodle Kartoo Lycos Mamma MetaCrawler MetaEureka Netscape One Page MultiSearch   Proteus ScrubtheWeb Search Hippo Search theWeb Search.com SurfWax Teoma Turbo10 WebCrawler ZapMeta Highway 61 37.com One Seek MetaSpider MegaGo

................................................................................................................

Website Submission Services

................................................................................................................
There are many sites on the internet offering free website submission services to search engines. We will update this page regularly keep checking.

• FastSubmit
• Submit Express
• AddMe
• Freesubmissionweb
• ineedhits
• Submitshop
• Searchengineoptimising
• AddPro
• Pageranklist
• Freewebsubmission
• Amfibi
• Burf
• Jerkasmarknad
• LocalSubmit
• SrSubmit

The Best Technic

Read more »

Increase Blog Traffic With Facebook Socialnetworking

There are several secrets related to traffic generation mechanism with social networking websites, which most of the bloggers are putting down in words, in their blogs. Today in this tutorial I will highlight all the tricks and tips to suck the juice of web traffic generation methods.

Like Google plus and Twitter, Facebook is another important online platform that many bloggers make use to obtain some traffic to their sites. There are various opinions regarding Facebook as best traffic generation web platform along with it being high rated social networking website. Some has a belief that it is a just a matter of time, to generate enough traffic from Facebook, while others truly relies on Facebook for traffic. But I believe that once an individual or a company follows the points I have mentioned below, Facebook will start working as a charm and eventually floods of traffic will come to your way.

Face book has greater possibilities for publicizing your blog at no cost and generate free traffic for your blog. In fact, it will also take time to end up with the possibilities that Facebook delivers because once u discover one possibility another will pop up. So dear readers explore all the possibilities, take ample advantage of them and hope fully this hard effort will give you great returns in terms of enormous traffics.

Here are some latest tips that will help you turn Facebook into a traffic driving monster. Give a try and see the difference.

................................................................................................................

Your Facebook Profile Speaks

................................................................................................................

Add enough blogs materials to your profile this includes adding a link in URL, professional bio, likes, activities etc. Update Basic Information, Likes and Interests, Education and Work.

................................................................................................................

Create a Facebook Group

................................................................................................................

Create a group and add as many members as possible. Not only this, write a group description requesting your members to add their friends and families to your group. By doing this you will get a chance to pass direct update to all of your member’s notification at once with out having to type again and again. 

................................................................................................................

Add yourself to Facebook groups

................................................................................................................

Same as mention above but in this you have to search for groups of your blogs niche, with large numbers of members already included. Add as many members as possible. I have added myself to 17 Groups that includes members from 15,000 to 1500,000.

................................................................................................................

Create Your Blogs Page

................................................................................................................

This is one of the most important features of Facebook. You can show the popularity of your blog by creating plenty of likes. You will also have an option to look insight once your blog achieves 30 likes. 

................................................................................................................

Create events

................................................................................................................

A feature where you can invite your friends families relatives by creating an event, try to make good use of this for your blogs promotion.

................................................................................................................

Write Notes

................................................................................................................

My research shows that writing notes does not work too well when compare with others I have mentioned but what’s wrong in giving a try.

................................................................................................................

Frequent post update Works

................................................................................................................

If you decide to remain online without Facebook updates than you are in a chance to loose audience attraction to your profile or pages. Update your work so that you remain at the top of notification area of your friends and relatives. Try to grasp enough attention to your profile page or your works by frequent posting.

................................................................................................................

You should be active and responsive

................................................................................................................

Try to be very much responsive when some one asks you anything about the niche you are highlighting give them positive feedback who knows they are your loyal readers, if not they might turn into regular visitor after that.

................................................................................................................

Make use of Facebook applications

................................................................................................................

Applications like Networked Blogs have played a vital role in bringing traffic to websites and blogs. If you are unaware about this great application than give it a try, this really works.

................................................................................................................

Make Use of Facebook ads

................................................................................................................

If you are really serious about diverting visitors to your blog, you should think of Facebook ads. I assure you will get a fruit full results.

................................................................................................................

Other Facebook Traffic Tips and Tips

................................................................................................................

Build network
Post questions
Make use of polls
Let images speak out
Proper Username or URL
But Please, Do Not Spam

This is no rocket science so it will take time to achieve the goal and once it starts doing magic you will never have to look back again in terms of blog traffic generation methods. Till then please be patience, gradually u will see a considerable increase in traffic and more growth with passing of time…

The Best Technic

Read more »

Change Default Blogger Anonymous Avatar Comments

Changing Default Blogger anonymous avatar on threaded comments. After Blogger announced new feature of threaded comment, we still can costumize avatar for whose comment with 'anonymous' or 'Name/URL'. At first time Blogger using blank image http://img1.blogblog.com/img/blank.gif, so we can hack the template with background for avatar.

Now Blogger using avatar with URL  http://img1.blogblog.com/img/anon36.png, and we can't hack this image with background. But we should use jQuery script to hack this. And Let's we go... :)

To change default Blogger anonymous avatar, follow simple steps below:

1. Go to Template -> Edit HTML
2. Find </body>
3. Add this code just before </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'your-avatar-url-here')
.ssyby('blank')
</script>

4. Save

Replace the red text with your avatar URL. Or you can select below URLs to replace the link.

1. Blogger

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEtl2vdSIhOKj6kZq2Cnxme1XlhWguiiERCwu-NhQ4iDkE2uh_oEAjenmdZTtpn3ePQxx7uplgHFuzx6gd7pZ31ebsrW3Dbh-vi5S_PD9pLSKrrcCarSlqyXQDj93qJLEesVVmNBk6EiM/s1600/blogger2.jpg

2. Anon6

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIE9FJZM6DsINMEAVhlF8qQH6vMz5IUI2JqeoOWV4IkXvPEqlqhZt96rhQ9xYROBWGDBeCyFuPq5_0iuhSVyXtH903VGv4oSONefOX8OBMB7JutAVJ_SSi4LoC40cYjlPX-8bqzM5__Q/s1600/anon6.png

3. Anon7

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjXzPBoiD2smAlErw8dgSivXQ80F31wr3KFtyAGE114kvzx8_YMy9T8yB2OCA8cC1r1hjBxUYBhkOEqDgjWh5Ecf_aVZnCoMqCYgwAwYoWgbsBSEtSs25bz9RVMNhVORBQKBaNwRJXd-E/s1600/anon7.jpg

Or please make own avatar :)

The Best Technic

Read more »

Add Floating Facebook Like Box for Blogger

Many tutorial gives you how to add floating facebook like button. Now I came up with new tutorial for adding floating like box to blogger. This is a great way which requires almost no space and it looks more attractive than that of simply keeping the like box.

Adding Jquery Plugin

1. Sign in to Blogger
2. Go to your Dashboard>Design>Edit HTML
3. Add this code above the closing </head> tag in your HTML file:

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

Ignore thies step if you have added Jyquery plugin to your blog.

Adding Widget Code

1. Go to Design>Add a Gadget>HTML/JavaScript
2. Add This code to HTML/JavaScript Widget


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscGDiBQ22fekkmNSX_u5u5jdynKiWhu5XLHcKqJ_BqQ3P5CHaJ57FbHlCpZ-foN-iAzLxmkwb4eNMhOYFyDP4W3BIjMAI4zYxRgFytpwSc9maIC8Nr7u0ii0bNAaAkbTks_utrFqU9Kw/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsibarasok&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><span><a href="http://thebest-technic.blogspot.com/2012/09/add-floating-facebook-like-box-for.html" target="_blank">+Get This!</a></span></div></div>

Replace http%3A%2F%2Fwww.facebook.com%2Fsibarasok, with your Facebook fan page URL.


The Best Technic

Read more »