WHAT I LEARNED TODAY...: Blogspot

Showing posts with label Blogspot. Show all posts

Monday, March 5, 2012

New Dynamic Templates For Blogger

2:07 AM Santanu 44 comments

Blogger today launched 5 new templates that can totally transform how people view your blog.

"...These new views use the latest in web technology, including AJAX, HTML5 and CSS3, to deliver a host of benefits to you and your readers : Infinite scrolling: read more posts without having to reload or click to a second page, New layouts: different views suited to different types of blogs, Speed: download images as you view them, not all at once in advance, Interactivity: there are now more ways to experience and engage with blog content..."

Blogger Dynamic Templates Video

How to Enable Blogger Dynamic View Templates

View Your Blog With Dynamic Templates

You can see how your blog looks with these dynamic templates by simply adding /view to the end of your URL.So to view Spice Up Your Blog using these templates this would be the URL (Click the link to check it out in a new window):

http://shaanworld2010.blogspot.com/view

Helpful Links

Blogger are still working on these amazing designs and you can give your opinion - Dynamic Templates Feedback

Check out the Blogger post on these templates - Blogger Buzz

You can also get more help - Help Center Article

How to add multiple authors in Blogger Blogs

8:21 AM Anonymous No comments

Although Blogger is a free blogging platform it offers to the bloggers enough tools and opportunities to develop and lead a professional blog. All the famous blogger began with Blogger but there are those who still use this blogging service to run their successfull blogs. One of the features in this blogging service is that it allows to create a multiple author blogs. For those who don’t know, in this article I’m going to show you step by step how to transform your blogger blog in multiple authors blog. So let’s begin.

1. Login to your Blogger Account and at the Dashboard in the Manage Blogs section under your blog click Settings.

2. Under the Settings tab click Permissions

3. After you clicked the Permission link at the Blog Authors section click Add Authors (in the picture below you can notice that there are 2 Admins and 1 Author, so we are going to add a new one)

3. After you clicked Add Authors, the Blog Authors section will expand and a box will appear. In that box you have to write the e-mails of the authors you want to invite to take part in your blog and then click Invite.

You can notice that now you have invited your Author and Blogger sends an e-mail to his e-mail account where he ask the person to become a contributor to your blog and gives him the link for registration.

4. The registration form looks like the picture below. In order to register you have to put your gmail account (Username and Password) or if you don’t have one, click Create your account now. After this fill the information and click Accept Invitation.

5. When the new Author has accepted your invitation, at the Permission settings under the Blog Authors section you can notice that the Author appeared. That’s all if you want to have an Author.

But if you want to give admin privileges to your author than you have to click grant admin privileges (but be careful because giving your authors admin privileges you give him the privilege even to delete your account from the blog). So if you want to take him the admin privileges, just click revoke admin privileges.

That’s all bloggers. Hope you liked this short tutorial.

How to add Adsense revenue sharing feature in Blogger blogs

8:15 AM Anonymous 1 comment

Although blogger is a free blogging platform, it offers great features and opportunities to bloggers for developing a relatively professional blog. To make a multiple author blogger blog is possible. We posted an article on how to add multiple authors in blogger blogs. But recently we have seen that most of popular WordPress blogs in order to attract new guest authors and writers to their blogs, except offering them the opportunity to display their articles they also give them the opportunity to show their adsense ads within the post. They manage to do that with the help of various WordPress plugins, the so called “Adsense revenue sharing plugins”.

If you run a blogger blog and you want to make it an Adsense revenue sharing blog and allow your authors to display their Adsense adds, I have the pleasure to tell you that you can do it. Although there is not a blogger widget which will automatically transform your blogger blog to Adsense revenue sharing blog, but still you can do it manually, just by following some relatively simple instructions which I’m going to reveal now.

First login to your blogger account, go to Design and then click at Edit.HTML At the Edit Template page check the Expand Widget Templates option.

Now you have to be careful here. First find <data:post.body/> (press CTRL+F and paste the code in the box in order to find it quickly). Now we have to continue with the most important part, adding the code in order to install the Adsense revenue sharing feature in your blogger blog. To do that, copy the code below and paste it just above the <data:post.body/> code.

