Blogger Tips And Tricks 2012

Make Mobile Version Of Your Blogger Blogs For Mobile Devices - Surprise!

How To Show the Mobile Version Of Your Blog?

Simply follow these steps,

Go To Blogger > Settings > Email & Mobile Tab
Click on the option that says "Yes, on mobile devices, show the mobile version of my template"

3. Click the "Save Settings" button at the bottom and you are done!

Now Click the "Mobile Preview" button to see how your blogger blog will show up in an Iphone. Enjoy this great functionality and keep loving Blogger! :>

Source: http://www.mybloggertricks.com/2011/06/make-mobile-version-of-your-blogger.html

Hide Label Tags and Author Name In Blogger Posts

Replace URL OF Selected Post with the Link of the page where you want to hide label tags.

6. Just 6-7 lines below the code you search for in step#4, you will find this,

7. Just after it paste the code below,

</b:if>

8. Save your template and visit that selected page and you will see that the labels are gone.

Hiding Author Name and Date Time On Selected Pages

Inside your template search for this,

and just below it you will find a large code slightly similar to the one shown below,


 <b:if cond='data:top.showAuthor'>
 <data:top.authorLabel/>
 <data:post.author/>
 </b:if>
 

 
 <b:if cond='data:top.showTimestamp'>
 <data:top.timestampLabel/>
 <b:if cond='data:post.url'>
 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
 </b:if>
 </b:if>
 

You just need to add the following codes before and after the bolded blue lines as shown below,

<b:if cond='data:blog.url != "URL OF Selected Post"'>


 <b:if cond='data:top.showAuthor'>
 <data:top.authorLabel/>
 <data:post.author/>
 </b:if>
 

 
 <b:if cond='data:top.showTimestamp'>
 <data:top.timestampLabel/>
 <b:if cond='data:post.url'>
 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
 </b:if>
 </b:if>
 

</b:if>

Now again you will have to replace URL OF Selected Post with your selected page link.

Save your template and say bingo!

How to hide them on more than one page?

If you want to hide the labels and date and time on another page also then just repeat the same process. For example if you want to hide them on three selected pages then do this for date and time,

<b:if cond='data:blog.url != "URL OF Selected Post -1"'>

<b:if cond='data:blog.url != "URL OF Selected Post -2"'>

<b:if cond='data:blog.url != "URL OF Selected Post -3"'>


 <b:if cond='data:top.showAuthor'>
 <data:top.authorLabel/>
 <data:post.author/>
 </b:if>
 

 
 <b:if cond='data:top.showTimestamp'>
 <data:top.timestampLabel/>
 <b:if cond='data:post.url'>
 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
 </b:if>
 </b:if>
 

</b:if>

</b:if>

</b:if>

Do the same for hiding label tags as mentioned in step#4

Need help?

If you faced any problem just let me know. It would be a pleasure to help you. You will also enjoying read how to [a href="http://www.mybloggertricks.com/2011/01/how-to-show-and-hide-widgets-in-blogger.html" target="_blank"]show and hide widgets[/a] in Blogger

Source: http://www.mybloggertricks.com/2011/06/hide-label-tags-and-author-name-in.html

How To Post HTML Code In Blogger Comments Form?

PS: This Post is an experiment and not a new one

While writing tutorials or asking a question, sometimes it becomes very necessary to post html and javascript codes in your blog comment forms powered by Blogger. You have seen many authors posting HTML effectively but when some of you try to do it, you get an error. This is because Blogger Comment form doesn't support direct posting of HTML and JavaScript. In order to help you to do that we will need to change/encode the same code into a text and then post it effectively without any error. The Tool below will help you to change HTML characters to simple text, which could be easily inserted in your blogger template and comment form. You can also use it to convert your adsense code into an embeddable form. It converts special characters in this way,[a name='more'][/a]

'<' becomes '<'
'>' becomes '>'
'"' (double quote) becomes '"'
''' (single quote) becomes '''
'&' becomes '&'

THE HTML ENCODER: Start Converting Now!© My Blogger Tricks

Source: http://www.mybloggertricks.com/2008/10/convert-special-html-characters-to.html

How to Create a Facebook Like Page?

You will be asked to submit your FEED URL which looks like this,

[a href="http://www.mybloggertricks.com/feeds/posts/default"]http://www.mybloggertricks.com/feeds/posts/default[/a]

Submit it and you are done! Now you don't need to paste your post link each time in Facebook to update your visitors. Your Feed will automatically update them.

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 blogger. He Writes at [a href="http://mycsnippets.blogspot.com/" target="_blank"]My C Snippets[/a]. You can always contact him at [a href="http://www.facebook.com/fahd92" target="_blank"]Facebook[/a]

