Unordered List

Friday, October 12, 2012

How To Add JQuery Lazy Load Plugin To Your Blogger Blog

This post will explain to you how to add JQuery Lazy Load Plugin to your blogger blog or any other website easily. This script is used to show a loader, when peoples open your web page.( For Example, you are thinking to play a PC game so before you could start playing you have to go through loading part.) This script is 100% working. If you want to insert Please  follow me.

 

 

loading_bar.gif (562×126)

 

 

 

Features of  Lazy Page Loader:
  • It is search engine friendly so it will not affect your Site Speed or anything.
  • It is compatible with almost each and every browser i.e. Chrome, Firefox, Internet Explorer and etc.
  • It has multiple Loading effects so you can choose according to your desire needs.
  • It has flexible coding so you can customize it without any hesitation whatsoever.
  • It will also help those blogs which take less time to load because the loading features will keep your visitors interested in your blog.

 

How To Install Lazy Page Loading Effect To Blogger:

 

 

  • Click “ Template” button.

 

  • Hit “Edit HTML”.

 

  • Proceed.

 

  • Find  ]]></b:skin> and just above it Paste the following CSS coding (CTRL + F ).

 

 

 Now from the above CSS coding Replace Loading-GIF-Here with any Animated Loading Effect ( Some effects are given below. Select one.)

  • Now again within your template Search for </head> and just above it paste the following JavaScript Coding.

 

 

 

  • Once again in your template Search for </body> and above it paste the following HTML code.

 

(Recommended)

 

  • If you want loading effect on each and every page of your blog, Copy below code and paste it above </body> tag.

 

 

 

 

  • If you want to show This Loading effect only on your home page,Copy below code and paste it above </body> tag.

 

 

 

 

Select Animated Loading Effect :

 

 

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-7je5OPCDFLFE_yqvPXE89TwaaZBI1tC55CILARrcvO8mo5z6NUbSZTAPFR4v29KI0bojD67WUEocC4lSi5bbIROXI-FZ0YlMa8lJPjf4bXT91hAGOazcywf_9ESGwLRn7KS6Y9WdzU/s1600/MBL-Loading-1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJoS0AXy6Lg3MBttk0gBa2BWhchIuSxgmChsN2LR-xEryStaSobKFN5PjsHTmJI6NMFraPSJLFwt9AdGgVj4fsRlizgQrSFRKL_fWYbFQN4tPzWnVs97KIYQxzv2wUwT-AbYHnW_rsE70/s1600/MBL-Loading-3.gif

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqZqCPB_OUVIxSeTHr4faegzGevNxt4VRLwnORIIgYvygAQ3Rudr0Y3Bm8Z5mgdtiUq9Poi_FrzyoUEk5SJou98z17vkrRAPgcxtvZ7pfJLu-3vJMSQ-yMDP9HJNKCKjO0-6yZtPytBY/s1600/MBL-Loading-2.gif

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPY6jCy0BDIJwfxdGsNEDZUjXDdeuHbghrAeBA4empXm10Z3jYj9Iw06rVvBuj8lay-uRFZ8N-EWLYRY8OOMQ5N56o2tuHqUOgvwejkPudFj_M4C1lHFcYs2fjN1Q26wgac_mt2pourQ/s1600/MBL-loading-6.gif

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH5xyP34Roq3XcWp9MJS4RpV3lncVvpMtDEA-lVRwNyGuAs1Ft_3m1tCJJf429geAJuNIh1Q4GfxqaTym3dl4JCzuxC_6JeZCxkqZpAsxEsVVq9cfTB4fLuaiS8bswxwc8UxPBfvGwX_8/s1600/MBL-loading-5.gif

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmo81Yu2aErmEqakRkbNJvC4oyOzup4zx6Sx2YjZgJrRCtL0zy4w4XjrvNTD0NCb2UjrMSYO-zmi68TJ4Laa9fA3Jatu_yrHzTCLq1uXJ1F02KDJvwsW260ivK2DkhdlhaIM4W8CpEyXU/s1600/MBL-loading-4.gif

 

 

 

 

 

 

 

