Lisense

Selamat datang di situs pribadi saya,halaman ini adalah wadah saya berandil di internet.Saya mengambil peran diantara triliyunan pemeran dunia internet dunia perbloggingan dan dunia skala kemajuan IT,disini saya menulis tanpa paksaan dan tanpa tujuan yang menggebu gebu.Disini kami dapat bersilaturrahmi dengan ibu ibu kami dan saudara saudara kami yang jauh dari tempat tinggal kami.

CREATORNETBLOGS

SHOUTBOX

35 36 37 38 45 46 47

Get this widget

Sponsor


Buku Tamu

leave a message here

SIAPA YANG PANTAS DISEBUT TUHAN?

MUSHOLLA TAWAKAL

’1domain1hosting’/
Radio swara muslim Surabaya
Diberdayakan oleh Blogger.

Popular Post

Pengikut

About Me

FREE TEMPLATE BLOGSPOT DAN WORDPRESS-16

Selamat datang,
hari ini situs yang anda kunjungi kembali update secara normal setelah sebelumnya melakukan perenovasian total.Tema ini kami pilih supaya berbeda dengan umunya website dan blog lain dan mengutamakan artikel sebagai tampilan utama yang biasanya diisi dengan header.Sengaja kami memberi kesan berbeda dengan situs lain dan berikut adalah design blog pertama setelah 3 bulan kami tidak mengupdates artikel templates


<?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=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:   Free templates blogspot dan wordpress 16
Author: Al Ahad
URL:    www.abdur-rozak.co.tv
Date:   July 2011
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#8F3110" value="#8F3110">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#fff" value="#ffffff">
   <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="#000000">
   <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="bold 240% Droid Serif,Serif">
   <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("http://4.bp.blogspot.com/-a21GhbIOIDc/TibSx2V3wuI/AAAAAAAACzQ/DBiWUEK3Tds/s000/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: 88px;
    margin: 0 auto;
    width: 960px;
}
#header-inner {
    height: 51px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    color: #000000;
    text-align: left;
    text-shadow: 0 1px 0 #DDDDDD;
}
#header h1 {
    font: bold 190% Droid Serif,Serif;
    letter-spacing: -1px;
    margin: 0;
    padding: 17px 5px 1px;
    text-transform: none;
}
#header a {
    color: #000000;
    text-decoration: none;
}
#header a:hover {
    color: #333333;
}
#header .description {
    color: #333333;
    font: 100%/12px 'Shadows Into Light',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin: 0;
    max-width: 300px;
    padding: 0 5px 15px;
    text-transform: none;
}
#header img {
    margin-left: auto;
    margin-right: auto;
}
#outer-wrapper {
    font: 110% Arial,Serif;
    margin: 0 auto;
    text-align: left;
    width: 960px;
}
#main-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #96C0C5;
    border-top: 5px solid #96C0C5;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px;
    width: 538px;
    word-wrap: break-word;
}
#sidebar-wrapper {
    float: right;
    margin-right: 0;
    margin-top: 5px;
    overflow: hidden;
    width: 190px;
    word-wrap: break-word;
}
#sidebar-wrapper2 {
    float: left;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    width: 190px;
    word-wrap: break-word;
}
h2 {
    background: none repeat scroll 0 0 #E7E2D0;
    border-bottom: 3px double #CCCCCC;
    color: #333333;
    font: bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin: -10px -10px 0;
    padding: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: none;
}
h2.date-header {
    font: 12px arial;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.post {
    margin: 0.5em 0 -15px;
    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 #EAE8E0;
    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;
    border: 1px solid #CCCCCC;
    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;
    text-shadow: 0 1px 0 #EEEEEE;
}
.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 #999999;
    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: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #F9A800;
    border-top: 5px solid #F9A800;
    margin: 5px 0 10px;
    padding: 10px;
}
.main .Blog {
    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 {
    clear: both;
    color: #333333;
    font: 11px arial;
    letter-spacing: 0;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 10px;
    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("http://2.bp.blogspot.com/-YoLZ0oHmiGI/TibSyDotO0I/AAAAAAAACzU/3O5jGgwiJ1o/s000/sidebar.png") no-repeat scroll right top #CDCDCD;
    margin-bottom: 8px;
    padding: 0;
}
#sidebar-wrapper2 .widget-content {
    margin: 0;
    padding: 5px 0 0 0;
}
#sidebar-wrapper .sidebar .widget {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CE4766;
    border-top: 5px solid #CE4766;
    margin-bottom: 10px;
    padding: 10px;
}
#sidebar-wrapper .widget-content {
    margin: 0;
    padding: 5px 0 0 0;
}
#footer-bg {
}
.first-links {
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 30px;
}
.second-links {
    padding-left: 30px;
}
#footer a {
    color: #333333;
}
#content-wrapper {
}
#PageList1 {
    margin: 0 auto;
