Blogger Widgets,Tips And Trcix : Free Templets

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>
    <b:include data='blog' name='all-head-content'/>
    <title>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
        <data:blog.title/>
    <b:else/>
        <data:blog.pageName/> | <data:blog.title/>
    </b:if>
</title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   MagicBlog
Author: Klodian
URL:    www.deluxetemplates.net
Date:   August 2011

License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================

   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#170e0e">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#8F3110" value="#8F3110">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#fff" value="#0000ff">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#000" value="#0000ff">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#8F3110" value="#8F3110">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 110% Arial, Serif" value="normal normal 110% Arial, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="bold 240% Droid Serif,Serif" value="normal bold 240% Bentham">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif" value="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIjZpb7FHbn0wLnohVC8_D6vzy2iQXMvvcBaVCMqzQ2WQ2cZePeFKPdPQ1vqUcM2IxguPcg0N0VGuU8MFOZVtGYyZ05XW75r6lhtFoNLos4Ate4PkGLtCqGFOrG99JcYEtKG4AXQuDxbkJ/s0/body.png") repeat scroll 0 0 transparent;
    color: #333333;
    font: small Georgia Serif;
    margin: 0;
    text-align: center;
}
a:link {
    color: #3366CC;
    text-decoration: none;
}
a:visited {
    color: #3366CC;
    text-decoration: none;
}
a:hover {
    color: #CC6600;
    text-decoration: underline;
}
a img {
    border-width: 0;
}
#header-wrapper {
    height: 112px;
    margin: 0 auto;
}
#header-inner {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_2HVFQnq-HOI9zPZCAlqV3JIeKw61mVjQIVOeTjA5tm4W7A4OZF2k7rrYNWcEif3-88VYKM8veJzxNPfWIAYXI3tvVd3tTLIR1LESVRJHaLlEhcvFaQjXxSBcaKnB0KLyszJImpxeDHZr/s0/logo.png") no-repeat scroll 9px 24px transparent;
    height: 103px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    color: #C14D03;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
}
#header h1 {
    font: bold 230% Lobster,Serif;
    letter-spacing: 2px;
    margin: 0;
    padding: 26px 70px 1px;
    text-transform: none;
}
#header a {
    color: #C14D03;
    text-decoration: none;
}
#header a:hover {
    color: #C14D03;
}
#header .description {
    color: #444444;
    font: 100%/12px 'Shadows Into Light',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin: 0;
    padding: 0 21px 0 70px;
    text-transform: none;
}
#header img {
    margin-left: auto;
    margin-right: auto;
}
#outer-wrapper {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcIy89SsCPp1gtmNupbwCeflTzjh3zTKafI_hLBj1mswLR6brdaybKFFVP2M6SIfzmmPh96jBCkFsJdJwis3xjGtDX3azusMsZjdsc1t8NVCRW4f3pI2hqXoEHlpI3D2Qwx8cwMQoPzm35/s0/outer-wrapper.png") no-repeat scroll 0 0 transparent;
    font: 110% Arial,Serif;
    margin: 0 auto;
    text-align: left;
    width: 960px;
}
#main-wrapper {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0;
    width: 587px;
    word-wrap: break-word;
}
#sidebar-wrapper {
    float: right;
    margin-right: 4px;
    margin-top: 10px;
    overflow: hidden;
    width: 338px;
    word-wrap: break-word;
}
#sidebar-wrapper2 {
    float: left;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    width: 200px;
    word-wrap: break-word;
}
h2 {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVP8ZGCAHmak19_iaFv5Ha8YMrV4kvr0WPgZuH7KBiXYBKqEfGn1ik6jVUsUOQOGl4mI4197y3-MuMQ-TAHWO7oQcSAKW1pEtP5czimIaS-kkrIC6siMkMR3u8nSqo-LW6lT7liIiwNLxL/s0/h2bg.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font: bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: -1px;
    margin: -10px -10px 0;
    padding: 9px 10px 18px 15px;
    text-shadow: 0 1px 0 #000000;
    text-transform: none;
}
h2.date-header {
    font: 12px arial;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.post {
    margin: 0.5em 0 25px;
    padding-bottom: 5px;
}
.post h3 {
    color: #000000;
    font-size: 170%;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0.25em 0 0;
    padding: 0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
    color: #000000;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
.post h3 strong, .post h3 a:hover {
    color: #333333;
}
.post-body {
    line-height: 1.6em;
    margin: 0 0 0.75em;
}
.post-body blockquote {
    line-height: 1.3em;
}
.post-footer {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 3px double #FFFFFF;
    color: #000000;
    font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin: 0.75em 0;
    padding: 10px;
    text-transform: none;
}
.comment-link {
    margin-left: 0.6em;
}
.post img, table.tr-caption-container {
    border: 4px solid #EEEEEE;
}
.tr-caption-container img {
    border: medium none;
    padding: 0;
}
.post blockquote {
    font: italic 13px georgia;
    margin: 1em 20px;
}
.post blockquote p {
    margin: 0.75em 0;
}
#comments h4 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.4em;
    margin: 1em 0;
    text-transform: none;
}
#comments-block {
    line-height: 1.6em;
    margin: 1em 0 1.5em;
}
body#layout #main-wrapper {
    margin-top: 0;
    overflow: visible;
}
body#layout #sidebar-wrapper {
    margin-top: 0;
    overflow: visible;
}
#comments-block .comment-author {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #EEEEEE;
    font-size: 15px;
    font-weight: normal;
    margin-right: 20px;
    padding: 5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #E8DEC4;
    border-color: #E8DEC4;
    border-style: solid;
    border-width: 2px 1px 1px;
    line-height: 16px;
    padding: 5px;
}
#comments-block .comment-body {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    margin-left: 0;
    margin-right: 20px;
    padding: 7px;
}
#comments-block .comment-footer {
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    font-size: 11px;
    line-height: 1.4em;
    margin: -0.25em 20px 2em 0;
    padding: 5px;
    text-transform: none;
}
#comments-block .comment-body p {
    margin: 0 0 0.75em;
}
.deleted-comment {
    color: gray;
    font-style: italic;
}
#blog-pager-newer-link {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    padding: 7px;
}
#blog-pager-older-link {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    padding: 7px;
}
#blog-pager {
    margin: 25px 0 0;
    overflow: hidden;
    text-align: center;
}
.feed-links {
    clear: both;
    line-height: 2.5em;
}
.sidebar {
    color: #333333;
    font-size: 90%;
    line-height: 1.5em;
}
.sidebar2 {
    color: #333333;
    font-size: 90%;
    line-height: 1.5em;
    text-shadow: 0 1px 0 #EEEEEE;
}
.sidebar ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sidebar li {
    border-bottom: 1px dotted #DDDDDD;
    line-height: 1.5em;
    margin: 0;
    padding: 2px;
}
.sidebar2 .widget, .main .widget {
    margin: 0 0 1.5em;
    padding: 0 0 1.5em;
}
.sidebar2 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sidebar2 li {
    border-bottom: 1px dotted #EEEEEE;
    line-height: 1.5em;
    margin: 0;
    padding: 2px;
}
.sidebar2 .widget, .main .widget {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCnjJxBDBu2-ma-ASnBQ8Ze0vn9x77jug-AilxbQ3FaV194j7LIbXkaaB2YOW9_7grTuPW-0Um1FaZQLeh14cPg2D6WS9sd73zqhS-tiWjhSEl25FampWbrSnXGvP-dF9dM5AQpSeZhuS3/s0/postcont.png") repeat scroll 0 0 transparent;
    margin: 5px 0;
    padding: 5px;
}
.main .Blog {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 0;
}
.profile-img {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 5px 5px 0;
    padding: 4px;
}
.profile-data {
    color: #999999;
    font: bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0.1em;
    margin: 0;
    text-transform: uppercase;
}
.profile-datablock {
    margin: 0.5em 0;
}
.profile-textblock {
    line-height: 1.6em;
    margin: 0.5em 0;
}
.profile-link {
    font: 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
#footer {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4L3Y-NS-NowSx6MCsEoFS0kOrcb-FuoicKpssSeNmCdfxL0p-d1jVpGDMG2tc5hdeLn57kGbyTdoMzf-3BfOZGIqCHl0kAxLKIK4jj95ECqulTw4Sz65sMky9PBKnFgUnC9xb6Ifc6i9/s0/footer.png") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #333333;
    font: 11px arial;
    letter-spacing: 0;
    margin: 0 auto;
    padding-bottom: 19px;
    padding-top: 27px;
    text-align: center;
    text-transform: none;
    width: 960px;
}
.feed-links {
    display: none;
}
#Attribution1 {
    display: none;
}
body#layout #footer {
    display: none;
}
body#layout #addthis_toolbox {
    display: none;
}
body#layout #crosscol-wrapper {
    display: none;
}
body#layout #searchbox {
    display: none;
}
.post-share-buttons {
}
#sidebar-wrapper2 .sidebar .widget {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWdD3N6IKXjDyy2X20OzYqGbuzPa7UdmZsqKcxEycxeYulFwxTqQJmfnmqCFiGXeWfsGExPbSEV4W-HTynKs9wdF_Vn7ec-yWkoLPn8o76n7FFz5EbZy8uUpCBt_2JnkAiwe4lkKTyOdB1/s0/sidebar.png") no-repeat scroll right top #CDCDCD;
    margin-bottom: 8px;
    padding: 0;
}
#sidebar-wrapper2 .widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 10px;
}
#sidebar-wrapper .sidebar .widget {
    margin-bottom: 14px;
    padding: 10px;
}
#sidebar-wrapper .widget-content {
    margin-right: 14px;
}
#footer-bg {
}
.first-links {
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 30px;
}
.second-links {
    padding-left: 30px;
}
#footer a {
    color: #333333;
}
#content-wrapper {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkwS5QbBkuzaJRz-gOVGl217kDK7wPZhQ7OXDu8gglHdymouab3tcP883MFIAvJGgDtstl10HXQn46uIQ3V_vyLhH0lA-k1HfhSrIGOQlRh1Csr_k8hWUZtXOcdrGsDuV-eCXcrm3G439Q/s0/content.png") repeat-y scroll 0 0 transparent;
    margin: 0 auto;
    width: 960px;
}
#PageList1 {
    height: 37px;
    margin: 0 auto 0 22px;
    padding-top: 0;
    width: 944px;
}
.PageList li a {
    color: #FFFFFF;
    font: bold 12px arial;
    padding: 12px 14px;
    text-shadow: 0 1px 0 #000000;
    text-transform: none;
}
.crosscol .PageList li, .footer .PageList li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 8px 0;
}
.PageList li.selected a {
    background: none repeat scroll 0 0 #DB6C33;
    color: #FFFFFF;
    text-decoration: none;
}
.PageList li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.searchbox {
    -moz-background-inline-policy: continuous;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJgxqHOyWVeQptpsfCYxyfPOWxYj932hxb5W3AMzdqU_D5t0qWXb9Xa8l63d031itOt9EFIWHJm4IbKvKMm1IoXxj-jRVLbddH6nQajo9z6mV1v_jIKBZvd7JZhB51OFYyykWONi-JDM-a/s0/search.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 50px;
    margin-right: 43px;
    margin-top: -40px;
    width: 249px;
}
.searchbox .textfield {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 20px;
    margin: 14px 1px 5px 25px;
    width: 155px;
}
.searchbox .button {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 20px;
    margin-left: 2px;
    margin-top: 14px;
    width: 35px;
}
h2.date-header {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhLQPr7FrRPCM2_T2XPnPY6TvI5q8BtXeywRGf479-rCrwe5wphuNJlBYQ0koKqVls0-UBoQo6Lzd3DwoUP0ncfa90pcYAY6roQ68Dh4nY3bIRpS8t6QWAvSzqqZGW9HVYF61X6c0MtiAY/s0/1276328132_date.png") no-repeat scroll left -1px transparent;
    border: medium none;
    color: #333333;
    font: 12px arial;
    letter-spacing: 0;
    margin: 0;
    padding-left: 20px;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: none;
}
.post-author {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIK0wVuV-8Fg73HCFCqpDFhPajVptKF7S9nOfTlHHgLe8qIM07mBfasHSjIrGCreWhfoBSRdOQO4PehE_pYclraRbFRhQUaUeBE2vLuwlDBsWFeT51xWfQwmqXezBIrrBMuZFbDOSL1QqY/s0/aaa.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
.post-comment-link a {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp3WyjvypvmNsdX7tF0e67mJUzCFmKQM5_NH5Yno059cdTPxjMwGViFsHtpHGGLOB172OwiMHWcU1vU_hO77aMHnL6bi_vsioZd5GI7xh5B5hrk-gyhQcHhvG76ErBRZY-WnWXwL4gXh69/s0/1276328597_comment.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.post-labels {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMFjNCHJoXztw3nMtxnrdcLi_mr3wYaNic6kDD5sLyE0B4YpHOtV0265yoJLydmMiwtKhlBJpSQc3mepCEuafaifQkHKqKJ-6xbyp76V64C-9WxXzOlnq7rSb0ms1yxCc3rvXXIDKj7Kp7/s0/1276330011_tags.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
#wrapper {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUsH1M9xq0NnHBqaaRUGFo-XCdXSwvsnYo-qTkeOmPMXejD39ANR8bx1Y_4eQwkGQiZ1KYX8AlbnzDVpgqC-Gyz9xihgW2o_62egHjFApD_UQ4fwitya2uHv79SqrskWzOTjEO05md7bkH/s0/wrapper.png") repeat-x scroll 0 0 transparent;
}
#content-but {
}
.col-left {
    float: left;
    width: 49%;
}
.col-right {
    float: right;
    width: 48%;
}
#HTML102 h2 {
    display: none;
}
body#layout #ads-header {
    float: right;
    height: 60px;
    margin-right: 20px;
    margin-top: 0;
    width: 300px;
}
body#layout #HTML102 {
    float: right;
    margin-right: 0;
    width: 296px;
}
body#layout #Header1 {
    float: left;
    margin-left: 20px;
    width: 600px;
}
body#layout #headertw {
    display: none;
}
#headertw {
    float: left;
    height: 27px;
    margin-left: 645px;
    margin-top: -32px;
    position: relative;
}
#headertw img {
    margin-right: 5px;
    padding: 0;
}
#searchbox {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 12px 12px 12px 12px;
    float: right;
    height: 23px;
    margin-right: 29px;
    margin-top: -31px;
    width: 182px;
}
#searchbox .textfield {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 18px;
    margin: 2px 1px 2px 8px;
    width: 140px;
}
#searchbox .button {
    -moz-background-inline-policy: continuous;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTj-LXK5qyJ6Q3EUY39Fj5avMAb3a6mFV2r4iRV5_dV6HjHXJOllzl0fZlBTrVfYdTnWPepNWmGCK1_tkhI5EhcoJBtVlNxsjGTc_eoMiC3MG4cnAv-8hWxUwRJlr9ImCVUQYoPQvI1Cyy/s0/searc.png") no-repeat scroll 0 4px transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    margin-left: 2px;
    margin-top: 0;
    width: 23px;
}
#HTML102 h2 {
    display: none;
}
body#layout #ads-header {
    float: right;
    height: 60px;
    margin-right: 20px;
    margin-top: -42px;
    width: 268px;
}
body#layout #HTML102 {
    float: right;
    margin-right: 0;
    width: 296px;
}
.text-h {
    color: #FFFFFF;
    display: none;
    float: left;
    font: bold 13px Arial;
    margin-right: 10px;
    margin-top: 5px;
    text-transform: none;
}
#ads-header {
    height: 60px;
    margin-left: 468px;
    margin-top: -75px;
    width: 495px;
}
#newheader {
    height: 38px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
    width: 950px;
}
.crosscol .PageList UL, .footer .PageList UL {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
.post-footer a {
}
.date-outer {
    margin-bottom: 5px;
}
#s3slider {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px double #CCCCCC;
    height: 280px;
    margin-bottom: 25px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 #000000;
    width: 581px;
}
#s3sliderContent {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 300px;
    list-style: none outside none;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -14px;
    width: 581px;
}
.s3sliderImage {
    float: left;
    position: relative;
    width: 582px;
}
.s3sliderImage span {
    background-color: #000000;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    height: 300px;
    line-height: 16px;
    opacity: 0.7;
    overflow: hidden;
    padding: 10px 13px;
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
}
.s3sliderImage strong a {
    font-family: 'Myriad Pro',Helvetica,Arial,Sans-Serif;
    font-size: 20px;
}
.s3sliderImage strong a:hover {
    color: #FFFFFF;
}
#HTML101 h2 {
    display: none;
}
.sidebar a {
}
#wrapper-bg {
}
#Label1 h2 {
    display: none;
}
.second-row h2 {
    display: none;
}
.second-row a {
    color: #333333;
}
.second-row {
    height: 39px;
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-transform: none;
    width: 960px;
}
.second-row li {
    border-right: 1px solid #CCC7BB;
    color: #333333;
    float: left;
    font: bold 12px Arial;
    margin: 0 2px 0 0;
    padding: 15px 14px 9px;
    text-transform: uppercase;
}
.second-row ul {
    float: left;
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 13px;
    margin-top: 0;
    padding: 0;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 890px;
}

]]></b:skin>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
/* ------------------------------------------------------------------------
    s3Slider

    Developped By: Boban KariÃ…Â¡ik -> http://www.serie3.info/
        CSS Help: MÃƒÂ©szÃƒÂ¡ros RÃƒÂ³bert -> http://www.perspectived.com/
    Version: 1.0

    Copyright: Feel free to redistribute the script/modify it, as
               long as you leave my infos at the top.
-------------------------------------------------------------------------- */

