Wednesday, October 23, 2013

Post 9

Posted by Ishtiaq Ahmad at 3:26 AM 0 comments

an-image

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lorem dolor amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.


<style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;  
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUPcmEGFCTPC3R38XHdsjJ89M2Znfhv05o6Nev-6pQGl8mFvjxF0AvyW_ruBnvTCB9b5RGNqpscLMBui9GTxGEpDg-H_54HxtcrVHk6eVHnIfDnayjKlQHcqI5clcwZ-kmdXhccRYAW0/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcb-ZVj83ATdJpsoBOIhDy3UvKEgJ5esIP6DMBSYDWBbui5WN9-YKs7Y-W_BK0QXRtJ7COK2gN_zbfbezJH_SLW_-LQt0I-5UqAH96n2abpeNgX3AjGHvnNpmdPGHbIEGoblQOnSBPNeY/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEaDA84bCX059QzWfLER2aumS41Hq8iZuvfZnbwNNK3TLy8JE-oiv6TXv4DrO7yDt-FImeCeOhLadf1W9pQyfZrSbrtlcbM4ugdOw4I_V_bbr0CYot-LJFKphR9HTyBSr8HsoiEinpBE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglwSs3N6E7MA0uLSEHMzKPNpPH8dO4H2_dfKj57KFJ93Cn_Ghr7qxvzGwD6I2-cqIvP_LKMIHHOXfia_GYpkrhf_5_rGZFjKcRXx6GQ-4kdYs6wxD73V-HBn2aeYYozVnaNFngtj80jyo/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofydRNPs3Xg6EnyxQlTJGwJkBxamggMNVM3xo79v-gpokLeUeTuFTSLHRnppeNqpNqg3KcbTCI8ys-Gabvdz7UZ2xPzk6vkCoyr9UmVD-puU0jhyphenhyphennMK0UeQCuGZPdh5pr9WSzAXlNW60/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);
    $('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id="social">
<li class="twitter"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Twitter"></a></li>
<li class="googleplus"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Google Plus"></a></li>
<li class="facebook"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Facebook"></a></li>
<li class="rss"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Rss"></a></li>
<li class="pinterest"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Pinterest"></a></li>
</ul>
  • List Item 1
  • List Item 2
  • List Item 3
HeaderHeaderHeader
DataDataData
DataDataData
DataDataData

Created with Artisteer
Read More..

Post 8

Posted by Ishtiaq Ahmad at 3:26 AM 0 comments

an-image

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lorem dolor amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.


<style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;  
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUPcmEGFCTPC3R38XHdsjJ89M2Znfhv05o6Nev-6pQGl8mFvjxF0AvyW_ruBnvTCB9b5RGNqpscLMBui9GTxGEpDg-H_54HxtcrVHk6eVHnIfDnayjKlQHcqI5clcwZ-kmdXhccRYAW0/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcb-ZVj83ATdJpsoBOIhDy3UvKEgJ5esIP6DMBSYDWBbui5WN9-YKs7Y-W_BK0QXRtJ7COK2gN_zbfbezJH_SLW_-LQt0I-5UqAH96n2abpeNgX3AjGHvnNpmdPGHbIEGoblQOnSBPNeY/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEaDA84bCX059QzWfLER2aumS41Hq8iZuvfZnbwNNK3TLy8JE-oiv6TXv4DrO7yDt-FImeCeOhLadf1W9pQyfZrSbrtlcbM4ugdOw4I_V_bbr0CYot-LJFKphR9HTyBSr8HsoiEinpBE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglwSs3N6E7MA0uLSEHMzKPNpPH8dO4H2_dfKj57KFJ93Cn_Ghr7qxvzGwD6I2-cqIvP_LKMIHHOXfia_GYpkrhf_5_rGZFjKcRXx6GQ-4kdYs6wxD73V-HBn2aeYYozVnaNFngtj80jyo/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofydRNPs3Xg6EnyxQlTJGwJkBxamggMNVM3xo79v-gpokLeUeTuFTSLHRnppeNqpNqg3KcbTCI8ys-Gabvdz7UZ2xPzk6vkCoyr9UmVD-puU0jhyphenhyphennMK0UeQCuGZPdh5pr9WSzAXlNW60/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);
    $('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id="social">
<li class="twitter"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Twitter"></a></li>
<li class="googleplus"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Google Plus"></a></li>
<li class="facebook"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Facebook"></a></li>
<li class="rss"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Rss"></a></li>
<li class="pinterest"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Pinterest"></a></li>
</ul>
  • List Item 1
  • List Item 2
  • List Item 3
HeaderHeaderHeader
DataDataData
DataDataData
DataDataData

Created with Artisteer
Read More..

Post 7

Posted by Ishtiaq Ahmad at 3:26 AM 0 comments

an-image

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lorem dolor amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.


<style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;  
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUPcmEGFCTPC3R38XHdsjJ89M2Znfhv05o6Nev-6pQGl8mFvjxF0AvyW_ruBnvTCB9b5RGNqpscLMBui9GTxGEpDg-H_54HxtcrVHk6eVHnIfDnayjKlQHcqI5clcwZ-kmdXhccRYAW0/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcb-ZVj83ATdJpsoBOIhDy3UvKEgJ5esIP6DMBSYDWBbui5WN9-YKs7Y-W_BK0QXRtJ7COK2gN_zbfbezJH_SLW_-LQt0I-5UqAH96n2abpeNgX3AjGHvnNpmdPGHbIEGoblQOnSBPNeY/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEaDA84bCX059QzWfLER2aumS41Hq8iZuvfZnbwNNK3TLy8JE-oiv6TXv4DrO7yDt-FImeCeOhLadf1W9pQyfZrSbrtlcbM4ugdOw4I_V_bbr0CYot-LJFKphR9HTyBSr8HsoiEinpBE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglwSs3N6E7MA0uLSEHMzKPNpPH8dO4H2_dfKj57KFJ93Cn_Ghr7qxvzGwD6I2-cqIvP_LKMIHHOXfia_GYpkrhf_5_rGZFjKcRXx6GQ-4kdYs6wxD73V-HBn2aeYYozVnaNFngtj80jyo/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofydRNPs3Xg6EnyxQlTJGwJkBxamggMNVM3xo79v-gpokLeUeTuFTSLHRnppeNqpNqg3KcbTCI8ys-Gabvdz7UZ2xPzk6vkCoyr9UmVD-puU0jhyphenhyphennMK0UeQCuGZPdh5pr9WSzAXlNW60/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);
    $('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id="social">
<li class="twitter"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Twitter"></a></li>
<li class="googleplus"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Google Plus"></a></li>
<li class="facebook"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Facebook"></a></li>
<li class="rss"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Rss"></a></li>
<li class="pinterest"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Pinterest"></a></li>
</ul>
  • List Item 1
  • List Item 2
  • List Item 3
HeaderHeaderHeader
DataDataData
DataDataData
DataDataData

Created with Artisteer
Read More..

Post 6

Posted by Ishtiaq Ahmad at 3:25 AM 0 comments

an-image

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lorem dolor amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.


<style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;  
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUPcmEGFCTPC3R38XHdsjJ89M2Znfhv05o6Nev-6pQGl8mFvjxF0AvyW_ruBnvTCB9b5RGNqpscLMBui9GTxGEpDg-H_54HxtcrVHk6eVHnIfDnayjKlQHcqI5clcwZ-kmdXhccRYAW0/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcb-ZVj83ATdJpsoBOIhDy3UvKEgJ5esIP6DMBSYDWBbui5WN9-YKs7Y-W_BK0QXRtJ7COK2gN_zbfbezJH_SLW_-LQt0I-5UqAH96n2abpeNgX3AjGHvnNpmdPGHbIEGoblQOnSBPNeY/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEaDA84bCX059QzWfLER2aumS41Hq8iZuvfZnbwNNK3TLy8JE-oiv6TXv4DrO7yDt-FImeCeOhLadf1W9pQyfZrSbrtlcbM4ugdOw4I_V_bbr0CYot-LJFKphR9HTyBSr8HsoiEinpBE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglwSs3N6E7MA0uLSEHMzKPNpPH8dO4H2_dfKj57KFJ93Cn_Ghr7qxvzGwD6I2-cqIvP_LKMIHHOXfia_GYpkrhf_5_rGZFjKcRXx6GQ-4kdYs6wxD73V-HBn2aeYYozVnaNFngtj80jyo/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofydRNPs3Xg6EnyxQlTJGwJkBxamggMNVM3xo79v-gpokLeUeTuFTSLHRnppeNqpNqg3KcbTCI8ys-Gabvdz7UZ2xPzk6vkCoyr9UmVD-puU0jhyphenhyphennMK0UeQCuGZPdh5pr9WSzAXlNW60/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);
    $('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id="social">
<li class="twitter"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Twitter"></a></li>
<li class="googleplus"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Google Plus"></a></li>
<li class="facebook"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Facebook"></a></li>
<li class="rss"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Rss"></a></li>
<li class="pinterest"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Pinterest"></a></li>
</ul>
  • List Item 1
  • List Item 2
  • List Item 3
HeaderHeaderHeader
DataDataData
DataDataData
DataDataData

Created with Artisteer
Read More..

Post 5

Posted by Ishtiaq Ahmad at 3:15 AM 0 comments

an-image

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lorem dolor amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.


<style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;  
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUPcmEGFCTPC3R38XHdsjJ89M2Znfhv05o6Nev-6pQGl8mFvjxF0AvyW_ruBnvTCB9b5RGNqpscLMBui9GTxGEpDg-H_54HxtcrVHk6eVHnIfDnayjKlQHcqI5clcwZ-kmdXhccRYAW0/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcb-ZVj83ATdJpsoBOIhDy3UvKEgJ5esIP6DMBSYDWBbui5WN9-YKs7Y-W_BK0QXRtJ7COK2gN_zbfbezJH_SLW_-LQt0I-5UqAH96n2abpeNgX3AjGHvnNpmdPGHbIEGoblQOnSBPNeY/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEaDA84bCX059QzWfLER2aumS41Hq8iZuvfZnbwNNK3TLy8JE-oiv6TXv4DrO7yDt-FImeCeOhLadf1W9pQyfZrSbrtlcbM4ugdOw4I_V_bbr0CYot-LJFKphR9HTyBSr8HsoiEinpBE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglwSs3N6E7MA0uLSEHMzKPNpPH8dO4H2_dfKj57KFJ93Cn_Ghr7qxvzGwD6I2-cqIvP_LKMIHHOXfia_GYpkrhf_5_rGZFjKcRXx6GQ-4kdYs6wxD73V-HBn2aeYYozVnaNFngtj80jyo/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofydRNPs3Xg6EnyxQlTJGwJkBxamggMNVM3xo79v-gpokLeUeTuFTSLHRnppeNqpNqg3KcbTCI8ys-Gabvdz7UZ2xPzk6vkCoyr9UmVD-puU0jhyphenhyphennMK0UeQCuGZPdh5pr9WSzAXlNW60/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);
    $('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id="social">
<li class="twitter"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Twitter"></a></li>
<li class="googleplus"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Google Plus"></a></li>
<li class="facebook"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Facebook"></a></li>
<li class="rss"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Rss"></a></li>
<li class="pinterest"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Pinterest"></a></li>
</ul>
  • List Item 1
  • List Item 2
  • List Item 3
HeaderHeaderHeader
DataDataData
DataDataData
DataDataData

Created with Artisteer
Read More..

Post 4

Posted by Ishtiaq Ahmad at 3:15 AM 0 comments

an-image

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lorem dolor amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.


<style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;  
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUPcmEGFCTPC3R38XHdsjJ89M2Znfhv05o6Nev-6pQGl8mFvjxF0AvyW_ruBnvTCB9b5RGNqpscLMBui9GTxGEpDg-H_54HxtcrVHk6eVHnIfDnayjKlQHcqI5clcwZ-kmdXhccRYAW0/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcb-ZVj83ATdJpsoBOIhDy3UvKEgJ5esIP6DMBSYDWBbui5WN9-YKs7Y-W_BK0QXRtJ7COK2gN_zbfbezJH_SLW_-LQt0I-5UqAH96n2abpeNgX3AjGHvnNpmdPGHbIEGoblQOnSBPNeY/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEaDA84bCX059QzWfLER2aumS41Hq8iZuvfZnbwNNK3TLy8JE-oiv6TXv4DrO7yDt-FImeCeOhLadf1W9pQyfZrSbrtlcbM4ugdOw4I_V_bbr0CYot-LJFKphR9HTyBSr8HsoiEinpBE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglwSs3N6E7MA0uLSEHMzKPNpPH8dO4H2_dfKj57KFJ93Cn_Ghr7qxvzGwD6I2-cqIvP_LKMIHHOXfia_GYpkrhf_5_rGZFjKcRXx6GQ-4kdYs6wxD73V-HBn2aeYYozVnaNFngtj80jyo/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofydRNPs3Xg6EnyxQlTJGwJkBxamggMNVM3xo79v-gpokLeUeTuFTSLHRnppeNqpNqg3KcbTCI8ys-Gabvdz7UZ2xPzk6vkCoyr9UmVD-puU0jhyphenhyphennMK0UeQCuGZPdh5pr9WSzAXlNW60/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);
    $('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id="social">
<li class="twitter"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Twitter"></a></li>
<li class="googleplus"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Google Plus"></a></li>
<li class="facebook"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Facebook"></a></li>
<li class="rss"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Rss"></a></li>
<li class="pinterest"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Pinterest"></a></li>
</ul>
  • List Item 1
  • List Item 2
  • List Item 3
HeaderHeaderHeader
DataDataData
DataDataData
DataDataData

Created with Artisteer
Read More..

Post 3

Posted by Ishtiaq Ahmad at 3:15 AM 0 comments

an-image

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lorem dolor amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.


<style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;  
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUPcmEGFCTPC3R38XHdsjJ89M2Znfhv05o6Nev-6pQGl8mFvjxF0AvyW_ruBnvTCB9b5RGNqpscLMBui9GTxGEpDg-H_54HxtcrVHk6eVHnIfDnayjKlQHcqI5clcwZ-kmdXhccRYAW0/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcb-ZVj83ATdJpsoBOIhDy3UvKEgJ5esIP6DMBSYDWBbui5WN9-YKs7Y-W_BK0QXRtJ7COK2gN_zbfbezJH_SLW_-LQt0I-5UqAH96n2abpeNgX3AjGHvnNpmdPGHbIEGoblQOnSBPNeY/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEaDA84bCX059QzWfLER2aumS41Hq8iZuvfZnbwNNK3TLy8JE-oiv6TXv4DrO7yDt-FImeCeOhLadf1W9pQyfZrSbrtlcbM4ugdOw4I_V_bbr0CYot-LJFKphR9HTyBSr8HsoiEinpBE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglwSs3N6E7MA0uLSEHMzKPNpPH8dO4H2_dfKj57KFJ93Cn_Ghr7qxvzGwD6I2-cqIvP_LKMIHHOXfia_GYpkrhf_5_rGZFjKcRXx6GQ-4kdYs6wxD73V-HBn2aeYYozVnaNFngtj80jyo/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofydRNPs3Xg6EnyxQlTJGwJkBxamggMNVM3xo79v-gpokLeUeTuFTSLHRnppeNqpNqg3KcbTCI8ys-Gabvdz7UZ2xPzk6vkCoyr9UmVD-puU0jhyphenhyphennMK0UeQCuGZPdh5pr9WSzAXlNW60/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);
    $('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id="social">
<li class="twitter"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Twitter"></a></li>
<li class="googleplus"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Google Plus"></a></li>
<li class="facebook"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Facebook"></a></li>
<li class="rss"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Rss"></a></li>
<li class="pinterest"><a href="https://www.blogger.com/blogger.g?blogID=631628390207990731#" title="Pinterest"></a></li>
</ul>
  • List Item 1
  • List Item 2
  • List Item 3
HeaderHeaderHeader
DataDataData
DataDataData
DataDataData

Created with Artisteer
Read More..

Your Support

a

Copyright 2011 All Rights Reserved / Privacy Policy / Sitemap / Contact Us

Template by / Blogger Tricks / Powered by / Blogger