height:33px;
}
.PageList li a {
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    font: bold 12px arial;
    padding: 10px 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 2px 0 0;
    padding: 8px 0;
}
.PageList li.selected a {
    background: none repeat scroll 0 0 #82B0B5;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.PageList li a:hover {
    background: none repeat scroll 0 0 #82B0B5;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.searchbox {
    -moz-background-inline-policy: continuous;
    background: url("http://4.bp.blogspot.com/-sLQ2NydwLEA/TibSyY49MfI/AAAAAAAACzY/NhLNTke9n-0/s000/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("http://3.bp.blogspot.com/-9yTAuOOrpTA/TibSyg1wjCI/AAAAAAAACzc/ROecJsRoKsI/s000/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("http://2.bp.blogspot.com/-yTh5ygfCHAc/TibSyyDQB-I/AAAAAAAACzg/yoHII_wSeAs/s000/aaa.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
.post-comment-link a {
    background: url("http://3.bp.blogspot.com/-RdOmdXQtmp0/TibS0Kv3NgI/AAAAAAAACzk/JdzDGSLrStY/s000/1276328597_comment.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.post-labels {
    background: url("http://1.bp.blogspot.com/-KIIXFwAZ6tY/TibS0FPnGMI/AAAAAAAACzo/49Yxuqo5kC8/s000/1276330011_tags.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
#wrapper {
    background: url("http://3.bp.blogspot.com/-zq-ClJgw0cE/TibS0dxknxI/AAAAAAAACzs/EU2UTccbp_U/s000/wrapper.png") repeat-x scroll 0 0 transparent;
}
#content-but {
}
.col-left {
    float: left;
    width: 47%;
}
.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: -28px;
    position: relative;
}
#headertw img {
    margin-right: 5px;
    padding: 0;
}
#searchbox {
    -moz-background-inline-policy: continuous;
    background: url("http://1.bp.blogspot.com/-q3jrq_QWyeg/TibS0uAjkCI/AAAAAAAACzw/Zs8mXKc8xlQ/s000/search.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 23px;
    margin-right: 29px;
    margin-top: -27px;
    width: 175px;
}
#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: none repeat scroll 0 0 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: 470px;
    margin-top: -40px;
    width: 468px;
}
#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: 25px;
    padding-bottom: 10px;
}
#s3slider {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    box-shadow: 0 0 4px #CCCCCC;
    height: 280px;
    margin-bottom: 25px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 #000000;
    width: 530px;
}
#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: 530px;
}
.s3sliderImage {
    float: left;
    position: relative;
    width: 530px;
}
.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 {
    color: #000000;
}
#wrapper-bg {
}
#Label1 h2 {
    display: none;
}
.second-row h2 {
    display: none;
}
.second-row a {
    color: #FFFFFF;
}
.second-row {
    height: 52px;
    padding: 0;
}
.second-row li {
    border-right: 1px solid #888888;
    color: #FFFFFF;
    float: left;
    font: bold 12px Arial;
    margin: 0;
    padding: 13px 14px 11px;
    text-shadow: 0 1px 0 #000000;
}
.second-row ul {
    border-left: 1px solid #888888;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.post-body img {max-width:99% !important;}
]]></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() {
$(&#39;#s3slider&#39;).s3Slider({
timeOut: 4000
});
});
</script>

  </head>

  <body>
 <div id='wrapper'>
<div id='wrapper-bg'>
  <div id='outer-wrapper'><div id='wrap2'>
    <!-- skip links for text browsers -->
    <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'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
<div id='headertw'>
<span class='text-h'>Subscribe:</span> <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='http://3.bp.blogspot.com/-acBPqDFDxEs/TibS01LUfSI/AAAAAAAACz0/WoAw9mk6aIA/s000/rss.png'/></a> <a href='http://www.abdur-rozak.co.tv' title='Designer'><img height='25' src='http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/128/blogger-icon.png' width='25'/></a>  <a href='http://www.facebook.com/pages/Al-Ahad/186435141418113' title='Al Ahad'><img src='http://1.bp.blogspot.com/-2zooWqSSm5U/TibS1fBpVGI/AAAAAAAACz8/5cKfT81WCKs/s000/facebook.png'/></a>
</div>
 <div id='searchbox'>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' 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='SEARCH ENGINE (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' maxwidgets='1' preferred='no'>
<b:widget id='LinkList64' locked='true' title='' type='LinkList'/>
</b:section></div>
    <div id='content-wrapper'>
  <div id='sidebar-wrapper2'>
        <b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
<b:widget id='Feed1' locked='false' title='Blogger Templates' type='Feed'/>
</b:section>
      </div> 
      <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='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
      </div>
          <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Image1' locked='false' title='gambar' type='Image'/>
<b:widget id='HTML5' locked='false' title='Pengumuman' type='HTML'/>
</b:section>
      </div>
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
    </div> <!-- end content-wrapper -->
<div id='content-but'/>
  </div></div> <!-- end outer-wrapper -->
<div id='footer-bg'>
<div id='footer'>
 <div class='first-links'>Copyright (c) 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
Created by <a href='http://abdur01.blogspot.com'>Al Ahad</a></div>
</div></div></div></div>
</body>
</html>
               

Preview
Anda dapat mengreview pada blog anda sebelum menyimpan secara permanen dengan mimilih menu PRATINJAU pada perancangan desain anda.

Network