How to make a mobile version from your Blogger blog

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!

Read More

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

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.

Read More

How to add Daily Painters Widget in Blogger Blogs

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

• Login to your Blogger account and go to Design.

• 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)

Read More

How to add the Google+ Profile Button in your Blog

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.

Read More

Facebook Activity Feed For Blogger

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.

• Login to your Blogger account and go to Design.

• 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:

Read More

Facebook Activity Feed Widget for WordPress (Scripts) 0.2c

The FaceBook Activity Feed Widget for WordPress displays the most interesting recent activity taking place on your web site based on feedback from Facebook users.

The FaceBook Activity Feed Widget for WordPress displays the most interesting recent activity taking place on your web site based on feedback from Facebook users.
The activity feed displays stories both when users like content on your site and when users share content from your site back to Facebook.
When setting up your widget, you'll want to setup the following parameters:
* Domain -
The domain to show activity for. Defaults to the domain is the your blog's URL without the 'http://' or 'www.' attributes.
* Width -
The width of the plugin in pixels. The defauilt is 180px.
* Height -
The height of the plugin in pixels. The default is 300px.
* Header -
Show the Facebook header on the plugin.
* Color Scheme -
The color scheme of the plugin. Choices are 'light', 'dark' and 'evil'.
* Font -
The font of the plugin.
* iFrame CSS Class -
A CSS class that is assigned to the iFrame so you can beter control the look and feel of the plugin.
* Border Color -
The border color of the plugin. Examples are '#cccccc' or 'silver'.
For more information on how the this social plugin works, please visit FaceBooks Activity Feed Webpage.
For updates, you can visit the original blog post for this plugin at HealYourChurchWebsite.com.
The plug-in has been written according to the most recent standards defined at the WordPress Codex Widgets API, and is translation ready.
Also a quick shout of of thanks and credit goes out to Jan Odvarko for the jscolor javascript used for the background color selector.

General:

• Publisher Dean Peters
• Publisher web site http://wordpress.org
• Program URL More information about the program
• Release date 20-05-2010
• Date added 19-05-2010 22:45:03
• Program Release Status

Category:

• Operating System: Scripts
• Program Category: PHP
• Program Subcategory: Internet, Browsers and Tools

System requirements:

• Operating Systems Linux, Mac OS X, Win All, BSD, Solaris
• Additional Requirements No special requirements.
• Program Install Support: Install anh Uninstall

Download information:

• File size0.01
• File namefacebook-activity-feed-widget-for-wordpress.zip
• Download Mirors:1

You can free download Facebook Activity Feed Widget for WordPress (Scripts) 0.2c now.

SYSTEM REQUIREMENTS:

No special requirements.
Program Release Status:
Program Install Support: Install and Uninstall

- DOWNLOAD FACEBOOK ACTIVITY FEED WIDGET FOR WORDPRESS (SCRIPTS) 0.2C FREE

Videos:

Read More

How to Add Facebook Social Plugins to Your Blog

As per TechCrunch, there are 50,000 websites which have already integrated Facebook’s new social plugins, is your blog one of them?

Up till now, Facebook has offered 8 social plugins, just as below:

1. Activity Feed
2. Comments
3. Facepile
4. Like Box
5. Like Button
6. Live Stream
7. Login with Faces
8. Recommendations

In order to add any of the above 8 Facebook social plugins to your blog, you can use the iframe code or XFBML code. There are both iframe code and XFBML code for Activity Feed, Like Box, Like Button, Live Stream as well as Recommendations, but there is only XFBML code for Comments, Facepile and Login with Faces.

For the social plugin with iframe code, you can just copy and paste the code in any post/page or sidebar of your blog, then the social plugin will be active. And for the social plugin with XFBML, you need the JavaScript SDK to active it.

Below are the steps for you to add an XFBML social plugin to your blog:

1. Create an Application

Opening Facebook Create an Application webpage，you will see a screen like below:

Enter your blog name, blog URL and select your blog language, click on the “Create application” button, then you will see your app name, URL, ID, secret and sample code, just as below:

In the sample code, we just need below section for WordPress blog:

The above code is called JavaScript SDK, which you can use as many times as you want anywhere, just remember to replace “112991812071064” with your app ID.

2. Add XFBML Code

In order to make the social plugin with XFBML code active, you just need to put the XFBML code together with JavaScript SDK. For example, the XFBML code for the social plugin Comments is as below:

If you want to add this Comments plugin to your blog, just copy and paste the above code as well as the JavaScript SDK in any post or page of your blog, and then you are done.

The effect of the Comments social plugin will look like this:

And if you want to add the Comments social plugin to the sidebar of your blog, just put the XFBML code together with JavaScript SDK in the sidebar, that’s it.

Read More