Blogger Tricks
Welcome To Nischal Creations|If Any Games Doesnot Work,comment and I Shall Upload A New Link

Featured Posts

Join With Us

yes Guys, You Can Also Be The Member Of This Blog. For This You Need To send Me Mail Of your Biography to  nischalkhanal123@gmail.com laugh

Sunday, June 8, 2014

Change Animated favicon to Blogger blog

Change favicon of blogger
Changing the favicon of your blog is a simple trick.By default blogger puts the blogger orange color logo to favicon.This can change to your blog logo.
Favicon appears next to the URL or title in the browser.If you have a logo of your blog then you can simply upload to blogger.Else there are many sites providing free favicon generator.See Netoops blog favicon on the top your browser.
Follow the instructions below.






  • Go to Design->Page Elements
  • You can see a small bar with blogger icon and a link EDIT click it.
  •  Then select your blog's logo by clicking Browse and click on Save.

Insert Animated Favicon

You can also insert Animated gif favicon.
  • Go to Favicon Generator
  • Upload your blog's logo and give scrolling text then click Generate favicon

 It will generate your animated favicon,right click on the icon shows there and Save it.Then upload to root of website or upload to free image uploading sites like tinypic you will get the link to image from there.
  • Go to Design->Edit HTML
  • Copy the following inside <head>
<link href='PLACE YOUR FAVICON LINK HERE' rel='icon' type='image/gif'/>
  • Then click save.
If any problem with this please inform via comment.Feel free to ask.
Read more...

7 Best Free Pinterest Like Blogger Templates 2014

Pinterest is a great social bookmarking site for collecting and sharing images and  photos people like to share like events ,hobbies and interests , Pinterest is one of the fastest growing sites it has an amazing template that you might wanna use,Pinterest templates are suitable for photo and magazine blogs, here are some designs of amazing free pinterest like blogger templates  

1- Pinfinity Blogger Template


4-colums , sharing tools and responsive design


2- Pinerest Blogger Template 

six columns blogger template  sidebar 



3- Pignery Blogger Template


three columns , search box and social sharing pinerest like blogger template




4-Accord Blogger Template

Accord blogger template is a pinerest like Blogger template with a top slider and ad ready header
 Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.




5-Johny Asal Responsive Blogger Template

4 column- Responsive - SEO Friendly -3 column footer
1 right sidebar - Navigation Menu - Page Navigation
Gallery Style
Johny asal blogger template demo and download

6- Post Blogger Template

Clean and elegant looking pinterest look blogger template with to table like menu,
 auto thumbnails and four columns



7-Exelencia Blogger Template

Exelencia is a free blog template with type : 2 column, 3 Columns footer, Black, Blue, Fluid Width, Grey, Left Sidebar, Premium, Responsive, Top Navigation Bar, White, pinterest look
Excelencia template demo and download

Description: ,Pinterest templates are suitable for photo and magazine blogs, here are some designs of amazing free pinterest like blogger templates
Read more...

Free Mobile Recharge using Amulyam,Embeepay,Way2sms,ULtoo

free recharge amulyam airtel idea bsnl vodafone ultoo embeepay
Here i am going to say about free recharging sites in internet.Are you wasting money by making recharges,Then here is the time for changing that. There are many sites provides Free Recharge and many of that are fake and some them are good and we can trust.
One of the site is




