A Must Follow 3 Meal Diet Plan for Bloggers

1. Breakfast Plan 2. Lunch Time 3. Dinners is ready From the Company: [a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFg_DZQ1jYmLwv6vjoVOjovfeewv7vJxfIWs2n6TCSylVkzxi0y311jeqPpudzu05S81ZTR-u4VArTQQR1C1Pq8Wm9BhFKPuBzyMZC4lp2O9Ky5h1SCR6wlb1yOMDDKu0eVZz8ZhH6nro/s1600/RICOH_Company_Head_Office_Building_2007-1.jpg"][/a]   Hassam Ahmad Awan About the Guest Author: Hassam is a young A Level Student who loves to learn and share tech related stuff. He has an ambition to become a Software Engineer. He is a passionate blog author and publishes regular...

Add LinkedIn Share Counter Buttons To Blogger

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="top"></script>   Horizontal Count   <script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="right"></script>     No Count <script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share"></script>          5. Save your templates and you are done! View your...

How to add an ICON IMAGE next to a Hyperlink?

    You can also use icons of your preference and [a href="http://www.mybloggertricks.com/2009/11/create-blogger-backup-for-images-and.html" target="_blank"]save the Images on blogger[/a]. If you wish to use three or four icons simply keep on adding the same CSS code given above by changing only the digit number i.e. 1, 2 , 3 , 4 like this, .mbt-hyperlink-1 { background: url(ADD ICON LINK HERE) no-repeat 0px 0px; padding:7px 0 0 25px; } .mbt-hyperlink-2 { background: url(ADD ICON LINK HERE) no-repeat 0px 0px; padding:7px 0 0 25px; } .mbt-hyperlink-3 { background: url(ADD ICON LINK...

Customize Blogger Navbar - Add It To Sidebar!

  When users Log out of Blogger, they see this: On clicking the share link, readers can share your blog post on Twitter, Facebook, Google Buzz or Google Reader.   On clicking the follow button, you can follow the blog updates: The following Navigation colours are available: TAN: BLACK:   SILVER: BLUE:     Add Blogger Navbar To Sidebar You can use the code below to add the Navbar anywhere you want and not just the sidebar. You can add it to your blog posts also. To add the widget to your sidebar simply do this: Go to Blogger > Design Choose a HTML/JavaScript Widget and Paste...

How to add Blogger Poll Widget To Posts?

Interesting? Now lets learn how to do that. Copy The Poll Widget Code From your Source File Visit your Blog and press Ctrl + U Next press Ctrl + F and search for this, http://www.google.com/reviews/polls    3.   You will find a code that starts with iframe and ends with iframe, something like this, <iframe allowtransparency='true' frameborder='0' height='180' name='poll-widget-1533663100889025859' src='http://www.google.com/reviews/polls/ display/-1533663100889025859/blogger_template/run_app?hideq=true&purl=http%3A%2F%2F www.mybloggertricks.com%2F' style='border:none; width:100%;'></iframe>       4.   Simply copy that code and paste it wherever you want in your blog post!     5.  ...

Floating Google +1, Facebook, Twitter Buttons For Blogger

UPDATE:- To add a floating widget to the left of all your posts like in this blog then please read: [a href="http://www.mybloggertricks.com/2011/08/add-floating-facebook-share-1-button.html"]Floating Counters Next To Posts[/a] Finally the Sliding Counters! Till now we learned and created many [a href="http://www.mybloggertricks.com/2011/04/add-floating-facebook-like-and-retweet.html" target="_blank"]floating social share buttons[/a] but those button widgets in fact do not slide when the user scrolls the page up or down. The only thing I needed was a well constructed JavaScript code that could make the widget to float up and down synchronously...

Disadvantages Of "Blogger Template Designer" Templates

    The above class is the CSS code for styling the Header.  You can clearly see the variables indicated by the dollar sign ($) Now suppose if you wish to edit the background image of your header or change the border colours, font style etc. then how can you set the values when everything is in variables? Of course you can do that if you have some prior knowledge of web languages but this would be difficult to new bloggers. The widget code is also programmed differently using Macro:param tags. See this code, <aside>           <macro:include id='main-column-left-sections' name='sections'>             <macro:param default='0' name='num'...

Change Author Comments Color Style In Blogger

   6.    Next search carefully for this code in your template, Tip: Press Crtl +F and search for one line at a time       <data:commentPostedByMsg/>           </dt>           <dd class='comment-body'>             <b:if cond='data:comment.isDeleted'>               <span class='deleted-comment'><data:comment.body/></span>...

Happy Birth Day To AdSense! 18 June 2011

Google AdSense Team will celebrate its [a href="http://adsense.blogspot.com/2011/06/happy-birthday-adsense.html" target="_blank"]eighth birthday[/a] just after 1 hour i.e. 18th June, 2011. AdSense was launched in 2003 and since then this great marketing and advertising company has served more than Two Million publishers all around the world. AdSense is the biggest income source for GOOGLE Inc. Just this year in 2011 Google earned $2.34 Billion dollars which is 28% of their total Annual revenue i.e. 9.36 Billion Dollars! Its eight years non stop success does surely mean a lot to them. [a name='more'][/a] Goggle AdSense enable web owners to...

Free Blogging Apps for iPhone / iPod Touch

[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3k1TDzFlVy38TEihXjw5smPpmQ7F-fH3W1UQx1tcObcFWKPufZT0-kwExZnAFVtv6vewFjBEql1bOq5YafQZY0ZJBMDi0QocXJ3Gn3TqLoDzvXM5nVkeaGlg5oWoL8dbbqM8MOJAu9o/s1600/penmyblog4.jpg"][/a] [a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvrLrZ43iSrUfiSgRZLoEdYW2Vw2snykiLzgp5a6oO-YQedx8elNCd8oHHdsr528CoG1A886vRRoEyePWncelewX2U9NAmLAyEWpVrphEW6Q0U7CSaiEF1rp2E7JPd7Ph9ks0gE6TZPOI/s1600/penmyblog.jpg"][/a][a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3k1TDzFlVy38TEihXjw5smPpmQ7F-fH3W1UQx1tcObcFWKPufZT0-kwExZnAFVtv6vewFjBEql1bOq5YafQZY0ZJBMDi0QocXJ3Gn3TqLoDzvXM5nVkeaGlg5oWoL8dbbqM8MOJAu9o/s1600/penmyblog4.jpg"][/a]...

My Favorite 100 Fonts - Free Download

Most of you asked what fonts I use to create my intro images on Photoshop or the fonts I use while designing blogger templates. I have compressed and gathered the complete list of all my fonts I had on my PC  for free download. I just hope you will enjoy using them for your design works and make your blogs even more eye catching. [a name='more'][/a]   Download The Best 100 Fonts Since we share resources with subscribers only therefore current subscribers are requested to post their Email Id's in the [a href="#comments"]comment box[/a] in a spam protected way and new readers are requested to kindly subscribe by submitting your Email...

Make Clickable Images In Blogger with Fade Effect

You will see that the image is no more clickable. and the code I used this time is the same one but without the href tag, <img src="IMAGE LINK" width="240px" height="180px"  alt="unclickable Koala image" title="unclickable Koala image" border="0" />     How to make an image fade in and fade out? For this you will need to add a tiny CSS3 code to your template. So kindly follow these steps, Go To Blogger> Design > Edit HTML Backup your template Search for ]]></b:skin> Add the code below just above it   /*---MBT FADE OUT CODE ----*/ .Fadeout img { filter:alpha(opacity=100);...

Macbook Pro - Every Bloggers Dream

Connectivity Other Basic Features         Cost In short MacBook Pro is a must for every blogger to enjoy the best blogging experience anywhere, anytime. You can get it at $1199 from [a href="http://store.apple.com/us/browse/home/shop_mac/family/macbook_pro?aid=AIC-WWW-NAUS-K2-CONFIGURE-MACBOOKPRO-15-INCH&cp=CONFIGURE-MACBOOKPRO-15-INCH" rel="nofollow" target="_blank"]here[/a].  Fahad Uddin About the Guest Author: Fahad is an Undergraduate Student, pursuing his B.E Degree in Computer and Information System Engineering. He is an excellent programmer and part time...

700+ Smashing Web2.0 Icons For Web Designing- Free!

Free Icons, buttons or any blogger goody is something that is always welcomed by all. I am sharing some of my Freeware Icon collection that I have collected over the recent years for my designing projects. This web2.0 icon set contains everything you may need, from blog icons, forums, iphone, social media networks till RSS icons. All packed in one jumbo magic set! To get a free png copy of the this great collection, kindly submit your Email ID below in order to become a valuable MBT reader and avail tons of such resources for free. [a name='more'][/a]             form action="http://feedburner.google.com/fb/a/mailverify"...

Optimize Blog Post Titles Using H2 Tag - Increase Traffic

Headline tags start from H1 and go up to H6 in decreasing order of size. They play immense importance in your blog template optimization. Just as I earlier explained that a [a href="http://www.mybloggertricks.com/2011/01/how-to-write-search-engine-friendly.html" target="_blank"]search engine robot reads your content[/a] just the way a human reads it. Headlines, bolded and highlighted texts draw attention. By default all blogger templates are designed such that the H1 tag is given to Homepage Main Title, H2 is given to Blog Description or Header dates, sidebar headers and H3 is assigned for post titles. Whilst the fact is that your Post titles...