Business and Technology News, Articles & Tutorials

Post footer in uppercase gives your blog more style in look and feel. Its very easy. Just add some stylesheet by login to your dashboard > template > advanced > add css .post-footer { color:#000000; text-transform:uppercase; letter-spacing:0px; font-family:arial; font-size:10px; } Copy and paste the above code & save your template. display: none; }

Go to Blogger Dashboard > Layout Click on Add a Gadget (below header) Select HTML/JavaScript Paste below code inside it, <style> #catmenucontainer{ border-bottom: 0 solid #CCCCCC; width:860px; margin:0 auto;margin-left:-65px; height:40px; background-color:#2F8BE8; display:block; padding:0 0 0 0; font:15px "tahoma",verdana,Arial,sans-serif; font-weight:normal} #catmenu, #catmenu ul{height:40px; list-style:none outside none; margin:0; padding:0; width:860px} #catmenu a{color:#fff; display:block; border-right:0px solid #504A4B; padding:9px 4px 12.5px 6px; text-decoration:none} #catmenu a:hover{color:#000;background-color:#f09d28;outline:0} #catmenu li{float:left; margin:0; padding:0} #catmenu li li{background-color:#ffc97c;float:left; margin:0 0 0 0; padding:0; width:130px} #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited{background-color:#f09d28; width:135px; float:none; margin:0; padding:4px 5px 5px 10px; color:#000; border-bottom:1px; text-decoratio...

The Post Footer describes author name, post date & time, tags etc.Primarily certain things can be customized by going to Layout & click the 'edit' button in blog post section. a pop up window will appear like this : Now you can select items through clicking the check boxes at the left side. Drag the elements to rearrange according to your choice. APPEARANCE OF LABELS To change the appearance of your labels go to Template----->Customize------->Advanced------>Add CSS and paste the code : .Label { color:#b4h6td; background:#afafaf; }

In this tutorial you will learn tips to add extra widget in blogger header section in new template designers. Within this gadget section you can add anything that you may want, for example, subscribe buttons, search box or your AdSense ads within the Blogger header. Step 1: Login to your blogger dashboard and backup your template. Click "Edit HTML" button. Step 2: Find for the below codes which you have edited and implemented in previous tutorial: <b:section class='header header-left ' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blog's Title (Header)' type='Header'/> </b:section> <div style='clear:both;'/> Now find for <div style='clear:both;'/> which is marked in red in the above codes and before it add: <b:section class='header-right crosscol' id='header-right' maxwidgets='1' showadde...

Popular Post widget in blogger shows most viewed & commented post in the sidebar. This helps visitor to find quality articles, tips and guide in just one click. One can easily add this widget by login to dashboard > layout > add gadget > click popular post. Now add style sheet to the gadget so that it looks attractive to your readers.  Go To Blogger Dashboard > Template Click on Customize > Advanced Add CSS Just copy & paste the following css code .popular-posts ul{padding-left:0px;} .popular-posts ul li { list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #dddddd; -moz-box-shadow:1px 1px 2px #dcdcdc; -web-kit-box-shadow: 1px 1px 2px #dcdcdc; -goog-ms-box-shadow:1px 1px 2px #dcdcdc; box-shadow:1px 1px 2px #dcdcdc; border-radius:5px; background: rgb(44,83,158); /* Old browsers */ background: -moz-linear-gradient(top, rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */ backg...

A search box helps visitors to access specific information on your website or blog. So adding a search engine enhances blog page view & keep readers stick to the site. Here is the code for search box. <style> #abt-search-btn {     background: none repeat scroll 0 0 #359BED;     border: 0 none;     border-radius: 0 0 0 0;     color: #FFFFFF;     font-weight: 700;     padding: 10px 20px; } #abt-search-box {     background: none repeat scroll 0 0 #EEEEEE;     border: 0 none;     padding: 10px;     width: 250px; } </style> <form id="searchthis" action="/search" style="display:inline;" method="get"> <input id="abt-search-box" name="q" size="40" type="text" placeholder="  imzas "/> <input id="abt-search-btn" value="Search" type="submit"/> </form>