Update [19-06-2013]:  I noticed another site providing FREE Recharge its Laaptu.We can trust this site. It providing QUIZes, REFERALS for earning free recharge. A new feature Laaptu providing is it gives 2Rs. for each referal.
Update [8-1-2013]: I noticed that I couldn't get any recharge amount from Embeepay and mcent so I have removed it from the following list. The following sites are real and we can trust because I am earning free recharge from these sites.
     There are many other sites for online recharge, some of them that i used are listed follows
    Amulyam gains popularity in India in recent two years and very popular service among Indian mobile users. Amulyam has many ways to get talktime in our wallet. They provides emails of advertisers that sends to us and each opening of the mail will get .25ps in the wallet. They provide 2-3 advertisement mails every day. When the wallet reaches Rs.10 you can make recharge. Another way for increase the earnings in the wallet is to play and create contest or quiz. Playing contest will give .25ps and creating contests make you to earn high. Create a quiz with 10 questions will get you Rs.5. For Approved questions will get 50ps per question.
    Another way is to purchase air tickets and buying things it will offer you Rs. 500 instantly. Also you can refer friends and make money. Each referral will get you Rs. 1.
    Embeepay is a Facebook Application it provides points  and when we sign up it gives 100 points. 30 points will give you 10Rs top up and 150 points will give you 50Rs Recharge.300 points will give you 100Rs
    ULtooprovides free sms and get talktime to your account by sending sms.

    Click here to get Rs.2 on your wallet instantly in amulyam

    Click here to get 100points on Embeepay instantly

    Click here to get Rs.2 on your wallet of ULtoo 

    Click here to get Rs.1 on your wallet of Way2sms

    I hope this article will help you better.
    Read more...

    Customize Labels Widget with Stylish Cool Effects

    Customize Labels Widget with Stylish Cool Effects
    Labels widget displays list of the categories of posts. Creating labels helps to categorize the posts in groups. So it helps visitors to see the posts under a category. Default bloggerLabels widget is not so Stylish. Don't worry, here I am sharing some cool interesting labels widget styles for you. This Labels widget can style using simple CSS codes. To do this follow the steps..



    •  Sign In to Blogger Dashboard
    • Go to Template -> Edit HTML
    • Find ]]></b:skin> and copy the code of label style you like above ]]></b:skin>
    • Save Template

     Black Forest Theme Labels With Animated Scaling

    .Label li {
            background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
            border: 1px solid;
            border-radius: 6px 6px 6px 6px;
            float: left;
            font-size: 116%;
            list-style: none outside none;
            margin: 2px;
            padding: 4px;
            transition: all 0.3s ease 0s;
        }
    .Label li:hover {
        transform: rotate(351deg) scale(1.7);
    }

    Yellow Customized Labels Widget


        .Label li:before {

            background-image: -moz-linear-gradient(left top , #FEDA71, #FEBA47);

            border-bottom: 1px solid #D99D38;

            border-left: 1px solid #D99D38;

            content: "";

            height: 1.39em;

            left: -0.69em;

            position: absolute;

            top: 0.2em;

            transform: rotate(45deg);

            width: 1.3em;

            z-index: 1;

        }

        .Label li:after {

            background: none repeat scroll 0 0 #FFFFFF;

            border: 1px solid #D99D38;

            border-radius: 4.167em 4.167em 4.167em 4.167em;

            box-shadow: 0 1px 0 #FAEABA;

            content: "";

            height: 0.5em;

            left: -0.083em;

            position: absolute;

            top: 0.667em;

            width: 0.5em;

            z-index: 9999;

        }

        .Label li {

            background-image: -moz-linear-gradient(center top , #FEDA71, #FEBA47);

            border-bottom: 1px solid #D99D38;

            border-radius: 0 0.25em 0.25em 0;

            border-right: 1px solid #D99D38;

            border-top: 1px solid #D99D38;

            box-shadow: 0 1px 0 #FAEABA inset, 0 1px 1px rgba(0, 0, 0, 0.1);

            color: #996633;

            float: left;

            font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

            font-size: 0.75em;

            font-weight: bold;

            list-style: none outside none;

            margin: 0 0 7px 20px;

            padding: 0.417em 0.417em 0.417em 0.917em;

            position: relative;

            text-decoration: none;

            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

            z-index: 1;

        }

    Blue Customized Labels Widget

        .Label li:before {

            background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);

            border-bottom: 1px solid #145091;

            border-left: 1px solid #145091;

            content: "";

            height: 1.39em;

            left: -0.69em;

            position: absolute;

            top: 0.2em;

            transform: rotate(45deg);

            width: 1.3em;

            z-index: 1;

        }

        .Label li:after {

            background: none repeat scroll 0 0 #FFFFFF;

            border: 1px solid #3F6893;

            border-radius: 4.167em 4.167em 4.167em 4.167em;

            box-shadow: 0 1px 0 #B5D8FF;

            content: "";

            height: 0.5em;

            left: -0.083em;

            position: absolute;

            top: 0.667em;

            width: 0.5em;

            z-index: 9999;

        }

        .Label li {

            background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);

            border-bottom: 1px solid #145091;

            border-radius: 0 0.25em 0.25em 0;

            border-right: 1px solid #145091;

            border-top: 1px solid #145091;

            box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);

            color: #996633;

            float: left;

            font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

            font-size: 0.75em;

            font-weight: bold;

            list-style: none outside none;

            margin: 0 0 7px 20px;

            padding: 0.417em 0.417em 0.417em 0.917em;

            position: relative;

            text-decoration: none;

            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

            z-index: 1;

        }

     Black Forest Theme Label Like NetOops Blog Labels


        .Label li {

            background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;

            border: 1px solid;

            border-radius: 6px 6px 6px 6px;

            float: left;

            font-size: 116%;

            list-style: none outside none;

            margin: 2px;

            padding: 4px;

            transition: all 0.3s ease 0s;

        }

        .Label li:hover {

            transform: rotate(5deg);

        }

    Skeleton Theme For Labels Widget

    .Label a {
        color: #000000;
        text-decoration: none;
    }
    .Label li {
        border: 1px solid #000;
        border-radius: 6px 6px 6px 6px;
        color: #000000 !important;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }

    Skeleton Theme With Painting Hover Effect

     
    .Label a:hover
    {
    text-shadow:5px 5px 5px #dcdcdc;
    background:orange;
    border:1px solid orange;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    }

    Leaf Theme For Labels Widget


    .Label a {
         -moz-border-bottom-colors: none;
         -moz-border-left-colors: none;
         -moz-border-right-colors: none;
         -moz-border-top-colors: none;
         background-color: #7FBF4D;
         background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
         border-bottom-right-radius: 30px;
         border-color: #63A62F #63A62F #5B992B;
         border-image: none;
         border-style: solid;
         border-top-left-radius: 30px;
         border-width: 1px;
         box-shadow: 0px 1px 0px 0px #96CA6D inset;
         color: #FFFFFF;
         float: left;
         font: 14px verdana;
         height: 18px;
         margin-bottom: 9px;
         margin-left: 10px;
         padding: 10px;
         position: relative;
         text-decoration: none;
         transition: all 0.5s ease-in-out 0s;
    }

    .Label a:hover {
         background: none repeat scroll 0% 0% orange;
         border-radius: 0px 30px 0px 30px;
         border: 1px solid orange;
         text-shadow: 5px 5px 5px #DCDCDC;
    }

    .Label {
         margin: 0px;
         padding: 0px;
         position: relative;
    }
    Read more...

    Blogger Templates : BloggerTube All Versions V1,V2,V3,V4

    BloggerTube is the most famous blogger video template 

    BloggerTube a clone template of  YouTube, four versions were released till now 

    BloggerTube V1


    similar to YouTube
     red and black color



    BloggerTube V2


    adapted from WordPress Theme to Blogger Template with features content slider.



    BloggerTube V3


    Seo ready
    New Style Page navigation
    permalink you can see above a video
    Alert box
    Code Box
    New Blockquote
    Silver Youtube Skin.



    BloggerTube V4


    Beautiful orange Bloggertube v4 will attract your eye and breath :)
    orange and white color

    Read more...

    How to Add Automatic Read More TRICK for Blogger Blogs

    How to Add Automatic Read More HACK for Blogger Blogs
    Read More button or jump link is used cut the full article into two pieces and First piece of Text and images display in the Homepage. When you create a post may be it includes long snippets and images that are too long, then what should you do? You have to add <!-- more --> or click on Jump link to separate. Here I am going to show you how to Automatically put read more to Blogger posts. In this Automatic read more hack everything is automatic and you need not bother about the too long length of posts.Let us see how to do it..


     Features are
    • You can also limit the length of post
    • Set the size of Image, height and width separately
    • Disable Image
    • Sign In to Blogger Dashboard
    • Go to Template -> Edit HTML
    • Find </head>
    • copy the following code above it
    <script type='text/javascript'>
    var thumbnail_mode = "no-float" ;
    summary_noimg = 400;  /* Summary length if no image*/
    summary_img = 300; /* Summary length with image*/
    img_thumb_height = 200; /*Image Height*/
    img_thumb_width = 200; /*Image Width*/
    </script>
    <script type='text/javascript' src='http://netoopscodes.googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js' ></script>
    If you add CSS codes to style jump link in your blog, then See the Update
    • Then Find (Ctrl+F)  <data:post.body/> and replace it with the following code
    • If you find more than one <data:post.body/> replace all occurrences.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/>
    </div>
    <script type='text/javascript'>
    createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <div style='clear: both;'/>
    <span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more...</a></span><a href="http://netoopsblog.blogspot.com"><img src="http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png"></a>
    </b:if>
    </b:if>
    •  Save Template.

    UPDATE [17.08.2013]

       In the above code, only a simple link to the post shows in the homepage. If you want to style that link or did you add css codes to style the jumplink, then add the following code instead of the above.
      • Then Find (Ctrl+F)  <data:post.body/> and replace it with the following code
      • If you find more than one <data:post.body/> replace all occurrences.
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <data:post.body/>
      <b:else/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <data:post.body/>
      <b:else/>
      <div expr:id='&quot;summary&quot; + data:post.id'>
      <data:post.body/>
      </div>
      <script type='text/javascript'>
      createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
      </script>
      <div style='clear: both;'/>
      <div class='jump-link'><a expr:href='data:post.url' expr:title='data:post.title' >Read more...</a></div><a href="http://netoopsblog.blogspot.com"><img src="http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png"></a>
      </b:if>
      </b:if>
      Congratulations, You have done the Hack to your Blog. I think you enjoyed this article.
      Read more...

      Contact Us

      Name

      Email *

      Message *