Showing posts with label Blogging Tricks. Show all posts
Showing posts with label Blogging Tricks. Show all posts

Sunday, 30 December 2012

How to make Blog Archive Scrolling/look better?

How to reduce Size of Blog Archive By make it Scrolling?


How to make Blog Archive Scrolling?-iGAWAR 

Want To Make Your Long Archive List Short Without Removing Any Content??
Want To make Your Archive Look Attractive?
Want To Make Your Archive SEO Friendly..!!
iGAWAR Presents How to make Blog Archive Scrolling, A tutorial Which Helps you In Optimizing Your archive list by making It scroll And thus Reducing Its Size..!
Itz very Important to have Archive List On Your blog As itz the Easiest Ways For Your Visitor To Browse Your blog..!
But Having A Long Archive list Makes your blog Look Dull and un Attractive.So here We Come Up with this trick!!:)
You Can See The Live Demo, Here AT  iGAWAR .So lets Start With Code
  • Go to Blogger Dashboard --> Template --> Edit HTML
  • Backup your Template before making any changes to your blog.Click here to know how to backup blog.
  • Now Check Expand Widget Template.
  • Press Ctrl + F and search the code shown below.
<div id='ArchiveList'>
This Code Will BE like


<div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>


Replace this Entire Code By


<div style='overflow:auto; width:ancho;height:300px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>

To Change Height Of Archive Scroll Box Change height:300px;


  • Preview Your Template And Save it..!!



If you facing any problem with this Trick then feel free to ask in comment box below..!!
Happy Blogging..!!
Keep visiting @iGAWAR

Saturday, 29 December 2012

How To Add Two Sidebar Above/Below To Any Default Sidebar

How to Divide Blog template's Sidebar Into two Parts?


How To Add Two Sidebar Above/Below Any Default Sidebar-iGAWAR


Want to Add two sidebar Just below And above any default sidebar??
Want to Divide A single sidebar into two of any width??
iGAWAR Presents How To Add Two Sidebar Above/Below Any Default Sidebar , A tutorial that will Help You to Customize Your Blog template's Sidebar.Thanks to simplebloggertutorials for Creating this trick..I just Customized it further And explained it in simple ways..!!


So lets Start Customizing Your Sidebar:

The main Sidebar Is assigned As #sidebar-wrapper  in most of the templates.
If you have 3 Column templates then the the Other sidebar will be named as  #sidebar-wrapper1 and  #sidebar-wrapper2.



To Add two Sidebar In Main Sidebar , Follow Below Steps:
  • Go to Blogger Dashboard --> Template --> Edit HTML
  • Backup your Template before making any changes to your blog..Click here to know how to backup blog.
  • Press Ctrl + F and search the code shown below.
#sidebar-wrapper {
width:220px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

Add the Following Code Just Behind The Above Code Code:

#right-col {
width:48%;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#left-col {
width:48%;
float:left;
word-wrap:break-word;
overflow:hidden;
}

Now Find

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

Replace this Entire Code  By Below Code:

To Add Two sidebar below main widget use this code:



<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
<b:section class='sidebar' id='left-col' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>
</div>

To Add Two sidebar Above main widget use this code:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='left-col' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

To change the Width of new left/right Side bar
Change
width:48%;
you can change 48% to any number.
just make sure that the sum of both the width is less that 98%.

                                                       

Preview the template and save it..!
Check layout section to observe the Change..!!

                                                       igawar customizing sidebar into two parts


If you facing any problem with this Trick then feel free to ask in comment box below..!!
Happy Blogging..!!
Keep visiting @iGAWAR

Friday, 9 November 2012

How to increase Your Blog's Social Appearance?

How to Instantly Increase Your Facebook Like?


Want instant Facebook Likes?
Want To get Unlimited twitter followers?
iGAWAR Presents Addmefast , A Website That will help you to increase your social presence for free..!! YES, All you have to do is Signup On this Site And Start Liking others Facebook Pages..!!Each Like/Follow You Offer You Certain Points.This Will Help You to get You Points Which You Can Convert In Your own Facebook page likes..!!




This Website Not only Suppot Facebook But Also 100's Of other social Services Like Facebook Likes
  • Facebook Share
  • FB Subscribes
  • Google Circles
  • Instagram Followers
  • Twitter Followers
  • Twitter Tweets
  • Twitter Retweets
  • Twitter Favorites
  • YouTube Views
  • YouTube Subscribe
  • YouTube Likes
  • Pinterest Followers
  • Pinterest Repins
  • Pinterest Likes
  • Reverbnation Fans
  • SoundCloud Follow
  • SoundCloud
  • StumbleUpon
  • Website Hits


Click here Now And Get Free 100 Points To Start up..!!
This Service Is not a spam but a Normal Page Promotion Service So anyone Of You Can Use It.












Keep visiting @iGAWAR

Saturday, 27 October 2012

Easy Button & Menu Maker v2.3 Cracked Free Download

Easy Button & Menu Maker v2.3 Keygen Full Download

