TuTorial :- ADD WORDPRESS LIKE/STYLE CATEGORY/LABEL SPECIFIC POST ICONS IN BLOGGER'S BLOG

Hiii all Our Awesome visitors i am back with new Awesome WORDPRESS LIKE/STYLE CATEGORY/LABEL SPECIFIC POST ICONS IN BLOGGER'S BLOG
This tutorial will show you How To Add WordPress like Category/Label Specific Post Icons in Blogger Blog. You might have seen these icons for different post on wordpress. Wordpress has some plugins which directly add catagory specific icon to different post. But you cannot add directly add it to blogger. You can add it to blogger using a javascript in which i have included a 8 category/label specific post icons. The labels or catagories icons are place near to the post title in the left site . You just have to include a label to show any label specific icon



HOW TO ADD SPECIFIC LABEL ICON IN BLOGGER POSTS

  • Go to Blogger Dashboard 

  • Click on DropDown Menu and select Template


  • Now Click on Edit HTML --> Proceed -->  Expand Widget Templates

  • Press Ctrl + F and search the code shown below

</head>

  • Now Paste the Code Shown Below just above/before it


Click Here To See Code


  • Now Find the code shown below using [ctrl+F]


<div class='post-header'>

  • Now Paste the Code Shown Below just above/before it

  • Now save your template
