Awesome Stylish Numbered Page Nevigation Widget For Websites/Blogger

Hey Visitors Below Awesome Stylish Css Numbered Page Navigation Created BY ArtSheoran Team.

No Nead To Add Code Or Edit Your Template You Just Have TO Click "ADD TO BLOGGER."

Below Choose Your Choice Style And Click Generate And Then Add to Blogger Button.

Keep Visiting for more new tips-tricks and news about blogger.
leave your valuable comments if any problem in installation.or any query/help/suggestion or your views about this post.

Read More

Awesome New Style Flying Twitter Bird/Object For Website/Blogger

Twitter bird flying animated effect by Javascript Hack and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the "follow me" link on the Twitter account. If you move the mouse pointer over the bird, a "follow me" button and a "tweet this" button displayed.In this post i give you 7 type of twitter birds for blogger.Twitter is one of the most popular Social networking sites in the world among Bloggers to promote their blogs. So here I have a very cool Blogger Twitter widget, an actual Animated flying Twitter Bird that flies around your blog.


 Steps/Procedure TO Add this Widget TO Your Website/Blogger:

• Fill the required data on below generator
• Choose a type of twitter bird
• Click on "Generate" button
• And finally click on "Add to blogger" button

Drop Your Comments And Questions Below ... :)

Keep Visiting for more new tips-tricks and news about blogger.
leave your valuable comments if any problem in installation.or any query/help/suggestion or your views about this post.

Read More

Title Optimization Trick For Website/Blogger Titles For Huge Search Result Indexing

Hey visitors here a way to optimize seo trick for title.

This is called "Blogger/blogspot Title Swapping".This will give your blog better search engine rankings. It is always good to have your main keywords(Post title) of a specific blog post at the start rather than placing your blog title at the start. This situation becomes very bad if your blog title is very long.

• As usual,Login To Blogger Go To > Design > Edit HTML.
• and mark the tick box "Expand Widget Templates"
• Then, find (CTRL+F) this code in the template.

<title><data:blog.title/></title>

• Now, replace that line with these:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

• 
  
• Now click save the Template and you are done.
• Keep Visiting for more new tips-tricks and news about blogger.
• leave your valuable comments if any problem in installation.or any query/help/suggestion or your views about this post.

Read More

Add Static Follow On twitter Sidebar For Website/Blogger

A Awesome fully transparent Follow on Twitter image i know you will love.The image has the Twitter bird on a branch with a small Follow Us On Twitter board Below.The image will really catch the eye of visitors to your blog and get more people following your blogs updates on Twitter.We will add the image to the right side of your blog and as i said it will stay fixed in position as the reader scrolls.Lets look at the screenshot or see the live demo at right side of this posts.


Screenshot/Demo/Preview : 

Steps/Procedure TO Add this Widget TO Your Website/Blogger:

How To Add Transparent Fixed Follow On Twitter Badge To Blogger?

• 
  
• Go to blogger--->Layout--->Add a gadget
• Choose HTML/Javascript from the list
• Copy and paste code below into it

<a href='http://gj37765.blogspot.in'><img alt='Tips Tricks And Tutorials' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><div style='position: fixed; bottom: 20%; right: 0%;'/><a href="http://www.twitter.com/nitinmaheta" target="_blank"><img src="http://3.bp.blogspot.com/-Ej0MZ2lS_6s/T_mtHYrhYlI/AAAAAAAADbU/_h842Kjh_uI/s1600/%5Bwww.gj37765.blogspot.com%5Dfollow+on+twitter+float.png" /></a></div><a href="http://gj37765.blogspot.in" target="_blank">Fixed Twitter Gadget</a>

Note:- Change the twitter Username in red To Your Twitter Username.

With the code in place save the gadget and your Follow us on twitter image will be fixed on the side of your blog.I'm sure this will help you get more Twitter followers following your Blogs 
Drop your comments and questions below... :)

Keep Visiting for more new tips-tricks and news about blogger.
leave your valuable comments if any problem in installation.or any query/help/suggestion or your views about this post.

Read More

Awesome Online Hex Color Code Generator

ArtSheoran Team Creations:


Online Color Code Generator For Designers/Developers

Keep Visiting for more new tips-tricks and news about blogger.
leave your valuable comments if any problem or any query/help/suggestion or your views about this post.

Read More

Online HTML Hex Color Codes Generator For Designers/Developers

These tool helps you to pick your favorite color and it's code,Every color has its own unique color and code to use.So,these makes webmasters and developers to choose color picker tool who often use in Photoshop.I found the similar tool which we use in Photoshop,So you don't need to go for the color code to pick in Photoshop always.

Generate Your Own Custom Hex Colors

• Drag the black bar on the "Hue" selector to generate the desired base color.
• Next double click inside the Brightness/Saturation grid to activate the cursor.  Drag it until the desired brightness is achieved.
• The "Swatch" bar shows you the final color result. 
• The hex color code is generated at the bottom of the grid in the "Hex" box.  Simply copy and paste the code into your page.
• 
  

Below A circular Hex Color Code Generator By ArtSheoran Team Special Thanx To them.

Keep Visiting for more new tips-tricks and news about blogger.
leave your valuable comments if any problem in installation.or any query/help/suggestion or your views about this post.

Read More

How To Hide/Show Blogger Widgets On Homepage/MainPage Awesome Trick

Once you activate any widget, in your blog, it will be displayed in all the pages by default, including your homepage.But what if you want a certain widget to appear only on a certain page or pages, can it be done? Yes You can do this easily using conditional tags.

Steps/Procedure TO Add this Widget TO Your Website/Blogger:

first go to Blogger’s Dashboard > Design > Page Elements tab and add a “HTML/JavaScript” gadget.
 I prefer it because it will be easy for everyone to understand. Give it a unique title so that it does not match with any of the titles of other widgets added.
Go to Dashboard > Design > Edit HTML.
Check the Expand Widget Templates check box on top right of the HTML window.
Find your widget in the HTML by using Ctrl+F and entering the widget Id in the search box.
Let’s say I have given the title for my widget as “Recent Comments”. After searching you will find the below snippets:

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget> <b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>

<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>  

It's the widget/gadget that you have added from Page Elements tab. All is left is to add conditional tags just below  and above  to hide the widget form specific pages or posts in Blogger. Let us see some examples:




To Show The Widget Only In HomePage

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

 

To Show Blogger Widget In Post Pages Only:

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

To Show The Widget In Any Particular Page :

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == "URL of the page"'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

 

To Hide A Widget Only In A Particular Page :

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url != "URL of the page"'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

To Show Widgets Only In Archive Pages:

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "archive"'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget> 
To Show Widgets Only In Static Pages :

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

To Hide Widgets In Static Pages :

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

The code will check whether the condition is true or false:

• If the result is true, it executes (and display) the widget’s content.
• If the result is false, it skips the content and hide the widget.

Click Save Template button and view your blog.
That’s all:) 

Keep Visiting for more new tips-tricks and news about blogger.

leave your valuable comments if any problem in installation.or any query/help/suggestion or your views about this post.

Read More