rozak: FREE TEMPLATE BLOGSPOT DAN WORDPRESS 14

Assalaamuálaykum akhy..

selain facebook satu lagi social network yang bisa dikatakan raksasa,twitter.Jika facebook lebih banyak diakses umumnya golongan orang dari orang desa sampai kekota metropolis dari sudut kecil dari dalam negeri hingga penjuru kota kota besar di dunia lain dengan twitter keadaanya yang familiar dengan orang orang populer atau artis.Beberapa saat yang lalu teman teman telah membuat desain blog serupa facebook namun kekuranganya yang berpenampilan monoton meminoritaskan peminat blogger di dunia.Tapi kali ini abdur membawakan desain dengan tema twitter namun kelebihan di sini adalah penampilan yang sangat hidup.Baik dikarenakan ikon ikon 3D twitter dan latar pencahayaan yang membuat akhy lebih familiar dengan social network twitter.Berikut adalah CONTOH DALAM PERAGAAN BLOGNYA.

Akhy berminat?..

berikut data yang harus akhy masukkan setelah mengosongkan tab edit HTML pada Rancangan dasbor setelah mengosongkanya.

<?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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Name: Twitter design
Designer: Abdur
URL: http://www.abdur-rozak.co.cc
Date: 2011
-----------------------------------------------
*/

/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#efefef" value="#efefef">
<Variable name="textColor" description="Text Color"
type="color" default="#333333" value="#333333">
<Variable name="linkColor" description="Link Color"
type="color" default="#336699" value="#336699">

<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="#336699">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#528bc5" value="#528bc5">

<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="borderColor" description="Border Color"
type="color" default="#cccccc" value="#cccccc">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#999999" value="#999999">

<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
type="color" default="#ffd595" value="#ffd595">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#333333" value="#333333">

<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
<Variable name="headerFont" description="Page Header Font"
type="font" default="normal normal 210% Times new roman;" value="normal normal 210% Times new roman;">
<Variable name="posthomeFont" description="Post Home Font"
type="font" default="normal normal 100% Times new roman;" value="italic normal 120% Times new roman;">

<Variable name="navFont" description="Page nav Font"
type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">

<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

#navbar-iframe {
display : none;
height : 0;
visibility : hidden;
}

body {
background: #2FCCF7 url(http://i44.tinypic.com/11981g3.jpg) center repeat-y ;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
text-decoration: none;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
background-attachment:fixed;
}
a:link {
color: $linkColor;
text-decoration: none;
}
a:visited {
color: $linkColor;
text-decoration: none;
}
a img {
border-width: 0;
}

#outer-wrapper {
font: $bodyFont;
width:900px;
position:center;
margin:0 auto;
}

/* Header
----------------------------------------------- */
#header-wrapper {

padding-top: 0px;
background-color: ;
width: 900px;
text-align: left;
float:center;

}

#nav {
width: 900px;
height:25px;
margin: 0 auto;
text-align: left;
padding:0px;
background:;
font:$navFont;
}

#nav-twit {
width: 900px;
height:25px;
margin-bottom: 10px;
text-align: left;
padding:0px;
background:;
font:$navFont;
}

#post-twit{
width:560px;
height:30px;
float:left;
margin-bottom:5px;
}

#twitthis {
width: 100px;
height: 20px;
text-align: right;
float:right;
margin-right:0px;
margin-bottom:px;
}

#header {
width: 900px;
margin: 0 auto;
background:url(http://i42.tinypic.com/wrjplj.jpg) no-repeat;
height: 266px;
color: #fff;
padding: 0;
font: $headerFont;
}

h1.title {
padding-top: 38px;
margin: 0px;
line-height: 1.2em;
font-size: 150%;
width:580px;
}

h1.title a, h1.title a:visited {
color: #fff;
text-decoration: none;
}

#header .description {
display: block;
margin: 10px 0px 0px 0px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
width:580px;
}

/* Content
----------------------------------------------- */

.clear {
clear: both;
}

#content-wrapper {
width: 900px;
margin: 0 auto;
padding: ;
text-align: $startSide;
background:;

}

#all {
width: 900px;

background:url(http://i44.tinypic.com/zum3iu.jpg)repeat-x;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#foot-wrapper {
width:900px;
float:$startSide;
margin:0px 0 0px 10px;
padding:0 0 0px;
background: ;
border:1px dashed #adabab;
text-align: center;
}