Thx All Done Now Enjoy Friends

    How To ByPass Links Shrinkers Like Adf.ly, Linkbucks, Adfoc.us, etc easily?

    AdSkip
    Hello Today we Are Here to tell you a very easy to bypass the paid shrinkers like adf.ly, linkbucks,adfoc.us and other similar companies? we have got a good service for you that can help you to bypass these shortend links easily. Please carry on........

    Bypass Adf.ly | Linkbucks | Adfoc.us | Adfoc.us Links!



    Adf.ly, Adfoc and Linkbucks are the link shortners that pays their users when someone visits their links .So here is the method how to bypass adfly ,adfoc.us &linkbucks links . All you need to do is go to this website
    and put your link in the box and click deadfly and it will provide you the link
    Do it like shown in the below image
    deadfly
    Please Note:
    This Site is powered by Aletrvista.org
    And Provided to you by Blogger Tips & Tricks


    5 Things You Should Avoid While Building Backlinks For You Blog

    Link Buliding Is The Most Important Part of Seo Because Search Engines Still Give Importance To Backlinks. Backlinks Are considered as votes to your blog by search engine. And if your blog has more backlinks from high page rank sites then your blog will also rank high on search engine .So today in this post we will talk about the 5 things you should avoid while building backlinks Please Continue........

    1. Check if backlinks have a noFollow attribute.

    One Of the biggest mistakes all blogger does while buliding backlinks is that they builds nofollow backlinks which are useless.now you might be thinking what is no follow .NoFollow is a attribute which tell search engine not to follow these backlinks. It means that you have 50 NoFollow backlinks from 50 websites you will get nothing.You will have no benefit for building such backlinks. So Its Very Important to check that your builded backlink is NoFollow or DoFollow.

    2. Buying and Selling of Links:

    After Goole panda Update is the worst thing you can ever do to destroy your blog reputation. One of our friend was selling links on his site and on this page rank update google dropeed his website page rank from 2 to 0. Also he losses 80% of his loyal visitors which is clearly the worst thing. If you buy backlinks from websites there are many chances that they put nofollow attribute in it. This will surely damage your blog reputation in the eyes of search engine.

    3. Links from sites bad reputation sites:

    Think a thief in the jail provides you name while investigation then think police will also arrest you Because That person was bad and he recommends that you are also a bad person.This Is the same case with search engine if you get backlinks from bad reputation sites.Also never linkback to bad reputation sites from your blog.Bad Reputation sites means those sites which contain spamming,copywrited material ,hacking tools etc.

    4. Lots of links from low Pagerank sites.

    Thats a total waste of time and it is also the common mistake that a blogger do and they dont know in future what it gonna be causing to them.Lots of backlnks from low page rank site are considered as spam in the book of search engine because these links are very easy to get and low pagerank websites dont think to which website they are linking. I Have seen many sites with having pagerank 4 having only 20 backlinks but pagerank 2 sites with more than 100 backlinks. SO these sites wont help you to be the best blogger

    5. Good quality links but useless anchor texts.

    Some of the bloggers feel happy when a high page rank links to their sites with a backlink but having useless anchor text like with you name or etc.When the search engine crawls the high page rank websites they will look on that link and increase your blog creditibility according to these keywords
    So These Were The Top 5 Things you should consider while building backlinks for your blog form other sites


    Copyblogger-V2 A Responsive Blogger Template


    Copr Blogger V2 A Responsive blogger template.It is a responsive blogger template have a clean and minimal look.And has mulitple inbuilt widgets Like Multiple Authors Info After posts,Threaded Comments,Good Search Box,and a custom follow by email widget and many more .Please Carry on.....

    It is a seo friendly theme Which loads pretty fast which means no heavy loading on your blog and can be easily viewed in any resolution.I Hope you like this template
    Live Demo :-


    Features:-

    • Simple Design
    • Fast Loading
    • Responsive Template
    • SEO Friendly
    • 2 Drop Down Navigatio Menus 
    • Custom EMail Widget
    • Custom Search bar
    • Custom About Me Widget
    • Good Threaded Comments Section
    • Custom Heading Tags(h1 to h6)
    Download Copyblogger-v2 Blogger Template
    To Download This Template You Just Need to Complete a simple task you just need to like us on facebook and then download this template if u have already liked us on facebook then unlike us and like us again to download



    How To Add A Being Viewed Or Random Post Widget To Your Blog

    blogger widgets, plugins, seo
    Hii Freinds, today we are here with a new interesting widget for you .This is relly interesting widget. This Can Be Called being viewed or random post widget.You can give it any title but the title for this was been choosen by paul Crowe. He Made this widget but do not shared the codes of this widget.So i thought everything we know must be known by all.Please Carry on to know.


    Main Advanteges Of This Widget


    • It Shows Random Posts
    • It Also Shows The Name of the Author
    • It Can Show The Number Of Commets
    •  It Can Summary Of The Post
    How To Install
    You Dont Need To Do Much To Install This Widget Just Click On The Below Add To Blogger Button And Dont be Afraid This widget is totally link free so It Will not link to any other blog.





    If Your have any problems feel free to ask in the comments below 

    Totally New Awesome Stylish 404 Error Pages For Blogger

    Hello Our Awesome Visitors Make Make Some Cool & Awesome 404 Errors Massege Pages
    404 Error or Page Not Found Error generated by Blogger when a user enters an invalid URL or 404 Error is an HTTP status code that means the page you are trying to reach on your Blog couldn't found or Page not exist in the Server.By Default Blogger shows Error page message in a box and its not look Stylish .
    Here I am saying about how to Customize it much better & Make ITS Super Cool



    Only Custom Message [No Style]
    If you want to show only a custom message then First Go to updated Blogger Interface
    Then Go to Setting->Search Preferences



    Or If You Wan't Cool 404 Error Page With Image then See Below


    Error Message With Stylish 404 Images

    • Go to Design->Edit HTML
    • Find </head> and copy the below code just above it.
    <b:if cond='data:blog.pageType == "error_page"'><style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style></b:if>


    • Now Save The Template 
    Error Page Style 1

     Custom 404 error page for blogger 1NetOopsblog protected image

    •  Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]

    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYqi6_1o1NDtg0dUgE9VdRoJxgHTHcHgKPpS5RhdyHcjYeEuOm3QgyVts9EMnaXGY6tlaz_Nn0_5x8_14sHScIovTXa-A7lrbz7ejUQAwaEDjtUaqzZHfQZIVl6XPyfLMUwL8lYVr4S7E/s1600/404+error+page+1.jpg"/>

    Error Page Style 2
    Blogger custom Error page
    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]

    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75Oan-lIoJEMwefIDaalfdqNKsNuvEkO7bB2Ybhx7sKJa5NjIHg74ycRghquOOwNO2S54skGVlemd7PtJCzIQ6XLEgA8HO20onmo57M2QugT7IsYqevzN3rdGZZO89p3kHG2HxVVvAns/s1600/404+error+page+2.jpg"/>

    Error Page Style 3

    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]

    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjq2qALKlabj2QdJSVuFnKtT9_gFOvavsFQAKrn9CM7l1ZsEK3wce-r9habwA1a4FVfxDsBe4TmVGdT0PE4XkoBkUT7bENfvTuSFnRtxHRznjhcToRM0icvSIRzI1Vq8jTjHWGPkKDvs0/s1600/404+error+page+4.jpg"/>

    Error Page Style 4

    blogger custom 404 error page

    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]

    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSPmvh37UXjkcPcPkBgyU4eWExvax7Bil-55V0loCDf9HGkfwwvDBB54LQVKq9rLd7enMp-iePgDOaLowg6rCJlLpwx_2BORdzIWeP2Ii9i8z9kuD-b_Ga_WIEapXVy0P-uC0Rdwe66ac/s320/404+error+page+6.jpg"/>

    Error Page Style 5


    NetOopsblog protected image

    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]

    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TiuZrvOPjYkgsVFnZeE1oja1Ghn_At7yP86doH00GfgWicid80LfcV-NZwKxkb2s6PA88kdCvUETfAwi78qc9ToUJfvKIkWEIB-ECIYxZXbcSHuYt96VxO3aQNR6NtLxNRrX5gP9nTs/s1600/404+error+page+7.jpg"/>


    Error Page Style 6

    NetOopsblog protected image

    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]

    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuGJLE2J5AaXl-8HANlouedIw_PZcSypJnKAN-7_9Afic2pZs1WEPOfpY5cAGfX9ieZkNe8Kviu5bDFx65_iu7SNQRogZM55CVZl-C4jKerjUt7uzDGhX0AXLCxcD4d-QMKPIdWGMe60A/s1600/404+error+page+3.jpg"/>

    All Done Friends Enjoy With Your New Cool 404 Errors Messege Page If Need Any Help Then Comment Here We Proud To Help Our AweSome Visitors

    Awesome Stylish Animated Top 10 Flash Clock for Blogger

    Hello Everyone How are You Friends
    Here I am Saying about How to Add Awesome Stylish Animated Top 11 Flash Clock to your Blogger Blog.Here is a huge Collection of Clock Widgets for Your Taste.Follow the Simple Steps Below to Make Your Blog Stylish,Cool, and Smart looking Blog.




    Now We Start IT


    • First of all SignIn to your Blogger Account 
    • Select Design->Page Elements
    • Click on Add Gadget
    • Select HTML/javascript from it,then copy the code of clock you want.

    Step 1: 

    If you want a NON Static Clock Widget,then Just copy and paste the code to HTML/javascript content.

    Add Stylish Flash Clock 1




    • If you want to add this Clock,then Copy  and paste the below code
    <div class="noop-clock"><center><embed height="140" src="http://www.hitarek.com/clock/clock24-6.swf?TimeZone=IST&amp;Place=&amp;" type="application/x-shockwave-flash" width="210"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>


    Add Stylish Flash Clock 2


    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock"><center><!-- hitarek.com --><embed width="210" src="http://www.hitarek.com/clock/clock24-2.swf?TimeZone=IST&Place=&" height="140"  type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock 3

    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock"><center><!-- hitarek.com --><embed width="120" src="http://www.hitarek.com/clock/clock5-1.swf?TimeZone=IST&Place=&" height="230" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock 4

    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock"><center><embed height="230" src="http://www.hitarek.com/clock/clock5-2.swf?TimeZone=IST&amp;Place=&amp;" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock 5

    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock">
    <center><iframe allowtransparency="true" frameborder="0" height="148" hspace="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.hitarek.com/animation/dolls5.html" vspace="0" width="100"></iframe></center><center><a href="http://netoopsblog.blogspot.com/" style="font-size: 2mm;" target="_blank">FreeWidgets</a></center></div><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>


    Add Stylish Flash Clock 6


    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock">
    <center><!-- hitarek.com --><embed width="130" src="http://www.hitarek.com/clock/clock11-4.swf?TimeZone=IST&Place=&" height="130" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

    Add Stylish Flash Clock 7


    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock">
    <center><!-- hitarek.com --><embed width="160" src="http://www.hitarek.com/clock/clock25-9.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
    </div>

    Add Stylish Flash Clock 8



    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock">
    <center><!-- hitarek.com --><embed width="140" src="http://www.hitarek.com/clock/clock22-5.swf?TimeZone=IST&Place=&" height="180"  type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
    </div>


    Add Stylish Flash Clock 9



    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock">
    <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-175.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></div>

    Add Stylish Flash Clock 10


    • If you want to add this Clock,then Copy  and paste the below code

    <div class="noop-clock">
    <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-150.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></div>

    All Done Friends Try It If You Need Any More Help Then Say it To Me on Comment Box