………………………………………END……………………………………………..

Sunday, October 7, 2012

How To Customize Your Blogger Blog’s Bullet Point Style

Friends, Now i share something special for all.  Change your blogger bullets with beautiful images.
If you want to change blogger default bullets then find beautiful image but remember size of image should be very less or you need to add padding in CSS code.

 

 

Log in to your Blogger

 

  • Go To Blogger Dashboad

 

  • Click On Template Tab.

 

  • Now Click on Customize button.

 

  • Now Select Advance Tab.

 

  • Now scroll down and you will see Add CSS Option Click On It And Paste below code

 

.post ul li {
list-style-image:url(' Bullet Icon URL ');

 

Change Red color with bullet URL . Click here to find more bullets URL

 

 

  • Click on “Apply to Blog”.

 

 

If you need any help regarding this tutorial you can ask via comment any time.

Add 3D Social Icons with Rotate Spin Effect To Your Blogger

Last time we featured Paul Crowe created a stylish 3D widget for blog and Websites. This is  more easy to add  your blogger .Follow instructions.


3d-social-icon-pack


Log in to your Blogger.

  • Blogger Dashboard > Layout > Add A Gadget > HTML/ Javascript

  • Copy and paste the code below:


<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOGSYExglTC0WK43P39z2yJVlvqMM-7V23NUTVg777nV8r8Fn0K7yfXyb1Rgc1k56lVXPXjwXmisRoZateRb5yAwuoLemri2sZnbVuYBQsz_fr5-68rWRhg0-Z7sAFlpTXBUlyrNWrQHOW/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSiV307Jzfy5QauqEmmdgOXVGLKjBKKrjCo38P1rfx5gM0VrI_S74WBSCsEspShHbxHQvUg04pgMA21akV-pseCXgxzvfXjSsSDwTCnIXZplOybG96ezgv9G7Ms-yGoUIfS8DngcGrpol/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZU2gCDiLfEvufiHrKW15n2pWBFhT6cH-eFEsfGKEkFv6_b0h22Wrgkd4pCQGzaMuiNcXyMJYErwPR7XDUE3zX1lqTDA2zaz5579AZ4SroCDWCT6w2YMl8svO1zjCdss4AADCA2A03tAo/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjejJ-wg3DEZR9zxMj9VhHFGmvzkZUNy7wricZTiRWtacMGktgxT6Rk9JSQKW6wNVQ0-L8GZwEXsB5dtbR8Mu4Th9ZcYerASALqid9hC1QDx2k48jQIjBoL-hFsLKSWkA09V_1fGAoUpAcB/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Cob_f2u2fPoDTtIr5npI_g52m4h0jwHYiouRG1rfL6QU860IM1Dj1nY8dk7KMH7hyphenhyphenDuRqc1tOewv9PpPQIrsMayWRB2vquy_0MeX6QzD17nX1SGZpp4FbMqDrmN6X0Civ_qsjeQW5Z8E/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMNsd1RZTTMNh3kIAJEH9DCKXjLdsYeYLPSdTFdzPI2XhSpjJ_2NzyS8NYW_MadBDo4M0t0C1P8g-_6SXEN1pY7CSNy0NPMFBgi7jWTCNv-5_AjNpv_6qN2SnKzHBnBuybutVrXg-DHep/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>


Replace  Red with your own social profile and feed URLs.





  • Save It.








Leave your comments……………………………….

Saturday, October 6, 2012

How To Add Scrolling Text Box In Your Blogger

 

  • SCROLLING TEXT BOX

You may want to create a scrolling text box with code for your viewers to copy. Here is the way to do that. Copy the code below into Edit Html part of your Post Editor :

 

 

<textarea style="WIDTH: 332px; HEIGHT: 70px" onfocus="this.select();" name="textarea" cols="14">PUT CONTENT HERE</textarea>

Replace or adjust the width,height etc, with your content. The above code will create a box like this :

 

You can left click once inside the text box and the whole text will be selected.

 

  • TEXT AREA

To create a text area to mark out specific text use this code :


<textarea rows="10" cols="15">
YOUR TEXT HERE.....
</textarea>

 


This will look like the following :

 

 

 

  • TEXT AREA WITH BACKGROUND COLOR

 

You can also add color ,font style,etc

 

<textarea rows="10" cols="40" style="background:#FFFF33;">YOUR TEXT HERE.....</textarea>

 

This will look like the following :

 

 

 

 

 

 

…………………………………………..END………………………………………………..

Add Colored Falling Star Effect To Your Blogger

Friends, Now i share a trick about add falling stylish star to your blogger. We are waiting to attend Christmas, So add this effect to your blog, It will make a fresh feel. If you want to add this,please follow this post.

 

 

 

Login to your blogger dashboard.

 

  • Go to Layout.

 

  • Click on 'Add a Gadget' .

 

  • Select 'HTML/Javascript' and add the one of code given below.

 

 

Copy Below Code

 

 

 

  • Save it.

 

 

 

Leave a comment…………………….

 

 

How To Add Stylish Snow Fall Effect To Blogger

Friends, In this post we have a very cool Snow Falling Effect With Bells you can use to super charge your blog over the Christmas.Christmas is coming and as you all know Christmas is the occasion of snow, peace and ultimate cool fun so Install this script to blog and make a glorious moment. Follow steps.

 

Log in to your Blogger account

 

  • Go to Layout

 

  • Click on  “Add a Gadget”

 

  • Select “HTML/JavaScript “

 

  • Copy and paste given code

 

<script type="text/javascript" src="http://yourjavascript.com/24161412011/entertainmentsnowfalleffect.js">

</script>

 

  •   Save it.

 

 

 

 

How is it?????????????????………………………………..

How To Add A Moving Text (Also Called Marquee) To Your Blogger

Scrolling or marquee text is very attractive way to tell and write your blog news. and adding it to your blog makes it more attractive because it’s amazing way to tell your blog visitors your blog latest news.

It is so simple to add your blogger . Just copy below code and paste where you want to show news.

  • Marquee Code
<marquee>Add your text here….</marquee>

This will show as this :
Add your text here....

  • You can change direction, background, size, etc

  • You can change the direction of the text by using this tag in the beginning :

<marquee direction="right">
  • Instead of 'right' put 'up' or 'down' or 'left' as per your preference.

  • To add a background color, font color, direction, width etc. Code View:
<marquee direction="right" width="100%" style="background:#EC4F52"><font color="white">Add your text here.…</font></marquee>

This will show as this :
Add your text here...


*Change Red color and  customize News bar






How is this???????????……………………………..

Add Snow Falling Effect In Mouse Cursor For Blogger

Hello friends!, I am here  with a Simple and great trick. Snow falling in mouse cursor,You can decorate with this script and spice up your blog in Winter, Christmas , It'll bring more joy to your visitors. Follow instructions.

 

Mouse Snow Falling

 

 

Log in to your Blogger account

 

 

  • Go to Layout

 

  • Click on  “Add a Gadget”

 

  • Select “HTML/JavaScript “

 

  • Copy and paste given code

 

 

Copy Below code

 

  • Save It.

 

 

 

Happy…………………………….Comment below

Friday, September 14, 2012

How To Add Attractive Image Sliding Widget To Blogger - CSS


This is a simple trick for all bloggers. Just following this post and get this widget.



  • Log in to blogger account > Go to Design >> Page Element
  • Click Add Gadget and select 'HTML/Javascript'
  •  Paste below code {Change/Add image url (Red Color)}.


Copy this code:



<style type="text/css">

#gallerydiv {

padding:0;   

margin:0; 

list-style-type:none; 

height:267px; 

width:535px; 

overflow: hidden;

}