Easy Button & Menu Maker v2.3 Cracked Free Download-iGAWAR
Want A Tool which Which Allows You To create Cool Menu Bar For Your Website??
A tool For Creating World class Menu Bar Without Using any Coding..!!
iGAWAR Presents Easy Button & Menu Maker , A tool that allows You to Generate HTML Menubar.It Allows to enable button animations and change the button size, select menu colors, set the padding and spacing, specify button and submenu arrows, along with menu transparency and shadows, and more.


Title:
Easy Button & Menu Maker
Filename:
easysetup.exe
File size:
6.30MB (6,361,776 bytes)
Requirements:
Windows 2000 / XP x32/x64/ Vista x32/x64/ Windows7 x32/x64
Languages:
Multiple languages
Date Added:
Oct 26 , 2012
License:
Non-Commercial Freeware
 DOWNLOAD LINK








  • Easy usage in designing menus
  • support from three image format:PNG, GIF, JPG
  • More than 100 ready templates
  • Use from private images and icon
  • Use from ready made menus
  • Support from all of web browsers
  • Change menus to Code for using in your website
  • Create search menu for your website
  • support from CSS3 and HTML5
  • Create full dynamic menu
  • Support from WYSIWYG ability
  • Use from your choice font in menus
What's New In This Version:
  •  Improved user interface
  •  Improved compatibility with the latest web browsers
  •  New glossy button designs
  •  Menu item separators
  •  Right-sided vertical menus
  •  New menu effects
  •  New button effects
DOWNLOAD LINK


Report in comments Box below if any Download links are broken and deleted ...!!!!
Keep visiting @iGAWAR

Sunday, 23 September 2012

Blog Optimization Techniques For Better PageRank

Blog Optimization Technique For Maximum Traffic/SEO

Blog Optimization Technique For Maximum Traffic/SEO

Created a blog and started posting Articles but not getting the traffic you expected..??!!!
Tried many SEO optimization technique but still getting lower Page Rank.??..!!
SO itz time to optimize your blog..!!!

iGAWAR Presents BLOG OPTIMIZATION TECHNIQUE,which will opmimize your blog for maximum result,which means maximum traffic and better page rank..!!
These three steps will optimize the most important part of a blog..!!

All you have to do is follow below steps...!!

                     


Step I :: CREATE LINK OPTIMIZATION

Press Ctrl + F and search the code shown below.

 expr:href='data:post.createLinkUrl'


Replace this above code with the code given below


expr:href='data:post.createLinkUrl' rel='external nofollow'


Step II :: COMMENT OPTIMIZATION 


Press Ctrl + F and search the code shown below.

a expr:href='data:comment.authorUrl'

Replace this above code with the code given below

  a expr:href='data:comment.authorUrl' rel='external nofollow'


STEP III :: ARCHIVE OPTIMIZATION


Press Ctrl + F and search the code shown below.


<a class='post-count-link' expr:href='data:i.url'>


 Replace this above code with the code given below


  <a rel="archives" class='post-count-link' expr:href='data:i.url'>



If you have any problem with this Trick then feel free to ask in comment box below..!!
Keep visiting @iGAWAR

Wednesday, 19 September 2012

How to restrict Google to change country code domain of your blog

How to restrict Google to change country code domain of your blog

How to restrict Google to change country code domain of your blog
you might have notice that your blog domain gets changed from .com to .in .cu .pk .au etc depending upon the country of the viewer..!!!
As this also cause poor page ranking in search result ..!!!
But many blogger dont want their Blog domain to be changed...!!
so what to do???

iGAWAR presents a unique trick to restrict google to change your blog/website domain. This tutorial will explain how to maintain same domain (.com) for blogger..!!
you can see my blog url in address bar, itz igawar.blogspot.com  only..!!!

Change in domain countrywise also makes your pageranking goes down because search engine reads it as duplicate content..!!!! 

FOLLOW THESE STEPS TO APPLY THIS TRICK TO YOUR BLOG



  • Go to Blogger Dashboard --> Design --> Edit HTML
  • Backup your Template before making any changes to your blog.
  • Now Check Expand Widget Template.
  • Press Ctrl + F and search the code shown below.


<head>



  • Paste this code just below the <head>

<script type="text/javascript">
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>


Use this trick and let me know that this works for you or not..!!
If you have any problem with this Trick then feel free to ask in comment box below..!!

Keep visiting @iGAWAR

How To Configure Robots.txt file for maximum results?

How To Configure Robots.txt file for maximum results?

How To Configure Robots.txt file for maximum results?

Want to manage how search engines Crawls yore site??
Want Search engine to update your sitemaps automatically??
USE ROBOTS.TXT

Robots.txt is a file which allows you to manage how search engines crawls your site.
you can allow and disallow webpages to be crawls using this file


HOW Robots.txt Works?






CODES USED IN robots.txt


User-agent: *
Disallow: this option allows you to hide some page from search engines


Allow:  this section allows you to allow pages for index

Sitemap: submit your sitemap to searchengines


HOW to find and configure your robots.txt file?

  • Go to Blogger Dashboard
  • Search preferences
  • Errors and redirections
  • Custom robots.txt 
now click on edit

for maximum result i recommend this code


User-agent: *
Disallow: /search
Allow: /

Sitemap:http://igawar.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

Sitemap:http://igawar.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500

PASTE THIS CODE IN robots.txt file and replace http://igawar.blogspot.com to your blog/website url .Keep remaining code as it is...!!!


Now see the result in your google webmaster
or type below url in address bar of your browser

http://igawar.blogspot.com/robots.txt

replace http://igawar.blogspot.com with your blog url


If you have any problem with this Trick then feel free to ask in comment box below..!!


Keep visiting @iGAWAR


Tuesday, 18 September 2012

EASIEST WAY TO SUBMIT SITEMAP TO GOOGLE SEARCH ENGINE

EASIEST WAY TO SUBMIT SITEMAP TO GOOGLE SEARCH ENGINE 

Everyone wants a higher ranking on search results..!!
So submitting sitemaps to search engine can help ...!!!
But the question is
HOW  TO SUBMIT SITEMAPS??

Here is a tutorial for submit sitemap of a blog to google in simplest way possible in just 2 mins..!!!


FOLLOW THE BELLOW STEPS


  • Open Google Webmaster Dashboard
  • Their you will see a box like below so click  on >>

EASIEST WAY TO SUBMIT SITEMAP TO GOOGLE SEARCH ENGINE

or


  • Go to optimization ------> Sitemaps



now paste the code below in highlighted part ..

For post below 500
atom.xml?redirect=false&start-index=1&max-results=500

for post between 500-1000

atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500



for post between 1000 above

atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500


After you submit sitemap you can review it..!!



If you have any problem with this Trick then feel free to ask in comment box below..!!

Keep visiting @iGAWAR

Wednesday, 12 September 2012

HOW TO REPLACE "READ MORE.." LINK OF BLOGSPOT TO CUTE READ MORE BUTTON

HOW TO REPLACE "READ MORE.." LINK OF BLOGSPOT TO CUTE READ MORE BUTTON

HOW TO REPLACE "READ MORE.." LINK OF BLOGSPOT TO CUTE READ MORE BUTTON




As i previously posted HOW TO ADD "READ MORE" BUTTON ON BLOGSPOT POST WITHOUT ANY CODING ,Many people find the read more... link boring and oldy..!!

Thats Why iGAWAR is Back with new trick to change Read more.. link to Cute Read more>> button..!!!

so here is new trick to change that link to a cute READ more button
All you have to do is this simple coding..!!



  • Go to Blogger Dashboard --> Design --> Edit HTML
  • Backup your Template before making any changes to your blog.  Click here to know how to backup blog
  • Now Check Expand Widget Template.
  • Press Ctrl + F and search the code shown below.
<b:if cond='data:post.hasJumpLink'>

Now you will see a code like Shown Below..!!!

<div class='jump-link'>
       <center> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>Read more..</a></center>
      </div>


Replace Readmore with the code below


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUuFEQm6uGj2jMCXBXfF8dyDXGYbIXwSgayIw7v19G301ZWDKakCsVgTaqWe-FK3INgL2e_8rZXfJV4LLRIRBedmjLCbgnpilFj2HmjV2z4KU3vJpF0p4IF7nzrKh1n7c-Q-BW6lL9NvA/s1600/readmore1.PNG'/>


Now preview/Save your Template.

Bingo..!!! now your Read more Link Is replace with a Cute Read more button shown below


you can cange this button with any other button for that just replace the img src url in that code with the url of your button.!!
png image is always more better than jpeg..!!

If you have any problem with this Trick then feel free to ask in comment box below..!!


Keep visiting @iGAWAR

HOW TO ADD "READ MORE" BUTTON ON BLOGSPOT POST WITHOUT ANY CODING

HOW TO ADD "READ MORE" BUTTON ON BLOGSPOT POST WITHOUT ANY CODING

HOW TO ADD "READ MORE" BUTTON ON BLOGSPOT POST WITHOUT ANY CODING


Long blog content But want to show only summary to readers?
So all you to do is use read more option..!!

problems come with non technical blogger is HOW TO ADD READ MORE OPTION TO YOUR BLOG??

So Every1 wants a simple option to do that..!!

iGAWAR is back with all new trick for blogger users to place READ MORE button in their post where ever they want without any coding..!!!

all you have to do is use insert jump break ....!!


  • Open BLOGGER Dashboard
  • NEW post
  • Write your article
  • Now place your cursor where you want to place read more and click on 'INSERT JUMP BREAK'.!!





NOW IT will add a Read more... link at that place ..!!
User will see only the part above that link on main page and if they wish to see full article they hav to click on read more link..!!

you can also convert this read more... link to some cute READ MORE buttons..!!
READ this for this trick

If you have any problem with this Feature then feel free to ask in comment box below..!!

Keep visiting @iGAWAR