#left-col {
width: 589px;
float: $startSide;
background:#fff;
}

#main-wrapper {
width: 580px;
padding-left:9px;
float: $startSide;
background-color:#fff ;
margin-top:10px;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#twitter {
width: 589px;
padding:px;
float: $startSide;
background-color:#A4E9FB ;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.twitter .widget{
width: ;
margin: ;
padding: 10px;
}

.twitter h2 {
margin-bottom: 10px;
padding: 0px;
border-bottom:4px double #adabab;
line-height:30px;
}

.twitter ul {
margin: 0;
padding: 0;
list-style: none;

}
.twitter li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
text-indent: -15px;
line-height: 1.5em;
border-bottom:1px dashed #adabab;
}

#twitter_div {
}

#twitter_update_list li {
background:url("http://i42.tinypic.com/125krnm.jpg") no-repeat ;
padding-left:40px;
line-height: 20px;
padding-top: ;
padding-bottom: 3px;
margin-bottom: 5px;
}

#sidebar-wrapper {
margin-left: 10px;
width: 300px;
float: right;
background-color:#A4E9FB;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */
h2, h3 {
margin: 0;
}

/* Posts
----------------------------------------------- */
.date-header {
margin-top:0px ;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
width: 560px;
margin: ;
padding: 5px 5px 5px 5px;
border-bottom:1px dashed #adabab ;
}
.post-title {
margin-bottom:2px ;
padding-left: 25px;
font-size: 125%;
font-weight: bold;
line-height: 30px;
border-bottom:1px solid #adabab;
background: url(http://i39.tinypic.com/jb5l04.jpg) no-repeat left center
}

.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $textColor;
font-weight: bold;
}
.post div {
margin: 0px 0px 10px 0px;
line-height: 1.3em;

}

.post-footer {
margin: -.25em 0 0;
color: $textColor;
font-size: 87%;
}

#post-footer2 {
margin-bottom: 0px;
height:50px;

}

#post-header {
margin-left: 0px;
color:;
float:left;
width:100px;
}

.post-footer-home {
margin-left: 5px;
color: #adabab;
font-size: 70%;
font-style: italic;
font: $posthomeFont;
float:left;
width:400px;
padding-top:20px;
padding-left:5px;
}

.post-footer-bttn {
margin-right: 0px;
color: #adabab;
font-size: 70%;
font-style: italic;
font: $posthomeFont;
float:right;
text-align:right;
width:100px;
}

.post-footer-home .span {
margin-$endSide: .3em;
}

.post-footer .span {
margin-$endSide: .3em;
}

.post img {
padding: ;
border: ;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;

}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
background:;
line-height: 1.3em;
width:570px;

}
#comments-block dt {
padding:;
background:#000;
width:570px;
margin-top:10px;
}

#comments-block dd {
background:;
width:560px;
margin-top:5px;
margin-left:5px;

}

#comments-block dd.comment-footer {
background:;
line-height: 1.4em;
font-size: 78%;
margin-top:0px;
border-bottom:3px double #A4E9FB;
}

#comments-block dd p {
background: ;
padding:0px 5px 5px 5px;
margin-bottom:3px;
}

.comment-body {
background: #A4E9FB url(http://i41.tinypic.com/v45cvs.jpg) top left no-repeat;
padding-top:10px;
}

.comment-body-author {
background: #A4E9FB url(http://i39.tinypic.com/335efpv.jpg) bottom right no-repeat;
padding-top:5px;
padding-bottom:25px;
margin-top:0px;
border-left:;

}

.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin: 0 0 .5em 0;
padding: 4px 5px;
background-color:#D4F2FA ;

font-size: 100%;
color: $sidebarTitleTextColor;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin-bottom: 3px;
padding-top: 0px;
padding-$endSide: 0;
padding-bottom: 3px;
border-bottom: 1px dashed #adabab;
padding-$startSide: 23px;
text-indent: 0px;
line-height: 1.5em;
background:url(http://i42.tinypic.com/125krnm.jpg)no-repeat;
}
.sidebar {
color: $textColor;
line-height:1.3em;

}
.sidebar .widget {
margin-bottom: 3px;
border:;
padding:5px 5px 5px 5px;
}