(function($){

    $.fn.s3Slider = function(vars) {

        var element     = this;
        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current     = null;
        var timeOutFn   = null;
        var faderStat   = true;
        var mOver       = false;
        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

        items.each(function(i) {

            $(items[i]).mouseover(function() {
               mOver = true;
            });

            $(items[i]).mouseout(function() {
                mOver   = false;
                fadeElement(true);
            });

        });

        var fadeElement = function(isMouseOut) {
            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
            if(items.length > 0) {
                timeOutFn = setTimeout(makeSlider, thisTimeOut);
            } else {
                console.log("Poof..");
            }
        }

        var makeSlider = function() {
            current = (current != null) ? current : items[(items.length-1)];
            var currNo      = jQuery.inArray(current, items) + 1
            currNo = (currNo == items.length) ? 0 : (currNo - 1);
            var newMargin   = $(element).width() * currNo;
            if(faderStat == true) {
                if(!mOver) {
                    $(items[currNo]).fadeIn((timeOut/6), function() {
                        if($(itemsSpan[currNo]).css('bottom') == 0) {
                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        } else {
                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        }
                    });
                }
            } else {
                if(!mOver) {
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                            $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    } else {
                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                        $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    }
                }
            }
        }

        makeSlider();

    };

})(jQuery);
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready (
function(){jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },
function(){ jQuery("#facebook_right").stop(true,false).animate({right: -249}, 500); });
});
</script>
</head>