#gallerydiv a {

width: 40px;

float: left;

width: 40px;

height: 267px;

overflow: hidden;

text-decoration:none; 

cursor:default; 

}

#gallerydiv a.d { overflow: visible; }

#gallerydiv a:hover {

width: 400px;

}

#gallerydiv a img {

border:0; 

margin:0; 

padding:0;

}

</style>

<div id="gallerydiv">

<a href="#" class="a"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-wIOUgeYK3b_LNd9i9uWFuBTUtbNZxW9ADC1EjGkhY3q0SkxtMz9wbXj2CJjKq8t3P5XqGH5h__vz1-vqtYOypbYNt3fThJR8OEeKn_lmSjtJZBVoPSgguv0TEudm6j7oLnvwd5HQ08w/s1600/pic1.jpg" alt="multi"  /></a>

<a href="#" class="b"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp3_MKfKMIcDIYrOWH7svkqzvwOHa9BGnxmdRLaJ6Z06Wb6WNUoIFTq8GKViACkN04kGxqUZTyHcBlTiAt7vBuZF-hn4CqyafkqJWcR4W9J_2Yd377q6V7e1iFCE-k4A3TysIW6ePCzQ0/s1600/pic2.jpg" alt="green" /></a>

<a href="#" class="c"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7YPTbx6UsKTxtyBFN1u6bej4p4cQfB_623HvGi2KRTTsqJwzQmEvkV6B7-rqcyrEyNAkogYOYHHShmZmNGNEj8ZCUlUtl2gAnIDIBk7j4sTjphJ8q_COhUkN3p99qGe49O7nipugYiQ/s1600/pic3.jpg" alt="blue" /></a>