<b:if cond='data:blog.pageType == "item"'>   <b:if cond='data:post.author == "Author1"'>   PASTE THE ADSENSE CODE FOR AUTHOR 1   </b:if>   <b:if cond='data:post.author == "Author2"'>   PASTE THE ADSENSE CODE FOR AUTHOR 2   </b:if>   <b:if cond='data:post.author == "Author3"'>   PASTE THE ADSENSE CODE FOR AUTHOR 3   </b:if>   </b:if>

Here you have to be careful. You need to replace Author1, Author2, Author3 with the real name of the authors which you want to include them in your Adsense revenue sharing program in your blogger blog (for example, if you want to add me, type my username Reegon, LOL) and paste their adsense code instead of the ”PASTE THE ADSENSE CODE FOR AUTHOR”.

After finishing, just click on Save Template. As you can notice, the code above is only for 3 authors. To add a new author, just copy the following part from your the code and paste it again.

<b:if cond='data:post.author == "Your New Author"'>   PASTE THE ADSENSE CODE FOR YOUR NEW AUTHOR   </b:if>

IMPORTANT: When you paste the adsense code, it may not work if you don’t encode it. To do that visit the following page, paste the code there and click on Encode. After encoding, just copy and paste it as it is described above.

That’s all, if you have any problem while installing, feel free to ask by adding a comment from the form below. Happy blogging!

How to make a mobile version from your Blogger blog

6:39 AM Anonymous No comments

Months ago, Blogger introduced a set of mobile templates available for all Blogger users so they can use them to make a mobile version from their blogs. But few days ago, Blogger announced that besides these mobile version templates, you can also use all the 27 Template Designer templates. Starting from the fact that today most of the internet users access the web from their mobile and smart phones, it is easy to figure out the importance of having a mobile version from your blog. Why mobile version? Because the mobile users hate the ordinary version of websites, because they load slower on mobile phones. So dear bloggers, don’t waste time and enable the mobile version of your Blogger blog. To do that, follow the steps described below:

1. Login to your Blogger account and go to Settings.

2. Now at the Settings section find and click at Email & Mobile.

3. To enable the mobile template option, just select Yes. On mobile devices, show the mobile version of my template, preview your blog if you want and click the Save Settings button at the bottom.

And I guess that the mobile version of your Blogger blog is ready. I opened a new blog for testing purpose and take a look what I got when I enabled the mobile version option. In my opinion I think it looks great and quite professional. Take care! Happy blogging!

Use Google Audio Player to embed MP3 audio files on your blog

6:25 AM Anonymous No comments

If you want to share a song or a podcast with your readers then the Google Audio Player is a great solution if you want to embed MP3 audio files in your blog or website.Although it is not evident when you see the player, but it is powered by Google and designed for Google Reader but it can work on other sites and blogs. The Google Audio Player is a flash object and you can embed it very easy everywhere in your blog or website.

So to embed the player in your website or blog use the code below.

<embed type="application/x-shockwave-flash" flashvars="audioUrl=MP3_AUDIO_FILE_URL" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="500" height="27" quality="best"></embed>

In the code you just have to insert the URL of the Mp3 audio file instead ofMP3_AUDIO_FILE_URL and you can also change the width and height of the player in order to suit better with the place where you have embed it.

How to add Daily Painters Widget in Blogger Blogs

6:03 AM Anonymous No comments

Here is a excellent widget for you blog. It is called Daily Painters Widget. This widget allows you display paintings from famous painters on your blog, so as Dip In It we are recommending this widget for our readers! This is a useful widget for almost any blog, just depends if you want to have it in yours. To add this widget is quite easy, just follow the steps below!

01. First step open this link.

02. Customize your Widget (Select a color scheme, select your blog service from the list below)

Choose Widget Color

and Blog Service (Blogger.com, WordPress.com etc.)

03. Click at Get Instructions.

04. Copy HTML code

Under the Page Elements Section go to Add a Gadget.