Source: http://www.mybloggertricks.com/2011/06/how-to-create-facebook-like-page.html

Add Facebook Like Box at The Bottom Of Posts

then after replacing the back slashes with %2F it will look like this,

www.facebook.com%2Fpages%2FMy-Blogger-Tricks%2F147104632016744

To change the width, just adjust the value 590

5. Save your template and you are done!

If you faced any problems just let me know. Peace and Blessings.

Source: http://www.mybloggertricks.com/2011/06/add-facebook-like-box-at-bottom-of.html

8 Time Management Tips for Bloggers - How Crucial it is?

1. Knowing Your Highest Energy Level Moments

[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNa8qWYbTrbkTQ-iZ3bStv_InP47IX45RDwvsSYcfjhqAILJ7Ob7Uv9PYnMRFrrY1Nd6ah6n3b9l_SCD2Ols0THsMDuIdE6MbIbjQpBTodwBuTHr7pROQVPtcqW89WIBiQqdRklk-snE/s1600/images.jpg"][/a]As a human, we cannot be active all day long. There are short spans in the day when we feel most fit and active. This can vary to every individual. Some people feel more active early in the morning around 8 to 10 am. Some might find nights more refreshing and comfortable. What ever the case is with you, the point is that it is extremely important to find your peak hours through out the day.
These spans can be very effective in building the content for your blog. As a writer you should be in peace when writing at your blog. So knowing about your highest energy levels points in the day is important to be a successful and well timed managed blogger.

2. Build a Routine and Stick To It

3. Stand Up Against Any Distractions

4. Plan Your Work But Not that Much!

5. Choose a fixed place to blog

6. Learn Typing

8. Give Your Self a Reward

[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEgOYQBTtWWsrKGC-NLHpbUxB8NqkmLM8498peo8qN9m_wpYirnyhAEHca3t9p_SSrmpipBVzI8jpYscS_zQiuyrvu8LaYt6VFKr7dRTM-PFMUCGKK2slN1SNdpTb37svc-5-SpFTF3bs/s1600/goernment-reward-healthy-eating.jpg"][/a]Once you are done working for those two hours, give your self some reward. Why not take a round at a park, or some time at computer games, or a cup ice cream :)

Enjoy every moment of your Blogging life. Happy and healthy mind equals Best of your potentials. Hope this article could make a difference in your blogging life style.
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" target="_blank"]@Facebook[/a]

Source: http://www.mybloggertricks.com/2011/06/8-time-management-tips-for-bloggers-how.html

Surprise! MBT Developed Its First Facebook HTML IFrame WebPage

Facebook Iframe Tab After hours of trial and error and coding and coding and just coding, Alhamdulillah I succeeded in crafting and developing MBT's first Fans Welcome Page on Facebook. This was indeed one of the most enjoying designing thing I came across so far. Designing blogger templates, widgets, icons, buttons is more like a hobby now but taking a step further and branding a service and product on Facebook was a complete new experience. The Facebook application used in building this Welcome Page is called [a href="http://www.facebook.com/LouiseSteinerOnline#!/apps/application.php?id=190322544333196" target="_blank"]Static HTML IFrame Tabs[/a]. My coming tutorials on this are close to never shared before on any blog, forum or even the Facebook developers page and most often this is done at premium levels but[a name='more'][/a] you will be really excited to implement it to your blogs once we publish the series Guide for free. Together will we make the blogging platform even more appealing and worth exploring. Your motivation has helped me a lot in taking this step and I will need your valuable support always. I am really excited to share this unique "Facebook Welcome Page" of MBT. So let's have a look of it:

PS: Please view it using any browser but not IE. The Page is Compatible with Mozilla, Chrome, Safari and even slightly with IE8+

[a rel="nofollow" href="https://www.facebook.com/pages/My-Blogger-Tricks/147104632016744" target="_blank"]MBT Fans Welcome Page[/a]

It's 4.29 AM of night, 14th June 2011 and I am really tired to share the tutorial at this moment. I will publish series of posts on this topic with free and unique Code designs and will make sure that the coding is made as easy in implementation as possible. I would be more happy viewing your Welcome Pages with different colors and tastes. Peace and blessings. :)

Need your Feedback on this!

I will highly appreciate your precious feedback on this latest finding. Your comments mean a lot. If you have any idea you can share before we publish the tutorials then please share it openly with all of us. I would love to hear how you like it.

Source: http://www.mybloggertricks.com/2011/06/surprise-mbt-developed-its-first.html