Home » Archives for November 2013
Add Background image to Sidebar widgets in Blogger: Recently one of our blog readers ask me how he can add a background image to Widgets title in blogger. So its really simple here I am going to show you how you can add a background image to widgets title actually adding background image to to widget title increases your blog attraction.Following is the detailed tutorial how you can do it:How To Add Background Image To Widgets Title in Blogger
- Visit Blogger dashboard.
- Click on template>>Edit HTML.
- Proceed and press ctrl+f find ]]></b:skin>
- Now copy the below CSS coding and paste it above the ]]></b:skin> tag.
.sidebar h2 {
background: url("http://3.bp.blogspot.com/-UOvBXjlSo9A/UbImv57RXCI/AAAAAAAAMtM/oYUarpzF2U4/s1600/sidebar.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: "Open Sans",georgia,arial,verdana;
font-size: 20px;
font-weight: bold;
height: 50px;
line-height: 34px;
margin: 0 0 0 -10px;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
width: 269px;}
- Now save your template you are almost done!
Recommended Articles:How To Enclose Blogger posts in BordersHow to add borders or customize your blogger widgets with borders If you have problems while doing the tutorial ask us through the comments box we are here to solve your problems.
Enclose Your Blogger Posts in Borders: Design a beautiful blog get positive feedback from your visitors! The more you made your blog look attractive the more you get feedback from your visitors, because visitors likes creativity. In fact, Google and other search engines likes creativity. It is an inspirational saying from our friend Iftikhar Uddin :
"If peoples Likes your Blog, then it means Google Like your Blog"
According to the above saying the design of your blog is very crucial, it is not and odd thing to do for your blog.
You may have seen professional blogs like Filehippo, who's blog posts are enclosed in borders which look very attractive. Today i am going to teach you how to add border to your blog posts in blogger.
How to enclose Blogger Posts in Borders
- First of all visit Blogger dashboard.
- Now click on the template tab of your site.
- Then click on the Edit HTML button.
- Now press ctrl+f and find ]]></b:skin>
- Now copy the below code and paste it above the ]]></b:skin> tag
.post-body {
border:groove 5px;
background-image:none;
padding:0px;
}
- If you do the above steps just save your template! you have done!
Personal Customization
-If you want to change the style of the border then replace the text in red with other type of border whatever you want such as solid etc.
-If you want to add a background image to blogger posts then replace the text in green with url(), put the image url in parenthesis too.
You may have seen many blogs having sidebar widgets bound around by borders and beautiful background images. You think it for your blog............ Utopia.Don,t worry today I am going to teach you how to customize your sidebar widgets by adding border and background image to it.Below is the brief tutorial which will make you able to do so.
How to add Border (Customize) to Sidebar widgets in blogger
- First of all goto blogger dashboard.
- Now click on the template >> Edit HTML.
- Proceed in the template coding.
- Press ctrl+f and find ]]></b:skin> tag.
- Now copy the below code and paste it above or before the ]]></b:skin> code.
.sidebar .widget {
border: 2px solid;
padding:10px;
background-image:url();
}
Customization Before saving Template (Extra Stuff)
- Now if you want the border to be little far from the widget which is called padding, simply change the value in padding to your desire.
-If you want to add a background image behind your sidebar widgets the simply add the url of your image to the () in the above coding.
-if you want to change the border type change solid to dotted, groove or whatever you want.
- If you do the above steps, then click on the save template!
- You have done adding border to to sidebar widgets.
FileMinimizerSuite7.0: Sending files over the internet is a little tedious thing when it comes to send large files having lot of space on the Hard disk. Fileminimizersuite7.0 is an awesome software which do minimizing your file about 90% according to its software developers. This software does not change the content but only reduces its size so it can be send easier through internet. However FileMinimizerSuite7.0 supports certain file formats to be compressed or minimized following are those supported file formats.
Supported File Formats in FileMinimizerSuite7.0
- PDF.
- JPG, PNG and TIFF.
- Excel documents
- Microsoft word documents.
- Lotus notes.
- Notepad Notes.
- Zip.
- Powerpoint documents.
- High compressing capability
- Minimum system requirements.
- 100% free on our blog
Download Fileminimizersuite7.0 for Free
Must have android apps:One and half month to experience 2013, 2014 is on is head, we are set to post something uncommon as a procurement of 2014. Right away a days android applications has totally change the statement breathtakingly. Since there are practically applications improved to uncover the best approach to head off to better place, no doubt that is beyond any doubt. So let me share those android apps with you.
Skype-Free IM and Video calls
This is up to date planet, now is the right time to spare your plan and appreciate taxing day movie and sound calls through a solitary click all far and wide. You will be shock what is it? It is Skype which furnishes you the chance like this. So download it from the connection underneath.
Google Chrome
Google chrome is the quick browser that is all we know, it holds a considerable measure of characteristics which different browsers doesn't. So android designer think to advance this application for android too to offer profits to their clients.
Facebook
Google Maps
Examine new places, uncover adjacent top decisions, and run your planet with Google Maps. Open on Android phones and tablets with a clear, easy to-use plan.
Get where you need to run quickly with voice guided turn-by-turn Gps track, or endeavor open travel, biking, and walking headings Avast Antivirus
Ensure your Android phone and tablet with the top of the line free portable security application with both antivirus and hostile to robbery. -avast! Versatile Security keeps your gadget protected from infections, malware, and spyware. - It helps you find your lost telephone through our electronic telephone spot characteristic. - Remote apparatus lock or memory wipe in its propelled Anti-Theft part keep your information safe. - Handy instruments like system meter, application chief, and even firewall (on established telephones) give you finish control of your cellular telephone. download it totally free.
Keyboard keys effect: Getting more famous throughout the blogosphere depends upon the design of your blog. There are many parts of blog to be designed, but today I am going to show you something unique. Professional bloggers uses keyboard keys effect on their text in blogger which looks very fascinating to the visitors in several aspects. The important one is understanding the tutorial.
How to add keyboard keys effect to your text in Blogger
- First of all visit Blogger dashboard.
- Now click on the template tab there>> Edit HTML.(as shown below).
- Now search for the below code in the coding.
]]></b:skin>
- After finding the ]]></b:skin> tag, copy the below code and paste it above the ]]></b:skin> tag.
kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}
Now when you are creating a new post just do the following steps for this effect:
- Create a new post.
- Click on the HTML portion of your post.(as shown below)
- Now copy the below code and paste it inside the HTML portion where you want.
<kbd>Shadow</kbd>
- Replace the Shadow with your desire text on which you want to apply keyboard key effects.