.sidebar .widget-content {
margin: 0 5px;

}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $borderColor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
font-size: 78%;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

#footer2 {
clear: both;
float:left;
width: 290px;
margin-right: 10px;

background:#fff;
text-align: center;

}

#footer3 {
float:left;
background:#fff;
width: 290px;
margin-right: 10px;

text-align: center;
}

#footer4 {
float:left;
width: 290px;
margin-right: 10px;
background:#fff;

text-align: center;
}

.footerb {

line-height: 1.5em;
}

.footerb ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.footerb li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.footerb .widget {
border-bottom:1px dotted #fff;
margin:0px 0px 10px 0px;
padding:5px 2px 5px 2px;
color:#A4E9FB;
}

.footerb .widget a {

color:#336699;
}

.footerb .widget a:hover {

color:#000;
}

.footerb h2 {

margin-top:0px;
background-color:#D4F2FA ;
color:#000;
font-size:11px;
margin-top:2px;
padding-right: 2px;
padding-left: 2px;
line-height: 15px;
}

/* easyblogtrick.blogspot.com */
#ebt {
float:left;
width:650px;
font-size:13px;
border-bottom:;
line-height:normal;
background:;
margin:0;
}
#ebt ul {
margin:0;
padding:0 0 0 0 ;
list-style:none;
}
#ebt li {
display:inline;
margin:0;
padding:0;
}
#ebt a {
float:left;
no-repeat left top;
margin:0;
padding:0 4px 0 0 ;
text-decoration:none;
}
#ebt a span {
float:left;
display:block;
background: #fff;
padding:5px 5px 5px 5px;
color:#00B1FF;
border:1px dashed #adabab;
}

#ebt a span {float:none;}

#ebt a:hover {

background-position:0% -0px;
}
#ebt a:hover span {
background: #EAF9FF;
color:#00B1FF;

}

/* EBT Search */

#search {
float: right;
color: #EAF9FF;
width: 200px;
height: 25px;
line-height: 24px;
text-align: center;
padding-top: 0px;
margin:0px;
background:;
}
.searchForm {
margin-top: 0px;
margin-left: 2px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
background: ;
float: right;
}

.searchBlank {
width: 170px;
height: 20px;
margin: 0;
padding: 0px 0px 0px 3px;
border: 2px solid #8E8F94;
}
.searchButton {
background: url(http://i42.tinypic.com/5dmnas.jpg);
border: none;
width: 21px;
padding: 0px 0px 0px 0px;
margin: 0px;
cursor: pointer;
height: 23px;
font-weight: bold;
color: #FFFFFF;
font-size: 12px;
}
.searchButton:hover {
background-color: #ffffff;
width: 21px;
height: 23px;
text-decoration: none;
}

#credit {
background: #A4E9FB;
width: 100%;
height:32px;
margin: 00px 0 0 0;
padding: 0px;
float:center;
}

#credit p {
color: #fff;
font-size: 10px;
margin: 0px;
padding: 5px 5px 0px 10px;
}

#credit a, #footer a:visited {
color: #fff;
text-decoration: none;
}

#credit a:hover {
text-decoration: underline;
}

#credit a img {
border: none;
margin: 0px 0px 0px 10px;
padding: 0px;
}

]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<style>
.post:hover {
background:#F5F5F5;
}
.post div { margin-top:0px}
</style>
</b:if>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 350;
summary_img = 350;
img_thumb_height = 100;

</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

</head>

<body>
<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='all-wrapper'>

<div id='nav-twit'>
<a href='http://twitter.com/ABDURABDHI'><img height='30' src='http://www.twitterbuttons.com/images/ex/twit1.gif' title='By: TwitterButtons.com' width='144'/></a>
</div>

<div id='nav'>


<div id='ebt'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
<li><a href='http://twitterblogtemplate.blogspot.com/search/label/Features'><span>Features</span></a></li>
<li><a href='http://www.abdur-rozak.co.cc'><span>Get it design</span></a></li>
<li><a href='http://www.abdur-rozak.co.cc/2011/06/animasi-dari-abdur-2.html' target='blank'><span>Free animation blog</span></a></li>
<li><a href='http://www.abdur-rozak.co.cc/2011/05/ip-atau-pelacak-komputer.html/' target='blank'><span>Free aplikation blog</span></a></li>
<li><a href='http://www.abdur-rozak.co.cc/' target='blank'><span>TIPS TRICK BLOG</span></a></li>
</ul>
</div>

