Color Code Generator and Color Wheel For Bloggers

Color Code Generator and Color Wheel For Bloggers

Blogger Tools

The two tools below will help you get the six digit color code i.e hexadecimal value. These tools will help you a lot in customizing your Blogger templates and for writing more appealing posts. Kindly Follow the instructions for each tool before using it.

Color Code Generator

Instructions:

1. First drag the bar on the "Hue" selector to the area of your desired colour palate. 
2. Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result.
3. The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #000000
4. That’s it!

Color Wheel For Choosing Matching Palate Colors

This is a pretty useful tool to achieve matching or cohesive colours for navigation menu, background, hyperlinks, header etc. Instructions:

1. Simply paste the six digit colour code in the form below without the hash (#) sign and then hit Update
2. The matching colour codes will appear inside the four boxes at the right side.
3. You can then copy the hex values and start using them!

Posted By Editorial Team On February 22, 2016 Please Comment

Blogger Security Tip: Add Google 2-Step Verification

Blogger Security Tip: Add Google 2-Step Verification

Blogger Tools Blogger Tutorials

If you are sophisticated that Blogger Blogs cannot be hacked or destroyed then you are letting your security down big-time. Though, Blogger is the property of Google it doesn’t mean that it cannot be hacked because Hackers can easily get into your Password without any difficulty. For that only reason, Google has introduced 2-Step Verification system so users can maximize their security to a great extent. If you are security conscious and see your blog as a part of your family then you should straightaway apply this functionality to it.  Today we will discuss why you should use Google’s 2-Step Verification system on your blog. (We are using the same function on this blog to protect it from hackers)

What is Google 2-Step Verification?

It is the kind of functionality which confirms twice whether it is the true owner of a blog or an unwanted personality is trying to access the account illegally. Normally passwords can be cracked because peoples are too lazy to change their passwords even if they receive a security warning. Well, 2-Step Verification is the perfect solution of that. For instance, the hacker knows your Blogger Username and Passwords even then they cannot get into your account, because they won’t have a time limited random security code (provided by Google Authenticator). Since, Your Blog is directly linked to your mobile so whenever somebody attempt to login into your account it send a unique verification code to your preferred mobile number.

How To Setup Google 2-Step Verification On Blogger Blogs:

The steps are pretty much straightforward, and it would barely take less than 10 minutes to complete the integration. Just do as mentioned below.

• Firstly Login to Your Blogger Account.
• Now Go To Google Account Security Page.

• Press the EDIT Button next to (2-step verification) and proceed to the next step.

• Now you will be able to see a new window, just ignore everything and Press the “See How it Works” Button and move to the next step.

• Now you will see a page which describes the fact why its significant to use Google Mobile Verification system. Just Press the “Start Setup” Button and move on to the next step.

• Then you have to insert your Mobile number, make sure you insert the correct mobile number because you will receive all the verification codes on the same number. Once you have entered your mobile number, just press the “Send Code” button. 

• Now you will receive a Message on your mobile which would consist of six digits “Google Verification Code”. Just insert the security code to confirm that you are the mobile holder and hit the Verify Button.

• Lastly, press the confirm button and your 2-Step Verification have been applied and activated. Now your blog is secured and only you can access it with the help of Google verification code that you can receive on your mobile device.

Now whenever you will login into your Blogger account, you also have to insert the verification code that you will receive on mobile. You have to insert the verification code each and every time until you allow the app to remember your computer’s Mac Address.

From The Editor’s Desk:

You might be thinking, the process is extremely complicated but once you successfully setup 2-Step Verification things would be pretty much on the simpler side. Truly, it is one of the safest and secure ways to protect your website from unwanted IPs and protocols. The SMS that you will receive from Google is FREE of cost which means your cellular network will not deduct a single penny. Fancy your chances with Google Mobile Verification and we are quite sure it would never let you down. We are also using the same functionality on this blog and so far it’s just splendid. If you have any difficulty or query feel free to ask till then, Peace, Blessings and happy securing.

Posted By Editorial Team On October 03, 2012 Please Comment

How To Create a Customized Mobile Friendly Website For Blogger Blogspot

How To Create a Customized Mobile Friendly Website For Blogger Blogspot

Blogger Tools Blogger Widgets Tech Tips

Blogger BlogSpot blogs are becoming extremely old-fashioned in terms of designing and optimizing although Blogger does allow you to enhance freely in your main website template, but it doesn’t have that many features in their Mobile Templates. These days everyone prefers to use Smartphones, so it’s getting extremely essential to optimize your website for mobile users. If the ratio of your mobile users is superior to your desktop users, then you have to develop a Mobile responsive template for your Blogger Blog this will not only increase your reliability, but your main mobile audience could take breath effortlessly with your Friendly mobile template. Do you still think it is impossible to optimize Blogger BlogSpot Blogs for Mobile users? Then all these clutching questions would be answered when we will create a Customized Mobile template for our Blogger BlogSpot Blogs.

Analyzing OLD Blogger Mobile Theme Functions:

Before we get on with our tutorial let us look at our existing Mobile template for our Blogger Blog, in the subsequent screenshot, you can easily determine that the excellence is not up to the mark and the designing is not according to the expectation. Moreover, it looks dull and lacks the inspiration which is extremely crucial to engage mobile visitors. Blogger has 7 built in mobile templates but unluckily they are identical to each other, which make it quite useless.

How to Build a Customized Responsive Mobile Website on BlogSpot Blog:

This whole tutorial is extremely straightforward, and would hardly take 20 minutes to design a perfect mobile responsive template for your BlogSpot blog. Moreover, you don’t need to learn HTML, CSS or JavaScript coding to design a Mobile-friendly template for your blog because we can handle each and everything with the help of a platform called GOMO an initiative of Google.

GoMo by Google Get Ready To GO MO:

GoMo and DudaMobile have come together to make your desktop blog more powerful and mobile-friendly. Do you know almost 70% mobile users abandon a mobile site only because of its designing and less responsiveness? Do you own a blog and want to create a friendly mobile responsive theme then you have come to the right place to get started.

Step#1 Getting Started:

First go to a website http://www.howtogomo.com now once it gets load scroll down and you will be able to see a picture which says “CREATE YOUR MOBILE SITE NOW” just select it and move to the next step.

Step#2 Claim your Website:

Then you have to enter your website/blog URL so system can easily detect the data which is currently hosted at your blog. After entering your complete URL along with http:// press the green button which says “MAKE MY SITE MOBILE”.

Step#3 Selecting the Type of your Site:

Now the system will automatically detect whether you are running a website or a Blog, though you can change it anytime you like. Go ahead, and according to your interest select either Blog Templates, or Website templates (We personally think you should select Blog Templates because it gives you wide range of mobile responsive themes for your blog). 

Step#4 Choosing a Flawless Mobile Theme:

If you have chosen Blog Templates as your mobile theme category then you will witness an enormous list of themes, now you can select any theme that has the potentials to amuse your mobile readers. Additionally, with the help of interactive preview you can apply a theme and can examine how it will appear to your mobile users.  

To select a theme for your mobile-friendly website just double click on any template and it will be applied to your interactive live preview. The interactive preview allows you to test your mobile theme directly from your desktop. You can navigate through different pages and can test out each and every feature from top to bottom.

Now after testing out your theme on live preview it’s time to customize the color scheme of your mobile theme, so it looks identical to your Desktop version website Press next and move ahead. 

Step#5: Customizing and Stylizing Your Mobile-Friendly Theme:

Now you will be to witness an entire new interface from where you can customize your theme from header to footer without any hesitancy whatsoever. Just Press the “Full” tab present at the top and you will be able to see a list of thing which you can do with your mobile theme i.e. Edit Header & Logo, Edit Blog Homepage, Edit Blog Posts Style, Edit Blog Comment Style, Edit Footer and Much more.

 

• Edit Header & Logo: When you will select “Header & Logo” tool a new widow will pop out from where you can customize your header or logo. You can either use Image Logo or can use Text based logo according to your needs.

• Blog Homepage: If you want to change your background color or you want your customized background image then you can use this tool and can make your mobile theme more powerful in designing.

• Blog Post: Using this tool you can change font size, background color, the color of your main post heading and much more.

• Blog Comments: If you don’t have an interactive commenting system your visitors will never leave a comment so this tool will allow you to customize your comment style. You can change color, add avatar and much more.

• Footer: As we all know Footer is the place where we give credits to the developer of the website so you can use it for that purpose. However, you can also use it to increase your width and height and much more.

Now After customizing your theme according to your needs go ahead and press Next button and you are almost done!

Step#6: Register Your Free Account:

Now enter your email address along with your password to register your Free account and Press Save My Site button to move to the next step.

Step#7: Redirecting Your OLD Mobile Site To New Mobile Friendly Site:

Now you will be provided with the link where you can preview your mobile site with different mobile operating system i.e. Android, iPhone, Windows Mobile and Blackberry. Now Scroll down and you will see a button which says “SETUP MY MOBILE WEBSITE REDIRECT” just press it and move to the next step.

• Then Go to Blogger.com >> Template >> Edit HTML >> Proceed
• Now Search For <head> and just below it paste the code which you copied earlier and then save your Template.

That’s it your Customized mobile template is implemented to your Blogger BlogSpot blog. Now Go and enjoy playing with your mobile website on your Smartphones. 

Now if you want to edit your Mobile Theme you can customize or do any changes any time you like by signing into your account at http://gomo.dudamobile.com

From the Editors Desk:

By implementing same method, you can also create a Mobile Friendly Website for your WordPress blog. By applying this tutorial, your Mobile visitors will surly take a breather because they now they can enjoy splendid mobilized website. Give your suggestions till then peace, blessings and happy mobilizing. 

Posted By Editorial Team On August 08, 2012 Please Comment

How To Add Syntax Highlighter v3 in Blogger Blogspot

How To Add Syntax Highlighter v3 in Blogger Blogspot

Blogger Tools Blogger Tutorials Blogger Widgets

Stylizing your blog or website is extremely beneficial and has massive significance as it not only attract users but also looks neat and clean, mostly blogger and webmaster spends tons of bucks in stylizing and customizing their blog’s design which is indeed an upright move. When blogger provides codes in their blog they usually provide in the normal way, normal text writing that we usually do, “code is not text” we need to stylize it and also make it more prominent different from our plain text. To resolve the issues, we have introduced a Syntax Highlighter which is exceedingly popular in WordPress but now you have the luxury of using this splendid tool in Blogger BlogSpot blog.

If you want to Preview the Syntax Highlighter Go ahead and see the live demo

Syntax Highlighter v3 (Live DEMO)

What is Syntax highlighter

Syntax highlighter is a brilliant tool to show CSS, Html, JavaScript, SQL and many other languages code in your post body. It arranges your coding in lines which makes it look more prominent. You will even get the choice to select from multiple themes, which will add more color to your blog and make it look worthwhile.

How To Add Syntax Highlighter To Blogger BlogSpot Blog?

Adding syntax highlighter to a blogger is an enjoyable and uncomplicated procedure. We have created an exceptional Syntax Highlighter tool for your convenience so if you follow the following steps sensibly I am certain you will be able to get it right, now let’s look at the tool which we will use in this tutorial.

MyBloggerLab SYNTAX HIGHLIGHTER v3 FOR BLOGGER 

Select a Theme

Default	RDark	Midnight	MDUltra
FadeToGrey	Emacs	Eclipse	Django

Select Brushes

ActionScript3	Bash/shell	ColdFusion	C#
C++	CSS	Delphi	Diff
Erlang	Groovy	JavaScript	Java
JavaFX	Perl	PHP	Plain Text
PowerShell	Python	Ruby	Scala
SQL	Visual Basic	Xml, xhtml, xslt, Html

 
Copyright © 2012 All Rights Reserved At bsresearcher.blogspot.com

• Step#1: First select the theme from our Syntax highlighter Tool, to pick your favorite theme more easily according to your personality check the demo Here
• Step#2: Now we need to choose the Brushes according to our needs, if you are a blogger then you might go with CSS and HTML, but this tool is not limited to bloggers even webmasters and programmers can make use of this tool. So just select CSS, HTML, or whatever you like and then hit the button which says “Generate code”.
• Step#3: Now copy all the code which is generated in the text area and then move to next step.
• Step#4: Now go to Blogger >> Template>> Edit HTML>> Proceed
• Step#5: Then within the template Search for </head>
• Step#6: Now when you find the </head> ending tag, just above it paste the code which you copied previously from the Syntax Highlighter Tool.

Congratulations! Syntax highlighter is now fully integrated in your blogger BlogSpot Blog. And now you can use Syntax highlighter with command.

Insert HTML/CSS/JavaScript Code in Your Posts Using SyntaxHighlighter:

Now if you want to insert CSS coding in your template then Go to Blogger.com >> Post >> Add New Post >> Select Edit HTML Tab and paste the following code.

For CSS (Style Sheet)

<pre class="brush:css;">ADD-THE-CSS-CODE-HERE </pre>

For HTML Coding:

<pre class="brush:html;">ADD-THE-HTML-CODE-HERE </pre>

For JavaScript Coding:

<pre class="brush:javascript;">ADD-THE-JavaScript-CODE HERE </pre>

?

---

Customization:

Replace ADD-THE-HTML-CODE-HERE with your CSS style sheet coding. 

Don’t forget to replace ADD-THE-HTML-CODE-HERE with your HTML. 

Replace ADD-THE-JavaScript-CODE HERE with your JavaScript coding.

If you have not integrated the Syntax highlighter correctly using our tool, then the possibilities are extremely high that you might notice a pop out which will indicate that something is going wrong. For Example, you are using <pre class='brush:css;'></pre> in your blog post but you have not included the CSS Syntax highlighter scripts in your header then you will see the following error.

From the Editors Desk:

So we hope you have enjoyed the treat and make sure you use it with command till then peace, blessings and happy learning. 

Posted By Editorial Team On July 31, 2012 2 Comment

Top 10 Most Useful Android Apps For Bloggers and Webmasters

Top 10 Most Useful Android Apps For Bloggers and Webmasters

Blogger Tools Blogging Tips Tech Tips

The world of Information technology has advanced furiously and daily almost billions of users invest trillions of money for development in the technology. Google is the most renounced name in the market, so every successful company wants to get affiliated with it because of its robust contribution towards advancing the technology. Android is another most prominent achievement of Google, according to the latest reports Android has become the leading Mobile Phone OS (operating system). Now being a Blogger it is getting essential to get an Android Smartphone because it does continue boundless services. Being a Blogger we need to stay updated regarding the latest trend in blogosphere obviously, we cannot sit in front of computer gazing 24 hours. This is the reason we must consider a Smartphone, so today we will be going through the Top 10 Android Applications for Bloggers and Webmasters. 

Blogger Android Application:

Obviously we love Blogger Platform so cheers to Google for creating such a remarkable Application which can be accessed through our android Smartphone. By using this App, you can blog on the go and can enjoy the tremendous experience. It has the flexible interface, which will never let you think that you are working on a smartphone.

You can easily publish posts, upload pictures and can even embed YouTube videos. Also, you can edit your list of old posts, and if you have multiple blogs setup on different accounts then you can make use of Blogger Switch account service. You can easily download this application for free from Google Play.

Google Reader Application:

Google Reader application is becoming necessary for every blogger because most of the time bloggers don’t like to check different blogs they want everything in systematic order in once place, so Google readers is the perfect solution. This tool will allow you to get all the updates of your Favorite Blogs, sites, and more all at once place. Google reader’s keeps on tracking the websites, so your reading listing remains updated.

WordPress Android Application:

How can we forget WordPress it is the number one blogging platform. With the help of this WordPress Application, you can easily get access to your WordPress Admin panel and can manage your blog straight from your smartphone. WordPress for android is open souse application that allows you to write spectacular content for your visitors. This application supports both WordPress.com and WordPress.org (3.0 or higher).

Google Analytics Application:

Do you ever imagine that how visitors came to your blog and how much time they spent on it? Google analytics is the perfect combination of SEO and website tracking tools that works solely on merits and gives most prominent results. Just few weeks ago Google has introduced Google analytics for Android devices so surly it would act as icing on the top.

Adobe Photoshop Express Application:

Usually to give an ideal touch to our Posts we need to associate a relevant image to it, so visitors can easily pick the things which you are trying to explain. Everyone knows adobe is the pioneer of photo editing, so if you want to edit images for your blog then use Adobe Photoshop Express on your Android Tablet of smartphone and I bet it will never let you down.

GMAIL Application:

To stay connected to your blogging circle you often use email services but Gmail is the most desirable email hosting, through which you can easily connect your different custom domain email addresses and by using GMAIL App for Android you can access them from your Smartphone or tablet. Keeps your conversation going on, everywhere you go GMAIL is there with you. Gmail is built with new and improved technology that email can be more effective, fluent, and may be funnier. Read, write, respond to your emails, and create a healthy relationship with your clients as well as followers.

SEO SERP Tracker

Search engine optimization is most crucial part of a blog it requires consistent monitoring to improve your Search engine page ranking. This App will allow you to learn whether you site is qualified to be ranked as the top most website. You can easily track and improve your website performance through SERO SERP tracker. Moreover, it’s an excellent free tool for SEO and internet marketing.

Skype - free IM & video calls:

Being a blogger, we have to maintain a decent relationship with our fellow blogger and Skype is the perfect platform to stay interacted with Fellow bloggers. You can talk, chat and can even go face to face using this Skype Android Application. This Application will perfectly work on Android 2.3 gingerbread, but you may experience few bugs if you try it on Android 2.2 OS.

 

Pocket -formerly Read It Later:

Bloggers spend almost half of their life in reading articles online, so they can get some lethal information about latest trends. However, sometime they don’t have time to search from the scratch. We can save different web pages in our smartphone and can read them anytime without any internet connection. Formally, this application was a Paid Application known as Read it later but after its success the developers renamed it to Pocket and now it’s Free for everyone.

 

DroidEdit (free code editor)

DroidEdit is an open source editor for android tables and devices which allow users to write codes straight from their mobile phones. You can easily work on several computer languages like, C++, JAVA, HTML, SQL and much more. Besides that, it is easy and takes minutes in installation. Furthermore, it provides easy to use interface through which you can easily manage different task on your fingertips.

These tools are essential for every blogger who has an Android Smartphone while those who cannot afford it can easily use these tools from their desktop. Hope you have enjoyed the feast till then, peace, blessings and Happy Blogging.

Posted By Editorial Team On July 23, 2012 Please Comment

Blogger Introduces Permalink Tool To Create Custom URLs

Blogger Introduces Permalink Tool To Create Custom URLs

Blogger News Blogger Tools SEO Tips

After waiting many years finally Blogger is up with yet another impressive SEO enhancement for all BlogSpot Blogs. Unlike previous times, Blogger users have the liberty to write custom URLs for their posts using Blogger in draft. You will not find this permalink tool in your post editor, if you are using blogger.com. This permalink tool can only be accessed from draft.blogger.com. Permalink is used to define the URL structure of a website, which points to a specific blog or website. Previous times, when we published a post it automatically generates a URL of 30 to 35 characters and occasionally these keywords were not Search engine Friendly which is illogical, but now you can create custom URLs with fluent keywords as you have complete control of the URL structure. After Search engine preferenceand 404 pages for blogger its one of the best featured ever released.

How Permalinks Can Affect Your SERP Ranking:

Permalinks or Permanent links plays the most significant role in advancing your on-page SEO to the next level. When any one searches a keyword in a search engine, he will automatically get a list of those websites which has the same chunk of keywords either in the URL or in the post. For instance, if you are writing a post regarding Google but instead of writing anything related to Google in the permalinks you wrote Yahoo which is totally opposite to it.

How To Setup Custom Permalinks In Blogger:

The procedure of creating customized permalinks is extremely straightforward and takes seconds to complete. You don’t require any further work to enable permalinks on Blogger to do so follow the following instruction.

• Go to Draft.Blogger.com and Sign in to your Blogger Account.

• Now press the orange pencil button which says “Creates a New Post”.

• Then on the right side of your screen in the “Post Settings” you will be able to see a tool namely Permalinks.

• Now on clicking the Permalinks tool you will be able to see two options one Automatic URL and second Custom URL.

• Now write your keywords for example, Google-Is-Number-One. Remember don’t add your blog URL, just enter the targeted keywords.

Character Limitations in Permalinks:

There are no limitations in neither automatic nor customized permalinks, which is remarkably overwhelming. Although Google only displays 65 to 70 characters of a URL while represents remaining URL with dots. Therefore, it’s crucial that you only write those keywords which are most needed and they should not exceed the character limit defined by Google.

• To make your permalinks more demanding doesn’t use articles, conjunctions, prepositions, and pronouns i.e. from, to, is, a, and etc

• Use 4 to 5 rich keywords in your post.

• You should not exceed 70 character limits.

Correct and Wrong Permalinks Selection:

A perfect permalink is usually concise and well target. Try to use most desirable keywords in your URL. By maintaining perfection is keywords, it will guide search engines about your targeted keywords. A user-friendly permalink not only captures the attention of your visitors but also create an enormous impact on Search engine optimization. Here are the few examples of correct and wrong permalinks.  

Correct Permalinks Structure:

http://www.bsresearcher.blogspot.com/2012/06/why-teenagers-should-start-blog-and.html

In this example, you can assume that the link is well formed with dashes, while the keywords strength is also correct and more importantly it is rich with prominent keywords.

Wrong Permalinks Structure:  

http://www.bsresearcher.blogspot.com/2012/06/why_teenagers_should_start_blog_and.html

 In this example, you can see how undemanding or illogical this appearing. Although, there is no problem with keywords but the underscores are ruining the whole URL. Usually these underscores are used by algorithms so when bots see a URL with underscores they get misguided and hence it affects their SERP.

What Google Thinks About Permalinks:

In the following video a user asked “Does the position of keywords in the URL have a significant impact on SEO?” For Example, bsresearcher.blogspot.com/search/Google is better then bsresearcher.blogspot.com/Google. According to Matt Cutts “It does helps a little bit to have keywords in the URLs. It doesn’t help so much that you should go stuffing tons of keywords into your URL. You know, if there’s a convenient way that’s good for the users where you have four to five keywords that might be worthwhile.” For more details check this video.  

Answering Some Common Queries:

Why I am Unable to add some characters?

Answer: Google and other popular search engines only accepts few characters, which includes forward slashes (/), dashes (-) and colon (:). Never use underscores in your URLs because it create misconception in the minds of crawlers.

Why I am getting errors Invalid characters: [ ] in Blogger Permalinks?

Answer: This is happening because you are noting using dashes in your custom URLs. You are just adding keywords with space which is wrong instead of adding space in between two keywords use dashes.

Why My Permalink Tool is not working?

Answer: It is working perfectly for me but there are possibilities that Google is updating its features. Currently it is under observation, this is the reason you can only access it from draft.blogger.com.

What’s next?

Still this service is under examination but I hope soon it will be live on blogger.com. No doubt this is a wonderful move by Google it will surly bring more power to Blogger users. Guys, test it out and if you have problems feel free to ask till then peace, blessings and happy custom permalinks   

Posted By Editorial Team On June 28, 2012 Please Comment