<a href="#" class="d"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4tW4nAEQhT7UkvBXYJddlaHmUw7rOHrFDyqb38f_Y97WeghTRlwDJ5I20c-d19TfI2eGRlQiftvy50e1flG48ADdJ9e4Fpf8a-m1yHrYMH3hgiF7VJ_e-SgUfmL0iN-slzZHMKDCVpEc/s1600/pic4.jpg" alt="red globe"  /></a>



</div>



4. Save HTML/Javascript. you are done.



.............................................................END..............................................................................



Friday, September 7, 2012

Download Award Keylogger - Free Cracked Full Version


Award Keylogger is fast, invisible and easy-to-use surveillance tool that allows you to find out what other users do on your computer in your absence. It records every keystroke to a log file. The log file can be sent secretly with email or FTP to a specified receiver. Award Keylogger can also detection specified keywords and take a screenshot whenever one is typed, displaying findings in a tidy log viewer. It causes no suspicious slowdowns and takes very few system


Download Award keylogger: Click here

Award Keylogger key  : Click here

Unzip password: suryadewa.com

Configure your e-mail setup Click here

After installing  Keylogger sent  updates to your email.






.............................................................END...............................................................










Thursday, September 6, 2012

Shutdown Other Computers With Command Prompt At Your School


Now i share Shutdown Other computer's with command prompt at your school. If command prompt is disable, click here  and read.


Shout down other people's Computer with command prompt if computer connected with each other.


  • Click on Start. Go to My Computer and right click on it. A window should come up with a bunch of choices. We’ll choose the one at the bottom, labeled ‘Properties’



  • Find  Computer name and other details.


  • Click on start button. go to Run and Type  CMD. Press enter. 



  • Now, a black window should pop up. In it, type in “Shutdown /i” without the quotes. A window will pop up.Click Add, and type in the name of your computer that you found earlier (w/o the period that was at the end). Click OK on that window that popped up and edit the seconds to 60. Make sure Warning is checked. Keep the option the same. Write a small comment. Click OK.




  • Go back to the Command Prompt (CMD) and type in "Shutdown /a". That will Cancel your computer Shutdown process. If you know the name of your buddies computer in the next door computer lab, type that in and don’t put the warning, so it looks like it’s randomly shutting down . Or you can do 10 seconds and a comment like “YOU HAVE BEEN HACKED. The Computer Will Explode When The Timer Reaches 0.” 




If it doesn’t work, you’ll get a message on the Command Prompt saying “The Network Path Was Not Found.”. That means you either typed in the computer’s name wrong or they aren’t on the same network. Most schools have all their computers on the same network though, so you can do it there.



.............................................................................END...............................................................................