<body>
<div id='wrapper'>
<div id='wrapper-bg'>
<div id='outer-wrapper'><div id='wrap2'>

    
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
<div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
<div id='headertw'>
<span class='text-h'>Subscribe:</span> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmPf9aWcDLpJZtp6x_o0CYo2eLbXQzeus0Fmx4BuIyAVmKDknat5MYJttxHUWtqUzp9_MExdd65WtI3PWvMFmkdoRp3JJSlB_rRAh1s4UYJOBkzQw9l_XSBKxZQWbNGAJAioBhC14lQBcO/s0/rss.png'/></a> <a href='http://www.twitter.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Y_e-ktXpd67OclBhQ_wet7bqvYn44RDIIM2LQOsaux0NB65BV8U5cVpVF7Uco0ZWJNUA6pP7KGRe92kBylipJoRCFMR2iBGFBKmu1Ft2meMzUl9xbiz9zjgRR-Fnz6aUYeAOk5NMFMrB/s0/twitter.png'/></a> <a href='http://www.facebook.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTVHhFvglZ9u5xhlYw-KOgIq17sjcgqFcbmx4EKHJUYSqWwy24STcQA5Jit0kM8q1DQ1usD1j-4qDHv8vPsxMy6MCfpnuNfgXhiLniGvEMe2JWlSffervrtico1fAo6F96YcAzZCrYWK91/s0/facebook.png'/></a>
</div>
<div id='searchbox'>
<form expr:action='data:blog.homepageUrl + "search/"' id='searchthis' method='get'>
<div class='content'>
<input class='textfield' name='q' size='24' type='text' value=''/>
<input class='button' type='submit' value=''/>
</div>
</form>
</div></div>
    <div id='header-wrapper'>

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Love Poetry (Header)' type='Header'/>
</b:section>
<b:section class='ads-header' id='ads-header' showaddelement='no'/>

    </div>