From the given list find and choose HTML/JavaScript.

Paste the code in the new window and click Save.

Below is a picture of the widget (how does it look)

How to add Google +1 button in your blog posts in Blogger

5:41 AM Anonymous No comments

The Google +1 button, the Facebook Like opponent, is a social button which allows you to share your links through out Google profiles, so it has the same function as Facebook like. Google announced the +1 button in March, this year, but now begun to appear on variouswebsites and blogs, right beside the texts along with the Facebook Like button and Twitters Follow button. So in this article I’m going to show you how to add the Google +1 button in your blog posts in Blogger.

First visit the official page of Google +1 button in order to grab the code. You can do some customization of the button, like the size and the appearance. There are 4 types: standard, small, medium and tall. In order to remove the counter in the button click on Advanced options link and uncheck Include count. After that just copy the code.

Now we can start installing the button and make it appear to your blog posts in Blogger. First login to your blogger account, go to Design and then click at Edit.HTML At the Edit Template page check the Expand Widget Templates option.

Now you have to be careful here. First find <data:post.body/> (press CTRL+F and paste the code in the box in order to find it quickly).

But first lets talk about where you want to put the +1 button. If you want your +1 button to be placed above the post content then you have to paste the code above the <data:post.body/>, but if you want to place it below the post content, paste the code below <data:post.body/> (see the picture below).

Now lets talk about the side in which you want to place your Google +1button. If you want to show it on the right side of the post then the code should look like this one:

<div style='float: right; padding: 4px;'> THE GOOGLE +1 BUTTON CODE GOES HERE </div>

If you want to place the +1 button on the left side of your post then write left instead of right on the code above.

Happy blogging!

How to add the Google+ Profile Button in your Blog

5:26 AM Anonymous No comments

Although it is still in a test phase, Google+ is available only with invitations. In general, we can value Google+ as very interesting social network and that just for the fact that gives the freedom to the user. It gives a complete control over the things he shares and with who he shares. In my earlier post showed you the way how to add the Google +1 Button in your blog. So if you already have a Google+ Profile or just a Google Profile, you can also get the new Google+ Profile button and add it in your website or blog.

To get the Google+ Profile Button visit the following link http://www.google.com/webmasters/profilebutton. As you can see, all you need to do is just enter the URL of your Google+ Profile, choose the size of the Google+ Profile Button, copy the code and paste it where do you want it to appear in your website or blog.

And that’s all dear bloggers. That’s everything what Google offers for now related to Google+ Social Network.

Facebook Activity Feed For Blogger

12:50 PM Anonymous No comments

This Facebook plugin shows to your visitors the recent activities that take place in your website/blog. Also if your visitor is logged in Facebook, this widget will display their friends activity on your website/blog. But if there is not enough recent activity from the visitors friends, the plugin automatically fills the list with recommendations. More information about this Facebook plugin you will be able to learn while we show you how to install it in your Blogger blog.
In order to install the Activity Feed plugin by Facebook, first visit the Activity Feed page. So here you have extra information regarding to this plugin. Now you have to configure it in the same page.

First, enter your site URL then change the dimensions according to your blog sidebar width. You can also change the appearance of the widget, it can be light or dark, also you can change the font, the border color etc. Don’t forget to check the Show Recommendations in order to show the Recommendations when the plugin cannot be filled with Recent Activity. After configuring the plugin, just click Get Code and copy the code.

Under the Page Elements Section go to Add a Gadget.

From the given list find and choose HTML/JavaScript.

Paste the code in the new window and click Save.

Preview your blog and see how it looks. Happy Blogging!

Tutorials:

50 (Most) Beautiful Blogger Templates

7:27 AM Anonymous No comments

There are tonnes of Blogger templates out there, but we all know it’s hard (or perhaps take times) to find the really nice and high quality ones. So for those who are bored with their current Blogger template and intend to change, we thought your time can be spent better on browsing only the best and nicest among the free Blogger themes. Here’s 50 most beautiful Blogger templates we managed to compile. Prepare to scroll after jump.