Deactivating Jetpack's Mobile Theme In WordPress

Last week, I posted an article about Jetpack's Mobile Theme module, which is the easiest way to create a mobile version of your WordPress blog.

Deactivating Jetpack's services is a very simple task, but I for the first time, I was lost in that module page. It's quite easy. You can check it below:

Visit your WordPress blog's Jetpack plugin and scroll down to Mobile Theme module. Just like below

As you can see in above image, Mobile Theme is already activated in my press. Now to deactivate this theme, click on Learn More button, and it'll look something like this:

Well done.Now as you can see in above image, a Deactivate button is now visible. Click on that Deactivate button to deactivate Mobile Theme. That's it.

Also, I'm trying to customize this mobile theme, and will post some tutorials soon.

Adding Favicon To WordPress Admin Panel

As I noted before, I recently migrated my WWE blog from Blogger To WordPress, and I'm having too much fun with all amazing WordPress features and plugins. Soon I'll post an article about some cool WordPress plugins so don't forget to subscribe to BWidgets (from your favorite feed reader or email updates).

Let's get back to topic. After adding a favicon to our WordPress blog, we notice that our favicon is not appearing in our blog's admin panel. It's good to add a favicon to your blog's admin panel. Also, it's more important if your blog's users are also allowed to write for your site.

I tried to add it to my blog's admin panel by editing php files via ftp, and I was lost in those heavy scripted files. But after few minutes, I was successful in changing my blog's admin panel's favicon. So it's start the tutorial:

• Visit your WordPress hosting provides. For example, I bought mine from GoDaddy.

• Now visit your file manager or ftp client. Below is a screenshot of my file manager:

• In my hosting, webroot is my root folder. Upload your favicon image in this webroot folder or skip to next point if your favicon is already uploaded..

• Now visit webroot/wp-admin/admin-header.php. Now, in admin-header.php search for following line:

<title><?php echo $admin_title; ?></title>

• Post following code just below it:

<link rel="shortcut icon" href="FAVICON IMAGE URL" />

• Don't forget to replace FAVICON IMAGE URL with your the link of your favicon. Just like following image:

Now save your file and that's it!! If you still can't see favicon then clear your browser's cache files or try another browser. More WordPress tutorials are coming soon. I'll post new things as soon as I'll explore them :)

Another Way:

JP shared another great way in comments to permanently add a favicon to your WordPress' Admin Panel. He posted following in the comments:

Are you editing Wordpress core files? I strongly discourage that. Any changes you make to core files will be overwritten when you update WordPress. Instead, put something like this into your theme's functions.php file, or into a custom plugin.

add_action('admin_head', 'show_favicon');
function show_favicon() {
echo '<link href="FAVICON IMAGE URL" rel="icon" type="image/x-icon">';
}

Code that you put in either of those two places will survive updates.

How To Remove MobilePress Footer Credits

In last post, I discussed about JetPack Mobile Module and MobilePress. MobilePress is a great WordPress plugin, but it has a credit note in it's footer, which is not preferred by all bloggers, including me. It's hard for beginners to remove these credits, so I'm here to help them. This is every simple, just follow these instructions:

• Visit your hosting provides, for ex. blog is hosted on GoDaddy.

• Login to your hosting account, and click on File Manager/FTP.

I'm not sure about yours, but my GoDaddy powered file manager looks something like this:

• Now in your File Manager, you webroot is your home root. Now visit following root: webroot / wp-content / plugins / mobilepress / themes / default / footer.php

• In footer.php, find and delete following line:

<p>Powered By <a href="http://wordpress.org">WordPress</a> and <a href="http://mobilepress.co.za">MobilePress</a></p>

• Save your footer.php file, and that's it. You must admit that it was easy.

Don't forget to leave a comment :)

Create A Mobile Version Of Your WordPress Blog

Recently, I migrated my WWE News blog from Blogger to WordPress, and because of that lots of WordPress tutorials are on their way.

Earlier today, I shared a tutorial about Create A Mobile Version Of Your Blogger Blog, and now it's time for WordPress users. Creating a mobile friendly site is a great idea to gain some extra views. Also, it'll be easy for your users to access a small mobile version of your site.

There are lots of ways to create a mobile version of your WordPress site, and I'll share two best of them. Both are totally free. Here we go:

By Using Jetpack:

This is a very basic thing, and you can't customize this. Jetpack is a WordPress plugin that supercharges your self-hosted WordPress site with the awesome cloud power of WordPress.com. You can install Jetpack by clicking here.

Jetpack was pre-installed on my hosting. Follow these instruction to enable mobile site powered by Jetpack:

• Install Jetpack from your WordPress or from this link.

• After installing, activate this plugin and visit Jetpack tab:

• On Jetpack tab, scroll down a bit and find Mobile Theme option.

• Click on Activate, and that's it.

Seriously, Jetpack is a great plugin but Mobile Theme by Jetpack really sucks. So I recommend you to deactivate Jetpack's Mobile Theme and use second option. However, if you're using Jetpack then your visitors by mobile will see a simple mobile version of your site.