<div class='second-row'> <b:section class='second-row' id='second-row' preferred='yes' showaddelement='no'>
<b:widget id='Label1' locked='true' title='Labels' type='Label'/>
</b:section></div>


    <div id='content-wrapper'>

      <div id='main-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='slider-k' id='slider-k' showaddelement='no'/></b:if>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='HTML12' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='Send Free Sms In Pakistan' type='HTML'/>
</b:section>
      </div>

          <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML11' locked='false' title='' type='HTML'/>
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='PlusBadge1' locked='false' title='Google+ Badge' type='PlusBadge'/>
<b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Join Us On Facebook' type='HTML'/>
<b:widget id='HTML13' locked='false' title='Recent Comments' type='HTML'/>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
      </div>
      
      <div class='clear'> </div>

    </div> 
<div id='content-but'/>


</div></div> 
<div id='footer-bg'>
<div id='footer'>

<div class='first-links'>(c) 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.
Designed by <a href='http://www.bestpakpoetry.blogspot.com'>Love porty</a> - <a href='http://www.cyberoptik.net/'>Rana sgeel Web Design</a>, <a href='http://www.bestpakpoetry.blogspot.com/'>Rana</a>, <a href='http://www.bestpakpoetry.blogpot.com/'>web designer</a></div>

</div></div></div></div>

</body>
<style type='text/css'>body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>
</html>

Blogger Widgets,Tips And Trcix

Pages

Free Templets

1 comment: