Assalamu alaikum.
Bingunng mau ngapain, mw buat tugas jg bingung.. akhirnya berselancar di dunia maya dan membuka forum favorit Devilzc0de dan nemu template yang asyik [Template Portal]
Demonya bisa di liat dimari http://wiedy-track.blogspot.com/
Langsung saja ke TKP===>>>>
Copy code di bawah ini kemudian masuk ke edit template Html, ganti semua code yang ada di situ dengan yang sudah anda copy tadi. kemudian save and liat hasilnya.. :-)
------------------------------------------------------------------------------------------------------------
<?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:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:skin><![CDATA[
/* ************************************
Name : Depilcode
Modified by : Devilc0der
Url : http://devilzc0de.org/forum/
oRi them by : p4r46hcyb3rn3t
************************************
.quickedit, a.quickedit img{display:none;}
/* Content */
#navbar-iframe, .feed-links {display:none}
body {
font-family:Helvetica,Times,Avenir;
font-size:11px;
color: #aaaaaa;
background: #000 ;
line-height:1.6em;
text-align: left;
}
#bodymaho{
width:100%;
background:transparent;
}
a:link{text-decoration:none;color:#ff0000;}
a:visited{text-decoration:none;color:#ff0000;}
a:hover{text-decoration:none;color:#ff0000;}
/* Header */
#header-wrapper {
width: 940px;
margin:0 auto;
padding-top:70px;
color:#fff;
}
#header-wrapper td, tr {
border:0;
color:#fff;
background:#transparent;
}
#header-wrapper tr:hover{background:#000;}
#header-wrapper-title {
margin-left:-20px;
font-weight:bold;
font-size:20px;
-webkit-transform: rotate(-13.37deg);
-moz-transform: rotate(-13.37deg);
text-align:right;
}
#header-wrapper-title2 {
margin-left:-20px;
-webkit-transform: rotate(-13.37deg);
-moz-transform: rotate(-13.37deg);
text-align:right;
color:#ff0000;
font-weight:bold;
}
#header {
padding:40px 0 0 0px;
}
.header h1 {
font-size:11px;
font-weight:normal;
}
.header h1 a {
}
#header a:hover {
text-decoration:none;
}
.header .title {
max-width:700px;
margin-top:-30px;
}
.header .description {
max-width:700px;
margin-top:-10px;
margin-bottom:-3px;
}
#header img {
margin:0 auto;
}
/* Pages */
#PageList1 h2, #PageList2 h2{
display:none;
}
#menu-wrapper{
width: 990px;
margin:0 auto;
margin-top:-10px;
margin-bottom:-8px;
margin-left:-10px;
}
#menu-wrapper tr:hover{background:transparent;}
#menu-wrapper td, tr {border:0px;}
#menu ul{
border:0;
text-align:left;
margin-left:-20px;
}
#menu li {
display:inline;
}
#menu li.selected{
}
#menu li a {
background-color:#363636;
-webkit-transform: rotate(-13.37deg);
-moz-transform: rotate(-13.37deg);
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 10px 5px 10px;
}
#menu li a:hover {
background:#363636;
-webkit-transform: rotate(13.37deg);
-moz-transform: rotate(13.37deg);
}
#menu li.selected a{
font-weight:normal;
-webkit-transform: rotate(-13.37deg);
-moz-transform: rotate(-13.37deg);
}
#menu li.selected a:hover{
font-weight:normal;
-webkit-transform: rotate(-13.37deg);
-moz-transform: rotate(-13.37deg);
}
/* Columns */
#outer-wrapper {
width: 990px;
margin:0 auto;
text-align:left;
background:#000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#content-wrapper {
background:#000;
width: 960px;
margin:0 auto;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #340000;
}
#main-wrapper {
background:#transparent;
width: 940px;
float: left;
padding:10px ;
border:0;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#keterangan{
margin-top:-5px;
margin-bottom:-10px
}
#keterangan tr{
background:#222;
}
#sidebar-wrapper {
width: 220px;
float: left;
padding:0;
display:none;
}
/* Sidebar Headings */
#sidebar-wrapper h2 {
margin:.5em 0 .25em;
}
/* Sidebar Content */
.sidebar {
line-height: 1.5em;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar li{
padding:0px 0 3px 15px;
text-indent:-15px;
line-height:1.5em;
}
/* Posts*/
h2.date-header {
margin:0 0 .5em;
font-weight:normal;
font-size:11px;
}
.post {
border:0;
}
.entry-title {
font-weight:normal;
font-size:11px;
margin-bottom:-8px;
border:0;
}
.post-body{
margin-top:-20px;
line-height:1.6em;
padding:0;
border-bottom:1px solid #333;
}
.post blockquote {
border-left:1px solid #340000;
padding:10px;
}
.post-body ul, .post-body ol{
padding: 5px 10px 5px 30px;
}
.post-body ul li{
padding: 1px 0;
list-style-type: disc;
}
.post-body ol li{
padding: 1px 0;
list-style-type: decimal;
}
.post img {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.post-share-buttons{display:none;}
.jump-link{
display:inline;
}
.post-footer {
margin: .75em 0;
line-height: 1.4em;
}
.comment-link {
margin-left: .6em;
}
.tr-caption-container img {
border: none;
padding: 0;
}
/** Comments **/
.comment-form {
max-width: 500px !important;
margin-left:130px;
margin-bottom:-180px;
margin-top:20px;
}
.comment-timestamp {color:#8c8c8c;}
#comments h4 {
font-size: 10px;
margin-top:10px;
font-weight: bold;
}
#comments-block {
margin-left: 130px;
margin-right: 130px;
border: 0px;
padding: 10px 0 0;
background:#transparent;
}
#comments-block .comment-author {
font-size: 10px;
padding-left:5px;
padding-bottom:5px;
margin: 0px;
border-left:1px solid #340000;
border-bottom:1px solid #340000;
max-width: 430px !important;
margin-left:175px;
}
#comments-block .avatar-image-container {
float:left;
margin-left:170px;
background:#transparent;
}
#comments-block .comment-body {border:0px;margin-bottom:20px;}
#comments-block .comment-body p {
font-size: 11px;
padding-top:10px;
padding-left:5px;
padding-bottom:10px;
margin: 0px;
border-left:1px solid #340000;
border-bottom:1px solid #340000;
max-width: 430px !important;
margin-left:175px;
}
#comments-block .avatar-image-container img {
float:left;
height:45px;
width:45px;
border:0px;
}
#comments-block.avatar-comment-indent {position:relative;margin:0 auto;}
#comments-block .comment-footer {
display:none;
}
.deleted-comment {font-style:italic;color:gray;margin-left:180px;}
#blog-pager{margin-bottom:-50px;}
#blog-pager-newer-link {
float:left;
margin-left:15px;
}
#blog-pager-older-link {
float:right;
margin-right:15px;
}
.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}
/* Profile */
.profile-img{
padding:2px;
margin-right:10px;
border:0;
float:left;
}
/* Footer */
#footer-wrapper {
width: 900px;
margin:0 auto;
padding:40px;
}
#footer-wrapper h2{
font-size:10px;
text-align:center;
border-bottom:1px solid #340000;
}
#footer-wrapper li {
float:left;
margin-right:0px;
border-right:1px solid #a17a00;
}
#footer-wrapper ul{
font:normal 11px Avenir;
}
#footer-wrapper li.selected a{
font-weight:normal;
}
#footer-wrapper a{
color: #ed8207;
}
#credits{
font-size:11px;
line-height:1.1em;
float:right;
font-size:10px; letter-spacing:2px; color:#222222;
}
#credits a{color:#333;}
td, tr { border-bottom: 1px solid #222; max-height: 15px; color:#aaaaaa;}
tr:hover { background: #181818; }
/*********** Search css ***************/
#sa {
}
input {
background:#111;
border-bottom:1px solid #333;
border-top:0;
border-left:0;
border-right:0;
color:#fff;
}
/*********** Search css ***************/
#box_nav {width:960px;
margin:0 auto;
height:50px;
position:fixed;
z-index:100000;
top:0px;
left:0px;
right:0px;
background: #000;
background-position:bottom;
-moz-border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
-khtml-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
border:1px solid #340000;}
.searchdc {
float:right;
height:22px;
padding-left:4px;
margin-right:4px;
font-size:12px;
color:#666666;
width:180px;
border:1px solid #cccccc;
background-image:url(http://devilzc0de.org/images/search.png); background-repeat:no-repeat; background-position:right;}
#searchm
{
border: 1px solid #333333;
border-top: none;
width:205px;
display:none;
float:right;
overflow:hidden;
z-index: 99;
margin-left:0px;
}
#nav{
width:720px;;
margin:0 auto;
height:50px;
float:left;
}
#nav ul{
height:25px;
list-style:none;
margin:10px auto 0px auto;
width:715px;
margin-right:200px;
float:left;
}
#nav ul li{
display:inline;
float:right;
margin:0px 2px;
}
#nav a{
font-size:12px;
float:right;
padding: 2px 4px;
color:#ff0000;
text-decoration: none;
border:1px solid #340000;
cursor: pointer;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3RfLRVEZIYZZTSEKssAhSxqtZUxiwtM3L0BhoNCzfCz4PaitW33WiVLz5hAtgL0pwZGtqxrLknSus6hF0BIEt9JddU06dFQazJH6Hk4wuV5q0NA6PHlcagrLhqu3-OKvLaf1eCJrtaRD/s30/tcat.png) repeat-x center left;
height:16px;
line-height:16px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#nav a:hover{
background:#000 none;
color: #fff;
}
#nav a.top span, #nav a.bottom span{
float:right;
width:16px;
height:16px;
}
#nav a.top span{
background:transparent no-repeat center center;
}
#nav a.bottom span{
background:transparent no-repeat center center;
}
#nav ul li.search{
float:right;
}
#nav ul li.menu{
float:right;
margin-right:5px;
}
#nav ul li.logo_dc{
float:left;
margin-top:-8px;
margin-left:5px;
}
#nav input[type="text"]{
float:left;
border:1px solid #ccc;
margin:0px 1px 0px 10px;
padding:2px 2px 2px 2px;
width:170px;
}
input.searchbutton{
border:1px solid #ccc;
padding:1px 1px;
cursor:pointer;
width:30px;
height:22px;
background:#E8E9EA url(http://devilzc0de.org/images/search.png) ;
}
input.searchbutton:hover{
background-color:#D9D9DA;
}
/* Menu Horizontal */
.menubar{width:1020px;margin:0 auto;padding:0 auto;
}
.menuhorizontal{background:transparent;width:1000px;height:40px; padding:0 auto;
}
.menuhorizontal ul{
height:25px;
list-style:none;
margin:10px auto 0px auto;
width:715px;
margin-right:200px;
float:left;
}
.menuhorizontal ul li{
display:inline;
float:left;
margin:0px 2px;
}
.menuhorizontal a{
font-size:12px;
float:left;
padding: 2px 4px;
color:#ff0000;
text-decoration: none;
border:1px solid #340000;
cursor: pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3RfLRVEZIYZZTSEKssAhSxqtZUxiwtM3L0BhoNCzfCz4PaitW33WiVLz5hAtgL0pwZGtqxrLknSus6hF0BIEt9JddU06dFQazJH6Hk4wuV5q0NA6PHlcagrLhqu3-OKvLaf1eCJrtaRD/s30/tcat.png) repeat-x center left;
height:16px;
line-height:16px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-bottom: none;
}
.menuhorizontal a:hover{
background:#000 none;
color: #fff;
}
.menuhorizontal a.top span, .menuhorizontal a.bottom span{
float:right;
width:16px;
height:16px;
}
#Attribution1 {height:0px;
visibility:hidden;
display:none
}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
<script src='https://sites.google.com/site/awangvai/jcolor.js'/>
<script type='text/javascript'>
$(function() {
var d=300;
$('#navixed a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navixed > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link{display:none;}
</b:if>
</b:if>
</style>
<b:if cond='data:blog.pageType == "item"'>
<style>
h2.post-title, #keterangan {display:none;}
.post-body{margin-top:0;}
</style>
</b:if>
</head>
<script src='https://sites.google.com/site/awangvai/rainbow.js ' type='text/javascript'/>
<body onLoad='show_clock()'><div id='bodymaho'>
<div id='box_nav'>
<div id='nav'>
<ul>
<li class='menu'><a href='http://www.facebook.com/ononeiki.blogspot' target='_blank'>Contact</a></li>
<li class='menu'><a href='/' target='_blank'>About</a></li>
<li class='menu'><a href='/' target='_blank'>Archive</a></li>
<li class='menu'><a href='http://www.devilzc0de.org/forum/' target='_blank'>My Forum</a></li>
<li class='menu'><a href='/'>Home</a></li>
<li class='logo_dc'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM919nLbZ_lmU7iGA2Fry4rP32PXbdniax0SYDE4p4rHRT2_GbzyzTmXF802JDXgAjJ7P3feGmNzSkn6mQMWCpukzWr7QYOQT7F7cmDC0DYbs0iO7gBPgo50EmUfONIeowonqQO7cCubLP/s1600/head.png'/></li>
</ul>
</div>
<div style='width:210px; float:right; margin-top:10px ;'>
<form action='/search' id='searchform' method='get' name='searchform'>
<input id='searchsubmit' type='submit' value='>'/>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = ""}' type='text' value='Search'/>
</form>
<div id='searchm' style='position:absolute; z-index:1000;'/>
</div>
</div>
<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='header-wrapper'>
<TABLE BORDER='0' CELLPADDING='5' CELLSPACING='2'>
<TR>
<TD WIDTH='910px'><div style='border-left:none; padding-left:15px;'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Wiedych-Track.Indonesia (Header)' type='Header'/>
</b:section>
Today : <script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday",
"Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June", "July","August","September","October","November","December")
document.write(dayarray[day]+", "+montharray[month]+" "+daym+", "+year)
</script>
<span style='color:#ff0000; font-weight:bold;'>|</span> at : <script language='javascript' src='https://sites.google.com/site/awangvai/digitalclock.js'/> <span style='color:#ff0000; font-weight:bold;'>|</span> Safemode : <span style='color:#ff0000; font-weight:bold;'>ON</span>
<br/>
<span style='color:#ff0000'> > Thank's to all for visit my blog......| Thank's to Devilzc0de.org for this template :) </span>
</div>
</TD>
</TR>
</TABLE>
</div>
<div class='menubar'>
<b:section class='menuhorizontal' id='menuhorizontalb' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
</div>
<div id='menu-wrapper'>
<TABLE BORDER='0' CELLPADDING='5' CELLSPACING='2'>
<TR>
<TD>
<b:section class='menu' id='menu'/>
</TD>
<TD>
</TD></TR></TABLE>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<div id='keterangan'>
<TABLE BORDER='0' CELLPADDING='2' CELLSPACING='2'>
<TR>
<TD ALIGN='center' WIDTH='430px' height='10px'>Title</TD>
<TD ALIGN='center' WIDTH='90px'>Author</TD>
<TD ALIGN='center' WIDTH='60px'>Perms</TD>
<TD ALIGN='center' WIDTH='30px'>Comt</TD>
<TD ALIGN='center' WIDTH='120px'>Modified</TD>
<TD ALIGN='center' WIDTH='170px'>Category</TD>
</TR>
</TABLE>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>
<div id='sidebar-wrapper'/>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div><!-- /content-wrapper-->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='Search-form' type='HTML'/>
</b:section>
<p>We are coder and we are an exploit © 2011 <a expr:href='data:blog.homepageUrl' title='All Rights Reserved'><data:blog.title/></a>
<br/>Template Modified by <a href='/' title='Rochman'>./black_wiedy</a></p></div>
</div>
</div></div><!-- /outer-wrapper-->
<div id='credits'>
</div>
</body>
</html>
Slider[Style1]
Style2
Style3[OneLeft]
Style3[OneRight]
Tips N Trik
Wisata Indonesia
Tagged with: Blog
About Unknown
This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
Langganan:
Posting Komentar (Atom)
- Popular Post
- Video
- Category
Post Populer
Video Of Day
Labels
- Amazing
- Animasi
- Bela Palestina
- Blog
- Domain
- Hacking
- Haji
- Jokes
- Kata Mutiara
- Kata Nasihat
- Kesehatan
- Kisah
- Kontes SEO
- Kuliah
- Legenda
- Link Exchange
- longue
- News
- OS
- Other
- Pekanbaru
- PPT
- Review
- Security
- Serba-serbi
- software
- Susu Inovasi Yang Sehat dan Halal Untuk Pertumbuhan Anak
- Tips N Trick
- Top 8/9/10
- Tutorial
- Unik
- Web
- Wisata Indonesia
- Wisata RIAU
- Youtube
Man Ku copy Yha ???????
BalasHapusSilahkan..
Hapusgak bisa di apply man....
Hapusweleh--weleh...
Hapuswaw, enak ya yang senang utak-atik beginian, aku mah kalo dah dkasih template udah ngak diubah-ubah, paling berani ubah di simple template nya blogger, hohohoo
BalasHapusHehehe,, sambilan untuk belajar html kaka.. (y)
Hapus