More on this category »
Searching...

Templet blog

12/10/2012
hallo kawan ni saya cuma mau berbagi templet portal pada blog
langsung aja kita ke TKP


ini code nya
====code=====
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html 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>
<meta content='hOevZrfo8eYztfyiJLLTKesvM5waO5a4bZbOQGHARTc' name='google-site-verification'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<!-- FEG5C1Ef0YqHKVe6DtT9yfkWCSw -->
<link href='http://www.templates.agarirs.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://fonts.googleapis.com/css?family=Metamorphous' rel='stylesheet' type='text/css'/>
<meta content='#' name='DESCRIPTION'/>
<meta content='# ' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>

<link expr:href='data:blog.url' rel='canonical'/>
<b:skin><![CDATA[/*
/*
Name        : Bluesky [purikecil]
Desain      :
Url         :
*/
#navbar-iframe{display:none !important}
body {
background: #4584B4 url(http://2.bp.blogspot.com/-1lcH9YroqFk/T4gAoxBYolI/AAAAAAAABso/vfUsaNtNkcA/s1600/Black%2BWallpaper.jpg) fixed;
margin:0;
color:#7B7F88;
font-size:12px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
overflow-x:hidden;
}
a:link {
color:#101111;
text-decoration: none;
}
a:visited {
color: #101111;
text-decoration: none;
}
a:hover {
text-decoration: none;
color:#101111;
}
#colorbox, #cboxoverlay, #cboxwrapper{left:0; overflow:hidden; position:absolute; top:0; z-index:9999}
*{margin:0; padding:0}
img{border:0; margin:0}
.clear{clear:both}
#goyang {float:right; margin-top:100px; position:absolute; left:230px; top:150px; animation:atasbawah 2s infinite; -moz-animation:atasbawah 2s infinite; /* Firefox */-webkit-animation:atasbawah 2s infinite; /*Safari and Chrome*/}@keyframes atasbawah {0%{top:0px}50%{top:20px}100%{top:0px}}@-moz-keyframes atasbawah /* Firefox */ {0%{top:0px}50%{top:20px}
100%{top:0px}}@-webkit-keyframes atasbawah /* Safari and Chrome */ {0%{top:0px}50%{top:20px}100%{top:0px}}@-o-keyframes atasbawah /* Safari and Chrome */ {0%{top:0px}50%{top:20px}100%{top:0px}}@-ms-keyframes atasbawah /* Safari and Chrome */ {0%{top:0px}50%{top:20px}100%{top:0px}}
#header{color:#4584B4; font:bold 14px/12px Metamorphous; height:35px; width:80%; margin:0 auto; padding:33px 0}
#header11{width:940px; margin:0 auto}
#header .title{-moz-border-radius:5px; -moz-box-shadow:0 5px 12px rgba(0,0,0,.7); -o-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow:0 5px 12px rgba(0,0,0,.7); background-color:#101111; border:2px solid #4584B4; border-bottom-color:rgba(255,255,255,0.01); border-radius:5px; border-top-color:rgba(255,255,255,0.04); box-shadow:0 5px 12px rgba(0,0,0,.7); color:#4584B4; display:block; float:center; font:100px/20px arial; line-height:10px; margin-top:25px; text-align:center; text-shadow:0 5px 12px #1D2301; padding:7px 18px 10px}
#header .title a{background:transparent; color:#4584B4}
#header .title a:hover{-moz-transition:All .5s ease-in-out; -webkit-transition:All .5s ease-in-out; color:#4584B4}
#header .descriptionwrapper{color:#333; float:left; font:6px/6px Metamorphous; width:100%; margin:0; padding:0}
.box{background-color:#101111; border:1px solid rgba(255,255,255,0.03); border-top-color:rgba(255,255,255,0.04); border-bottom-color:rgba(255,255,255,0.01); box-shadow:0 5px 12px rgba(0,0,0,.7); -moz-box-shadow:0 5px 12px rgba(0,0,0,.7); -webkit-box-shadow:0 5px 12px rgba(0,0,0,.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -o-border-radius:5px; display:block; line-height:10px; height:45px; border:2px solid #4584B4;}
.jumlah{margin-top: -20px;background: #101111;border: 2px solid #4584B4;height: 42px;width: 42px;font-size: 15px;line-height: 39px;color: #4584B4;text-shadow: 0 -1px 1px rgba(0, 0, 0, .8);text-align: center;font-weight: bold;font-family:arial;-moz-border-radius: 2em;-webkit-border-radius: 2em;border-radius: 2em;box-shadow: 0 2px 3px rgba(0, 0, 0, .7);-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .7);-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .7);float: right;margin-right: -20px;}
.boxentry
{
padding:10px;
}
.titleposting p
{
width:60%;
margin:0 0 0 185px;
}
.titleposting h2
{
padding:10px 10px 10px 10px;
font: 20px/20px 'Metamorphous', 'arial narrow', arial, 'sans serif';
color:#000;
}
.titleposting h2 a:link,.titleposting h2 a:visited
{
color:#fff;
padding:10px;
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
}
.titleposting h2 a:hover{
color: transparent;
text-shadow: #33FF00 0px 0px 1px;
}
.titleposting h2 a:active{text-decoration:line-trought}
.post-dalem
{
width: 945px;
position: relative;
margin:0 auto;
margin-top:50px;
color:#000;
text-align:justify;
padding:50px;
font-size: 14px;
font-family: 'Metamorphous',serif;
border-radius: 5px;
-o-border-radius: 5px;
display: block;
}#post{float:right; width:45%; margin:10px}
#main{width:85%; margin:0 auto; padding:0}
.comments
{
display:none;
}
.tooggle-koment
{
width: 70%;
text-align: center;
padding: 15px 0;
margin: 0 auto;
background-color:#101111;
border: 1px solid rgba(255, 255, 255, 0.03);
border-top-color: rgba(255, 255, 255, 0.04);
border-bottom-color: rgba(255, 255, 255, 0.01);
box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-o-border-radius: 5px;
display: block;
border: 2px solid #4584B4;
}
.tooggle-koment a
{
font: bold 15px/17px Metamorphous,sans serif;
font-weight: bold;
color: #4584B4;
text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
margin: 0 0 10px 0;
}
.tooggle-koment li
{
display:inline;
}
#komenyu{width:60%;height:400px;padding:20px;margin:0 auto;overflow:hidden}
.comments
{
width:100%;
overflow:hidden;
background:transparent;
color:#4584B4;
font:15px/15px arial,sans serif;
margin:0 auto;
padding:0;
}
.cm_wrap {
clear:both;
float:right;
margin-top:10px;
width:100%
}
.cm_entry {
overflow:hidden;
padding:16px;
margin-left:-5px;
margin-right:5px;
width: 60%;
margin: 0 auto;
background-color:#101111;
border: 1px solid rgba(255, 255, 255, 0.03);
border-top-color: rgba(255, 255, 255, 0.04);
border-bottom-color: rgba(255, 255, 255, 0.01);
box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-o-border-radius: 5px;
display: block;
border: 2px solid #4584B4;
}
.cm_reply {
padding-top:5px;
float: right;
}
.cm_reply a {
color: #4584B4;
display:inline-block;
font:12px/19px sans-serif;
margin:0;
padding:4px 5px;
text-align:center;
text-decoration:none;
background-color:#101111;
border: 1px solid rgba(255, 255, 255, 0.03);
border-top-color: rgba(255, 255, 255, 0.04);
border-bottom-color: rgba(255, 255, 255, 0.01);
box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-o-border-radius: 5px;
display: block;
border: 2px solid #4584B4;
}
.cm_info {
margin-bottom:5px
}
.cm_name {
color:#000;
font-size:12px;
font-weight:700;
font-style:bold;
text-decoration: underline;
}
.cm_date {
color:#4584B4;
float:right;
font-size:10px;
font-style:italic;
}
.cm_entry p {
color:#4584B4;
font-size:12px;
margin:0;
}
.cm_pagenavi {
color:#4584B4;
font-size:10px;
font-weight:700;
text-shadow:1px 1px #FFF;
text-transform:uppercase;
}
.cm_pagenavi a {
color:#4584B4;
padding:10px;
text-decoration:none;
}
.cm_pagenavi a:hover {
text-decoration:none;
}
.cm_pagenavi span {
background:#FFF;
border:1px solid #E0E0E0;
color:#888;
padding:4px;
}
.comment-body-author {
background: transparent;
color: #FFFFFF;
margin-left:0;
margin-right:20px;
padding:7px;
}
.comment-body-author p{
color:#4584B4;font-style:bold;font-size:12px;
}m
#footer-wrapper{background:transparent; font:12px/12px Metamorphous; margin:0; padding:20px}
#footer{-moz-border-radius:5px; -moz-box-shadow:0 5px 12px rgba(0,0,0,.7); -o-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow:0 5px 12px rgba(0,0,0,.7); background-color:#101111; border:2px solid #4584B4; border-bottom-color:rgba(255,255,255,0.01); border-radius:5px; border-top-color:rgba(255,255,255,0.04); box-shadow:0 5px 12px rgba(0,0,0,.7); color:0; display:block; line-height:10px; width:80%; margin:0 auto; padding:10px}
#footer a{color:#777}
#footer a:hover{color:#ccc}
.footcol{float:left; margin:10px 0; padding:0 10px 10px}
.footcol h2{border-bottom:2px double #4584B4; color:#4584B4; margin:0 0 20px -20px; padding:0 0 10px 20px}
.footcol ul, .footcol ol{margin:0}
.footcol ul li, .footcol ol li{list-style:none; padding:0 0 .2em}
#fcol1 .widget, #fcol2 .widget, #fcol3 .widget{padding:5px}
#credit-wrapper{background:transparent; color:#101111; font:10px/10px Metamorphous; text-align:center; text-shadow:1px 2px 9px; margin:400px 0 -5px; padding:20px 0}
#credit-wrapper a{color:#101111}
.breadcrumbs{background:url(http://1.bp.blogspot.com/-xNQ--R84mQ8/T3a94Ry7HaI/AAAAAAAAAAo/2ke4Jka0XSg/s1600/forbilam_recent.png) repeat scroll 0 0 transparent; box-shadow:0 0 7px #000; color:#CCC; font-size:15px; height:30px; left:0; position:fixed; top:0; width:98%; z-index:999998; padding:10px 1% 0}
#menunye{background:#101111; border-bottom:5px solid #4584B4; border-top:5px solid #4584B4; box-shadow:0 0 8px #000; font-family:Metamorphous; left:0; position:fixed; top:0; width:100%}
#menunye ul{padding:10px 0 10px 4%}
#menunye a:hover, #menunye a.active{color:#4584B4}
#menunye a.active{cursor:default}
#menunye a{color:#888; font-size:12px; font-weight:700; margin:0 10px 0 2px; padding:7px 13px 5px 15px}
#copyrights{background:#000; border-bottom:5px solid #4584B4; border-top:5px solid #4584B4; bottom:0; box-shadow:0 0 8px #000; color:#fff; font-family:Metamorphous; font-size:12px; height:3.8%; left:0; margin-left:0; padding-bottom:5px; padding-top:10px; position:fixed; right:0; text-align:center}
#copyrights a{color:#4584B4}
.tooggle-koment li, #menunye li{display:inline}
#fcol1, #fcol2, #fcol3{float:left; margin-right:10px; width:30%}
#blog-pager a{opacity:0.2; position:fixed; text-indent:-9999px; width:30px; height:30px; z-index:999999; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; top:1%}
#blog-pager a:hover{opacity:1}
.blog-pager-older-link{background:url(http://4.bp.blogspot.com/-jsdsSnlvEE0/T4ByEz2xNKI/AAAAAAAAAjE/Zagrt50UzHc/s1600/Prev06.png) no-repeat scroll 0 0; right:5px}
.blog-pager-newer-link{background:url(http://4.bp.blogspot.com/-rs9iS4-9RV0/T4ByDs-bxvI/AAAAAAAAAi8/U1aG5knXzHU/s1600/Next13.png) no-repeat scroll 0 0; right:40px}
::selection {background:transparent; color:transparent}
::-moz-selection {background:transparent; color:transparent}
::-webkit-selection {background:transparent; color:transparent}
#akatsuki{position: absolute;
z-index: 0;
width:100%;
margin-top: 0px;
height: 0px;}
.akatsuki {
width: 200px; height: 138px;
background:url("http://4.bp.blogspot.com/-fyOVfdo1pFQ/T74QloE-dWI/AAAAAAAAB_E/RNYaqEDBAPY/s1600/Untitled-1.png") no-repeat top center;
position: relative;
}

.awanmerah1 {
-webkit-animation: moveclouds2 15s linear infinite;
-moz-animation: moveclouds2 15s linear infinite;
-o-animation: moveclouds2 15s linear infinite;
}
.awanmerah2 {
left: 200px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.6;
-webkit-animation: moveclouds2 25s linear infinite;
-moz-animation: moveclouds2 25s linear infinite;
-o-animation: moveclouds2 25s linear infinite;
}
.awanmerah3 {
left: -250px; top: -200px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
.awanmerah4 {
left: 470px; top: -250px;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.75;
-webkit-animation: moveclouds2 18s linear infinite;
-moz-animation: moveclouds2 18s linear infinite;
-o-animation: moveclouds2 18s linear infinite;
}
.awanmerah5 {
left: -150px; top: -150px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
@-webkit-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}


]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.tombol-komentar&quot;).click(function(){
$(&quot;.comments &quot;).slideToggle(&quot;slow&quot;);
$(this).toggleClass(&quot;active&quot;);
return false;
});
});
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#menunye, #copyrights {display:none}
.title h2{text-align:center; font-size:50px; margin-bottom:20px; font-style:bold}
a:link{color:white; text-decoration:none}
a:visited{color:white; text-decoration:none}
a:hover{color:red; text-decoration:none}
</style>
</b:if>
</head>
<body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
</b:section>

<b:if cond='data:blog.url == data:blog.homepageUrl'>


    <div id='akatsuki'>
    <div class='akatsuki awanmerah1'/><div class='akatsuki awanmerah2'/><div class='akatsuki awanmerah3'/><div class='akatsuki awanmerah4'/><div class='akatsuki awanmerah5'/></div>


sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Cloud Animasi dengan CSS3 http://djogzs.blogspot.com/#ixzz22YVdGhXX
Under Creative Commons License: Attribution

<div id='goyang'><img src='http://4.bp.blogspot.com/_3sU0MnRawMI/TULJMjNda8I/AAAAAAAAEhA/UsJxnVDEM20/s320/naruto%2Bcontrol%2Bkyubi.png'/></div>
</b:if>
<div id='menunye'>
<ul class='lebar'>
<li><a href='http://www.sikecilpuri.com/' rel='nofollow'><span style='color:#9ED130;'>&#10026;</span> Home</a></li>
<li><a href='http://zi-share.blogspot.com' rel='nofollow'><span style='color:#9ED130;'>&#9782;</span> Daftar Isi</a></li>
<li><a href='https://www.facebook.com/purikecil1' rel='nofollow' target='_blank'><span style='color:#9ED130;'>&#9993;</span> Kontak</a></li>
<li><a href='http://puriradio.blogspot.com/' rel='nofollow' style='cursor:pointer;'><span style='color:#9ED130;'>&#10004;</span>Radio online</a></li>
<li><div style='float:right;margin-right:50px'><script src='https://sites.google.com/site/eggicyberart/home/js/date.js' type='text/javascript'/></div></li>
<li><div id='jam' style='float:right;margin-right:50px'>
<script src='https://sites.google.com/site/eggicyberart/home/js/watch.js' type='text/javascript'/></div></li>
</ul>
</div>
<div id='footer-wrapper' style='display:none'>
<div id='footer'>
<div class='footcol' id='fcol1'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'/>
</div>

<div class='footcol' id='fcol2'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>

<div class='footcol' id='fcol3'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
</div>

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

<div id='credit-wrapper' style='display:none'>
<p><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> Copyright &#169; 2012 </p>
<div class='clear'/>
</div>

<script src='http://javscript-code.googlecode.com/files/threaded%20comment.js' type='text/javascript'/>

<div id='copyrights'><a href='' target='_blank'/><a href='' target='_blank'/>
</div>
</body>
</html>

====code===

0 komentar:

Poskan Komentar

Komentar dengan baik

Diberdayakan oleh Blogger.