Saturday, 22 December 2012

HTML Color Code Generator

Posted by Anonymous , 05:16
The below two tools will help you to get the six digit hexadecimal color code value. The tools will helps you a lot in customizing Blogger templates, HTML Editing, Appealing posts..etc. Just follow the following instructions to know how to use the generators.

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!
All due credits for these tools goes to 2createawebsite
Filed In:

Tuesday, 13 November 2012

How to Show/Hide Widgets in Blogger?

Posted by Anonymous , 18:13
Many of bloggers are interested or struggled to show/hide widgets in a custom page. Some of they thinks that, It is possible in wordpress or other hosted websites. But, It is possible in Blogger too! To do this, Follow the article!

To Show The Widgets Only In Home Page :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>

To Hide The Widgets Only In Home Page :

<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>

How To Show Widgets Only On Static Pages?

<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>

How To Hide Widgets On Static Pages?

<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>

How To Show a Widget On a Selected Post Only?

<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

How To Hide a Widget On a Selected Post?

<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

How To Control Blogger’s Official Widgets?

The same procedure can be applied to Blogger’s official widgets like About Me, Archives, Poll etc. For controlling that widgets do this,
  2. Go To Blogger > Design > Edit HTML
  3. Backup your template
  4. Check the Expand Widgets Templates Box
  5. Search for the title of the widget you want to control
  6. The code for the widget will look something similar to this one,
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
LARGE CHUNK OF WIDGET CODE
</b:includable>
</b:widget>
On finding the title in place of WIDGET-TITLE-HERE you will find two similar codes like those I have shown in bolded blue  You just need to add the Controlling codes in the following manner. For example if you wish to show a widget at Homepage only then do this,
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LARGE CHUNK OF WIDGET CODE
</b:if>
</b:includable>
</b:widget>
That’s it. Do the same for applying any controlling code. I hope this was useful :)
Filed In:

Saturday, 28 July 2012

Move Blog Title To The End In Post Title To Increase SEO

Posted by Anonymous , 07:04
Most Of The New Bloggers Doesn't Know About This. Some Dynamic Templates Or Custom Templates Shows The Blog Title In First Of The Post Title. This Decreases Your Blog SEO !! 
For Ex :

Your Blog Title : Unbelievable Tricks By Aravind
Your Post TItle : Move Blog Title To The End In Post Title To Increase SEO

If Your Blog Post Title Is Like This :
Unbelievable Tricks By Aravind : Move Blog Title To The End In Post Title To Increase SEO

Then Your Blog SEO Is Not Perfect...!!!
Do The Following Steps To Correct Your Mistake.

*Tutorial*
  • Go To Your Blogger Dashboard & Click On Design >> Edit HTML.
  • Search For This : <title><data:blog.pageTitle/></title>
  • Replace It With The Below Code :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | 
<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

And You Are Done.
If You Have Any Doubts Just Drop A Comment Below. I'll Reply U :)
Filed In: ,

Saturday, 19 May 2012

How To Add Amung.Us Side Bar Widget To Blogger

Posted by Anonymous , 04:15
You Can See The Live Demo At Left Of This Blog. You Can Add This To Blogger In Very Easy Method.
First Go To whos.amung.us . And Go To Widgets Tab On Top. And Select/Click On 'Tab Widget' And Copy The Code.
              Now Go To www.blogger.com And Go To Design Of Your Blog. Select 'Edit HTML'. And Search (Use CTRL+F ). And Search </head> . Just Above It Paste The Copied Code From whos.amung.us . And Save Your Template. That's It . Your Blog Is Ready With Amung Us Sidebar Widget ! 
        If You Have Any Doubts, Just Drop Your Comments Below.
Filed In:

How To Remove 'Powered By Blogger' In Blogger

Posted by Anonymous , 04:09
Now A Days, Most Of The People Using Blogger. Main Irritating In Blogger Is 'Powered By Blogger'. This Is Called As Attribution. You Can Remove This Easily. Just Follow These Easy Steps.
1. Go To www.blogger.com & Login To Your Account.
2. Select 'Design' And After Click Edit HTML.
3. Click On 'Expand Widget Templates'.
4. Now Search (Use CTRL+F), attribution.
5. You Can See In That Line locked='true'
6. Change locked='true' To locked='false'
7. And Save Your Template.
8. After Return To Page Elements Tab
9. And Click Edit On Attribution Tab And Remove It. And You Are Done.
Go To Your Blog And Check It Is Removed Or Not.
If You Got Any Problems, Just Drop Comments Below. I'll Reply Within 24 Hours :)

Filed In:
Subscribe to: Posts (Atom)