By Using MobilePress:

MobilePress is a plugin for WordPress that renders a mobile friendly version of your WordPress website or blog. It allows for custom themes and a few other mobile friendly settings. You can install MobilePress by clicking here. Preview of this tutorial is also a MobilePress site. Here is how to use MobilePress:

• Install MobilePress from your WordPress or from this link.

• Activate MobilePress plugin, and that's it.

You can easily view your mobile theme in a web browser by visiting http://www.yoursite.com/?mobile.

Remember, to view your normal blog theme again, simply visit http://www.yoursite.com/?nomobile.

That's it for this time. In future, I'll discuss more about MobilePress and Jetpack.

Create A Mobile Version Of Your Blogger Blog

It's 2013, almost every teen is using a mobile phone to access internet. Even I surf tons of wap pages on my Android everyday. Creating a mobile friendly site is a great idea to gain some extra views. Also, it'll be easy for your users to access a small mobile version of your site.

In this tutorial, I'll show you how to create a mobile friendly version of your Blogger blog. You can check mobile version of BWidgets by clicking here. We're going to do this tutorial in three simple steps. First step is important, while second step is optional, and third step is only for custom domain blogs.

Creating A Mobile Version:

There are lots of sites, which offers you to create free mobile site, and for that they put ads on your site, which totally sucks. However, some premium sites give you full access, but as I said they are premium.

We don't need a stinking service to create a mobile version of our site. We're going to use Blogger's mobile template for our site, which is best option. Blogger provides lots of amazing mobile templates for us. Some people don't use Blogger mobile template because they are ugly but that's not true. Click here to check our mobile site, which looks totally flawless. So here is how to turn on mobile template:

• Go To Blogger > Template > Click on Mobile option > Turn on mobile template and choose a theme for your blog:

After turning this option, you can access your mobile blog at http://yourblog.blogspot.com/?m=1

That's it for first step. Now, you can leave this tutorial here or you can check next step, if you want to remove Powered By Blogger option from your mobile template.

Removing Credits:

In February, we discovered a way to remove this attribution widget from both mobile and default template. ithout wasting any time, let's get started:

• Go To Blogger > Template > Edit HTML > Proceed

• Find and remove following code from your template:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

• Find </body> in your template and just above it paste following code:

<div style='display:none;'>
<b:section class='hiddenbar' id='hiddenbar' preferred='no'>
<b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'/>
</b:section>
</div>

• Save your template, it's done.

Let me explain this, instead of removing attribution widget, we hid this widget with css. If you only add mobile='no' property in your attribution, instead of this code, it'll only remove this widget from your mobile template.

If you're using free Blogger domain then this tutorial is over for you, but if you're using custom domain then don't forget to check next step.

Create A Mobile URL:

Time for a cool step. If you're using a custom domain, then why not give our mobile website a new address? I mean it'll be easy for your visitors to access your site from m.yoursite.com. In this step, I'll only explain what to do.

Visit your domain registrar, then visit your domain control panel and choose domain/sub-domain forwarding/redirecting. Now redirect m.yourdomain.com to http://www.yourdomain.com/?m=1.

If you're using GoDaddy, then you can learn more about domain forwarding at this link. As of writing, mobile url of BWidgets is not available, since our domain registrar doesn't provide this service, but soon I'll transfer my domain to GoDaddy.

Hope this tutorial helped you. Don't forget to leave a comment.

Configure Windows Live Writer For Blogger

Windows Live Writer is a great WYSIWYG authoring software, and is currently compatible with Windows Live Spaces, SharePoint blogs, Blogger, LiveJournal, TypePad, WordPress, and all blogs that support RSD.

With WLW (Windows Live Writer), you can easily write and publish your posts to your blogs. WLW's post editor is very smooth, easy, and flexible to use. In this post, I'll teach you how to setup your Blogger hosted blog with WLW. It's easy, just follow these simple steps:

• First visit this link and install Windows Live Writer on your device. It's fast and easy!

• After installing, open Windows Live Writer, which may look something like this:

• To configure your Blogger blog, click on "Other blog service" option on your Live Writer (As Image above), and click on Next.

• On next window, put your blog's web address, your Blogger username, and password. You can also put your free Blogger blog address there. Click on Next.

• After clicking on next, it'll take a bit time to configure your Blogger (Based on your connection). After loading, you'll see following confirmation screen:

• Enter your blog's nickname, which is nothing more than your blog's name. Finally, click on Finish button and it's done!

Now, you'll see Windows Live Editor's post editor, and you can start posting now! Don't forget to leave your responses in the comment section below...

Using Disqus Comment Box On Multiple Subdomains

Sorry guys, I'm not getting much time because of my exams and bunch of other issues. However, I'm still active in comments to help users. Right now, I'm only replying to users that needs my help. Let's get back to topic.

Disqus comment system is one of the most advances and user-friend service for bloggers and webmasters. With a few quick steps, you can turn your old comment system into a new way to engage your visitors.You can check our full Disqus archive by clicking here, which contains four useful Disqus widgets, and more.

