You can add the +1 Button to your blogger blogs by reading this tutorial: [a href="http://www.mybloggertricks.com/2011/06/add-google-1-button-to-your-blogger.html" target="_blank"]Google +1 Buttons[/a] Source: http://www.mybloggertricks.com/2011/06/google-1-button-will-start-appearing-on.ht...
Design Update For MONOP Blogger Template
Some complained that the footer widget in MONOP [a href="http://www.mybloggertricks.com/2011/06/releasing-priceless-template.html" target="_blank"]Blogger Template[/a] is not properly aligned with the rest of the blog post body. I have fix the design alignment with some changes that you can make your self. You just need to make these changes in your templates, [a name='more'][/a] PS: Fresh Copies Sent yesterday do not need to implement this change. Go To Blogger > Design > Edit HTML Backup your templates Search for this, #lower { margin:auto; padding: 0px 0px 10px 0px; width: 960px; background: #fff url([a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzy2uWMd7Hl0pvnIFSptT_mTiiNHfGHCJHxz3UZCl9FpJoynJfvbfabqjVdlACU3uhGTcyhmqoBD18Mpm65SLBgiNZd8jB5VsFhOivObwJ81VfTw2I_PD8_M2okKYXnKMsa8sQX3jHzk/s400/background.gif);"]https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzy2uWMd7Hl0pvnIFSptT_mTiiNHfGHCJHxz3UZCl9FpJoynJfvbfabqjVdlACU3uhGTcyhmqoBD18Mpm65SLBgiNZd8jB5VsFhOivObwJ81VfTw2I_PD8_M2okKYXnKMsa8sQX3jHzk/s400/background.gif);[/a]...
Labels:
blogger tricks
,
MBT Blogger Templates
Fixing Facebook Like Box Rendering Errors
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS8NNgjSkv0DzhEy_RxIHC6u6uxuRlVYhCvBadY9diJkWbtBotYzGiAPMPRIM8mOqatrQoWObX56a3DSI2GA3Q3ZXIZgCYNprrg7gIeCU0b5-MajVAjBnbPVlJwFUjUxm3RniDaQOpxYY/s1600-h/Troubleshooting%25255B5%25255D.jpg"][/a]The Custom Facebook [a href="http://www.mybloggertricks.com/2011/06/customize-facebook-like-box-with-css.html" target="_blank"]Like box[/a] will soon be adopted everywhere soon InshAllah however there is something you must know before adding it to your blogs. Most of you might have observed that upon adding the custom like box, you often receive that the plugin can not be rendered with this...
Labels:
Blogger Widgets and plugins
,
Bugs and Errors
Password Protect Posts In Blogger!
2. Go To [a title="http://www.vincentcheung.ca/jsencryption/" href="http://www.vincentcheung.ca/jsencryption/" target="_blank"]Encryption Page[/a] You will see 4 boxes with names: key, Plain Text, Clipher Text and HTML Code. We are only interested in the key, plain text and HTML CODE box. Follow these steps: Enter a password in the Key Box [a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hBN9p-9Kfj_cxMuWF2BwFiUbJO0H0KsUDuiyMoPgOIMfcvtcM87pgWmZTAd-9Zo7bXBJAyKR2YS9HutwmN0to9JnLAy4XuglDdRj1NjQMNsmcfJaprUk-P6L_27QhG44cR6S4Cxwqp8/s1600-h/image27.png"][/a] Next Paste the code that...
Labels:
blogger tricks
,
Blogging Tips
How To Update Public Stats In BuySellAds?
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipwQGsloEImW2qvwsvMPoqSHkq0MwKaHtFIm4yAwvRBPekuAYuUDD4frH6Xeakvp18TdxUq30cQkNogwFYPtShNzv7MBEoDh03yOp_MtUdSt41y2lPz3KISN1zoZA9f_imvtx3_CTjOf4/s1600-h/UPDATE-BSA-STATS%25255B22%25255D.gif"][/a]BSA updates your [a href="http://www.mybloggertricks.com/2011/06/pagerank-or-alexa-rank-which-one-is.html" target="_blank"]Alexa Rank[/a] and [a href="http://www.mybloggertricks.com/2010/01/how-to-inter-link-pages-smartly-to-flow.html" target="_blank"]PageRank[/a] very slowly and often you see the same old compete ranks for weeks. Keeping your public stats updated is be very effective for...
Labels:
Blogging Tips
,
Make Money Online
How to Write and Submit a Guest Post?
Peace Out! 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 tutorials to newbie bloggers at [a href="http://bloggingehow.blogspot.com" target="_blank"]BLoggingeHow[/a]. You can always keep in touch with him at [a href="http://www.facebook.com/pages/BLoggingeHow/126203964129170" rel="nofollow" target="_blank"]@Facebook[/a] Source: http://www.mybloggertricks.com/2011/06/how-to-write-and-submit-...
Labels:
Blogging ethics
,
Blogging Tips
,
Guest Posts
Add Syntax Highlighter To BlogSpot Blogs
5. Save your template and you are done! How it works? Whenever you wish to share a code of any type with your readers, simply enclose the code between these lines, <pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python"> ADD THE PARSED CODE HERE </pre> I have combined all brushes into one making it easier for newbie to implement the tutorial. Note: Do not add the code directly because you will get error in Blogger Editor, instead first parse the code using the Parser Tool provided by us. Replace ADD THE PARSED CODE HERE with the parsed/encoded code and publish your post to the see the magic. That's it! Hope you like it. I will publish different color schemes for Syntax Highlighter in my next...
Labels:
blogger tricks
,
Blogger Widgets and plugins
,
Webmaster Tools
Change Syntax Highlighter Color Theme In Blogger
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvgoGnVCIplgMkbRCG7stiuSMNXRdLlfOf4hbAmaxbBHWHW3LDriGaBZhrzuLb2S5b7U9CV-BsSOYIQoaA0TDzeQXMwXVG0N3h-6lfBiiQryeE3-W3lkpAw7ppqPPKrT6Jy_nkL8oX3Sg/s1600-h/SYNTAX-HIGHLIGHTER-THEMES%25255B8%25255D.gif"][/a]Syntax highlighter is the big name that you see on major tutorial sharing blogs may that be Wordpress or Blogger. Web Owners who use it are growing in numbers. In the last post we discuss how to add Syntax Highlighter to your Blogger Blogs and today we will learn how to change its look and feel and customize it to some extent with 7 different color themes available so far. [a name='more'][/a]...
Floating Feedback Buttons Set for Blogs
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimYJyANn95-LOFjqhi5ALgWHDGgBWJU-3Tu9ubKogkaXlO98bbqFiP89wr_isZc8SxogvnAGgfCM6D8RvEJoNo61A5vaSCjaCXLcITm38nOPv0eLAsDb0EJFVROIuQFue1FeCyeMjMpJY/s1600-h/FEEDACK-BUTTONS10.png"][/a]I had sometime in evening so designed some Feedback PNG buttons which is an important tool to receive advices and suggestions from your readers. You have seen a [a href="http://www.mybloggertricks.com/2009/05/create-floating-feedback-and-back-to.html" target="_blank"]floating feedback button[/a] on almost all major websites and its time that you add one too. The set below consists of 10 PNG buttons...
Labels:
Blogger Resources
Floating Twitter Buttons With auto Sliding
Simply replace mybloggertricks with your twitter username. The above code will display a vertical count as shown below: [a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinzEfPoE9xBf2yPzNXejOaCD74vQZfC5vOl5v24cS4oi6YCs-_dG-SPG9LWoNtGS3K6F-r5ZmIaYskpIvTZscZtF5sG1YVntEYqrL4HtwV7RQX1N4IF-_GK69Z2bPeFX__fZiL2e3V4wc/s1600-h/image%25255B4%25255D.png"][/a] If you want a horizontal count or no count at all then replace vertical with horizontal or none [a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIo-1GnTlHLRxZJCKDOJbKBA20NHshKaM3ZzL5dWvpQ9fFmmHJLMWEfIyXyxIvno4aVXSmAnXlqAfLuVSrzIrFEMGlBcJVjXxBf6VWjlkoO7nED-hcjuJtqpY15aQNbAZdmGxMt61FgI/s1600-h/image%25255B9%25255D.png"][/a]...
Labels:
Blogger Widgets and plugins
+1 Report Stats added to Google Webmaster Tools & Analytics

With the successful invention of the [a href="http://www.mybloggertricks.com/2011/06/add-google-1-button-to-your-blogger.html" target="_blank"]+1 Button[/a] and the +1 Project, [a href="http://adsense.blogspot.com/2011/06/1-reporting-in-google-webmaster-tools.html" target="_blank"]Google released[/a] the +1 stats reports in Google Webmaster Tools. This new integration was made today.The +1 reports will tell web owners and bloggers how much traffic value the button is bringing to their site. You can now track the number of times your pages have been +1 'd by your visitors on your web pages as well as on your Adword Ads or search results. Fortunately...
Labels:
News
,
Social Media
,
Tech Info
,
Webmaster Tools
Password Protect Widgets In Blogger Blogs!
You can hide images, text, media, whatever you want. The content on your sidebar can be a hidden message for blog authors, contributors or special visitors. I hope you make good use of this new technique. Have fun! Source: http://www.mybloggertricks.com/2011/06/password-protect-widgets-in-blogger.ht...
Labels:
blogger tricks
,
Webmaster Tools
Problems With Official Blogger App for Android Devices

[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEfvXz0S6fiICxP1e8_qYOQDd8nR_kfT8uyzptK9CNXiS9ULpExM-qH7qUMVUlBufihxCJ7XLLg0gkWPr1Hw2x-Q9PQrbc_VA6y8a9lsiR6CPg9QwR1FQtjVWoSJ-sDa7uYuTOPzkH60k/s1600/blogger+android+app.png"][/a] Here is what [a href="https://market.android.com/details?id=com.google.android.apps.blogger" target="_blank"]people say[/a] about it: "Constant force closing and sporadically re posts old entries. " "This could be great, but it re posts the posts again and again. That renders ..." "Keeps republishing an old post every 30 min on htc wildfire s with newest ... " Also, "If the...
Labels:
Bugs and Errors
,
Guest Posts
,
Tech Info
Rotate/Animate Images Using CSS3 Without JavaScript!
CSS3 has many new powers with which we can further enhance our websites, without extensive knowledge of JavaScript, or without really effecting our website’s loading time. With less than ten lines of CSS coding, we can achieve each of the following effects. Changing CSS properties on mouse-hover and using CSS3 transitions were used for these enhancements. You can now easily animate the images on your WordPress or Blogger blogs using the simple image opacity effect below that rotates the image on mouse hover. [a name='more'][/a][a href="http://zailab.blogspot.com/2011/06/link-nudging-and-image-opacity-effect.html" target="_blank"]Live Demo[/a]...
Labels:
blogger tricks
,
CSS and HTMLTricks
,
Guest Posts
Link Nudging To Animate Images Using CSS3
<a href="ADD URL HERE" class="mbt-nudge">ADD TEXT HERE</a> Replace ADD URL HERE with your link like http://xyz.com Replace ADD TEXT HERE with the text that will display the link For Image Nudging use this: <img src="IMAGE LINK HERE" border="0" alt="Image Description here" class="mbt-nudge" /> Make these changes: Replace IMAGE LINK HERE with the [a href="http://www.mybloggertricks.com/2009/11/create-blogger-backup-for-images-and.html" target="_blank"]Image URL[/a] of the pic Replace Image Description here with Image name or description. Optional Take a look at your blogs and see...
Labels:
blogger tricks
,
CSS and HTMLTricks
,
Guest Posts