<div class='search'>
<form class='searchForm' expr:action='data:blog.homepageUrl + "search"' method='get'>
<input class='searchBlank' id='s' name='q' type='text' value='Search Here'/>

<input class='searchButton' id='searchsubmit' type='submit' value=''/>
</form>
</div>

</div>

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ABDUR DESIGN (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='all'>
<div id='left-col'>
<b:if cond='data:blog.pageType != "item"'>
<div id='twitter'>
<b:section class='twitter' id='twitter' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='My Twitter Updates' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='http://i42.tinypic.com/x1n950.png'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='http://i41.tinypic.com/2e4da2o.png'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i44.tinypic.com/257j2uc.png'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i44.tinypic.com/257j2uc.png'/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>▼</span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div id='post-twit'>
<div id='post-header'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>
</span>
</div>

<div id='twitthis'>
<a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='TwitThis' src='http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif' style='border:none;'/></a>

</div>
</div>

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><div class='post-footer'>
<div class='post-footer-home'>
<b:if cond='data:blog.pageType != "item"'>

<span class='post-timestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
</b:if>
</span><data:post.dateHeader/>

<span class='post-author vcard'>by <span class='fn'><data:post.author/></span>
</span>
</b:if>
</div>

<div class='post-footer-bttn'><span class='rmlink'><a expr:href='data:post.url'><img height='50' src='http://i43.tinypic.com/29viadh.jpg' width='81'/></a></span></div></div>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> 
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>


<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
</div>

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</b:if>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
&rsaquo;
</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
at <span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Feedjit' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div> </div>

</div>

<div class='clear'> </div>

<div id='footer2'>
<b:section class='footerb' id='footer2'>
<b:widget id='Text2' locked='false' title='Free Blog Templates' type='Text'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'>
<b:includable id='main'>
<div class='widget-content'>
<a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer3'>
<b:section class='footerb' id='footer3'>
<b:widget id='Text3' locked='false' title='DON'T REMOVE(widget twitter anda)' type='Text'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BloggerButton3' locked='false' title='' type='BloggerButton'>
<b:includable id='main'>
<div class='widget-content'>
<a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer4'>
<div class='footer4'>
Created by:<br/>
<center>
<a href='http://www.abdur-rozak.co.cc/2011/05/free-template-blogspot-dan-wordpress.html' title='Get Your Own Blog!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimvJs7wnZzo46XfIlYHrETmS7G7irELKdTLeTg1a-jIHvOo_7JAQCMlKjcVK7c4cqLa17KVh5LUryNbx087zXto3eOBvH1s03pl4ythKClDVwsuo3d0RMUQvhodtqy9zkLAo3NhdM8wXs/s1600/TRUTORIAL.gif'/></a>
</center></div>
</div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

<div id='credit'>
<center><p><a href='http://www.abdur-rozak.co.cc' target='_blank' title='Free Blog Templates'>abdur sites</a> © Copyright by <strong><data:blog.title/></strong> | Template by <a href='http://abdur01.blogspot.com' target='_blank' title='Free Blog Templates'> <strong>Blogger Templates</strong></a> | Blog Aplication at <a href='http://www.abdur-rozak.co.cc/2011/05/ip-atau-pelacak-komputer.html' target='_blank' title='Blog Tutorial, Blog Tricks'> <strong>IP Computer</strong></a> </p>
</center>

</div>

</div></div> 

</body>
</html>

Akhy simpan data diatas dengan menekan button SIMPAN TEMPLATE pada halaman tersebut dan konfirmasilah dengan mempertahankan widget agar data akhy bisa ditampilkan pada desain blog twitter ini bila ada kesulitan hubungi abdur agar abdur bisa membantu kesulitan akhy dalam memasang desain ini.

Wassalaam.

Lisense

CREATORNETBLOGS

Category List

SHOUTBOX

Label

Sponsor

leave a message here

SIAPA YANG PANTAS DISEBUT TUHAN?

MUSHOLLA TAWAKAL

Popular Post

Pengikut

About Me

Blog Archive

rozak

FREE TEMPLATE BLOGSPOT DAN WORDPRESS 14

Network