If you're creating a single community for discussions for all your site’s subdomains, you may want to add a single Disqus system on all your domains. It'll make moderating a bit easier, and also less mess around your Disqus dashboard. It also works if you have a different site as your website's mobile version. Here we go:

• Visit your Disqus comment's General Settings page(for ex. http://example.isqus.com/admin/settings/)

• Change your website's url from http://www.example.com to http://example.com

That's it! If your sub-domains don’t have related content, then Creating a new Disqus profile for each is better option.

Easy Way To Create CSS Sprites

Idea of a sprite, a sprite is basically multiple graphics compiled into one image. It makes your website really fast. For example, CSS sprites compile an icon set into a single image, which saves a lot of space.

For newbies, it's really hard to create CSS sprite, so here is a service which makes it easy. Even professionals use this service to save their time, since photoshop takes much time to create sprites.

SpritePad is your free and easy-to-use web app for creating CSS spritemaps. With SpritePad you can create your CSS sprites within minutes seconds. Simply drag and drop your images and have them immediately available as one PNG sprite + CSS code.

You can visit SpritePad by clicking here.

5 Reasons To Choose Blogger As Your Blogging Platform

On August 23, 1999, Blogger was launched by Pyra Labs. As one of the earliest dedicated blog-publishing tools, it is credited for helping popularize the format. In February 2003, Pyra Labs was acquired by Google under undisclosed terms.

Before starting a blog, it's a hard decision to choose your blogging platform. I'm hosting all of my blogs on Blogger, and soon I'll shift WWE Fans Nation to WordPress. Don't worry because this blog is not going anywhere.

Every blogging platform is good, but it depends on your blogging style, topic, and limits. For example, Blogger is not a really good choice for a php developer. Here are top 5 reasons to pick Blogger as your blogging platform:

It's Free:

Blogger is 100% free to use. You don't need any type of hosting, image hosting, video hosting, server, or any other service to use Blogger. You can use .blogspot.com with your blog for free. They don't charge any type of fee for this. Also, you can use AdSense and all other services to make some money with your free blog. When I started blogging, One of the reasons why I chose Blogger was this. You can create up-to 100 blogs from your account.

Easy To Use:

Blogger is way too much easy for, even for newbies bloggers. It's very easy to run a blog on Blogger without anyone's help. It takes less than one minut to setup your Blogger account and blogs, while it takes a lot of time for newbies to setup a WordPress account. Previously, a knowledge of such technologies as HTML and FTP had been required to publish content on the Web.

Safe And Secure:

I never heard of a Google account getting hacked. That's right, it's impossible to hack a Blogger/Google account, unless a user knows your password. If you are a blogger, then you will know about Labnol and Amit Agarwal, the first professional blogger from India. Amit's blog is hosted on WordPress. On June 30 2012, Amit's blog got hacked. Here is what Amit had to say about the hacking -

I have been mostly offline for the last two weeks, trying to spend as much time with him as possible, and then another unfortunate event happened. Someone managed to hack into my websites during this time. I did try cleaning up but, because of reasons now known to you, it was impossible for me to focus on the website.

On July 1st, the hacker stepped on the gas and deleted every single file /website that was hosted on my web server. I do not know how this happened and I may have lost some of my previous work but there’s a good side to the story – this fellow was kind enough to spare my databases and hence the main site is at least up and running now.

This is a difficult period but am hopeful that things will be normal soon. Thank you for all the support and I will see you online in the coming weeks.

Easy To Customize:

Without any doubts, Blogger is the easiest blogger platform when it comes to customization. Although it has some limits, but it's too easy to customize. Anyone with a HTML and CSS knowledge can customize their blog and template. Unlike Blogger, WordPress is based on php, which is really hard to customize.

A Google Product:

As I noted above that in 2003, Blogger was acquired by Google. Google provides best service and support to their users. You'll also get unlimited image hosting from Picasa. Google provides all latest SEO and advance blog services to their customers. Even I chose Blogger because of this reason.

Hope this will help you. Also, don't forget to write your review in the comment section below.

Picasa Storage Limits

All Google +, Picasa, and Blogger users uses Picasa as their primary image storage. Now we can upload virtually all photos to our accounts without going over the storage limits. Same stands for videos 15 minutes or under. Please keep in mind the following account limits:

• Maximum photo size: Each image can be no larger than 20 megabytes and are restricted to 50 megapixels or less.

• Maximum video size: Each video uploaded can be no larger than 1GB in size and 12 minutes in length.

• Maximum number of web albums: 20,000

• Maximum number of photos and videos per web album: 1,000

• Total storage space: Picasa Web provides 1 GB for photos and videos. Files under certain sizes don't count towards this limit. If you're a Google+ user, photos up to 2048 x 2048 pixels won't eat up your storage space. For non-Google+ users, the photo size limit is smaller: 800 x 800 pixels.

Hope this information will help you in future.