Minggu, 31 Maret 2013
Cara membuat Teks Bergerak Mengikuti/Memutari Kursor di Blog!!!
Cara membuat Teks Bergerak Mengikuti/Memutari Kursor di Blog!!!
Kali ini ane bakal ngebahas tentang tulisan yang berputar mengelilingi dan mengikuti kursor, bagi yang sudah pensaran dan kebelet (pengen banget) langsung aja kita ke TeeeKaPee.... Cekkidottt...
Caranya :
1. Masuk Blogger
2. klik Tata Letak
3. Klik Tambah Gadget
- Kode berwarna kuning adalah kode warna yang bisa kamu ganti
Silahkan pilih kode warna yang kamu pengen :
Merah #cc0000
Orange #ff9900
Kuning #ffff00
Hijau #00ff00
Biru Muda #00ffff
Biru tua #0000ff
Pink #ff00ff
Ungu #9900ff
Putih #ffffff
- Kode berwarna Biru Tua adalah teks yang akan mengikuti kursor
- kode berwarna Biru Muda adalah Value yang bisa kamu ganti seperti Ukuran, jarak spasi, kecepatan teks, dia meter putaran dll.
Caranya :
1. Masuk Blogger
2. klik Tata Letak
3. Klik Tambah Gadget
NP :<style type="text/css">/* Circle Text Styles */#outerCircleText {/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */font-style: italic;font-weight: bold;font-family: 'comic sans ms';color: #000000;/* End Optional *//* Start Required - Do Not Edit */position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}#outerCircleText div {position: relative;}#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}/* End Required *//* End Circle Text Styles */</style><script type="text/javascript">/* Circling text trail- Tim TiltonWebsite: http://www.tempermedia.com/Visit: http://www.dynamicdrive.com/ for Original Source and tons of scriptsModified Here for more flexibility and modern browser supportModifications as first seen in http://www.dynamicdrive.com/forums/username:jscheuer1 - This notice must remain for legal use*/;(function(){// Your message here (QUOTED STRING)var msg = "Tutorial Blog";/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */// Set font's style size for calculating dimensions// Set to number of desired pixels font size (decimal and negative numbers not allowed)var size = 24;// Set both to 1 for plain circle, set one of them to 2 for oval// Other numbers & decimals can have interesting effects, keep these low (0 to 3)var circleY = 0.75; var circleX = 2;// The larger this divisor, the smaller the spaces between letters// (decimals allowed, not negative numbers)var letter_spacing = 5;// The larger this multiplier, the bigger the circle/oval// (decimals allowed, not negative numbers, some rounding is applied)var diameter = 10;// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)var rotation = 0.4;// This is not the rotation speed, its the reaction speed, keep low!// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)var speed = 0.3;////////////////////// Stop Editing //////////////////////if (!window.addEventListener && !window.attachEvent || !document.createElement) return;msg = msg.split('');var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],o = document.createElement('div'), oi = document.createElement('div'),b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,mouse = function(e){e = e || window.event;ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-positionxmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position},makecircle = function(){ // rotation/positioningif(init.nopy){o.style.top = (b || document.body).scrollTop + 'px';o.style.left = (b || document.body).scrollLeft + 'px';};currStep -= rotation;for (var d, i = n; i > -1; --i){ // makes the circled = document.getElementById('iemsg' + i).style;d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';};},drag = function(){ // makes the resistancey[0] = Y[0] += (ymouse - Y[0]) * speed;x[0] = X[0] += (xmouse - 20 - X[0]) * speed;for (var i = n; i > 0; --i){y[i] = Y[i] += (y[i-1] - Y[i]) * speed;x[i] = X[i] += (x[i-1] - X[i]) * speed;};makecircle();},init = function(){ // appends message divs, & sets initial values for positioning arraysif(!isNaN(window.pageYOffset)){ymouse += window.pageYOffset;xmouse += window.pageXOffset;} else init.nopy = true;for (var d, i = n; i > -1; --i){d = document.createElement('div'); d.id = 'iemsg' + i;d.style.height = d.style.width = a + 'px';d.appendChild(document.createTextNode(msg[i]));oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;};o.appendChild(oi); document.body.appendChild(o);setInterval(drag, 25);},ascroll = function(){ymouse += window.pageYOffset;xmouse += window.pageXOffset;window.removeEventListener('scroll', ascroll, false);};o.id = 'outerCircleText'; o.style.fontSize = size + 'px';if (window.addEventListener){window.addEventListener('load', init, false);document.addEventListener('mouseover', mouse, false);document.addEventListener('mousemove', mouse, false);if (/Apple/.test(navigator.vendor))window.addEventListener('scroll', ascroll, false);}else if (window.attachEvent){window.attachEvent('onload', init);document.attachEvent('onmousemove', mouse);};})();</script>
- Kode berwarna kuning adalah kode warna yang bisa kamu ganti
Silahkan pilih kode warna yang kamu pengen :
Merah #cc0000
Orange #ff9900
Kuning #ffff00
Hijau #00ff00
Biru Muda #00ffff
Biru tua #0000ff
Pink #ff00ff
Ungu #9900ff
Putih #ffffff
- Kode berwarna Biru Tua adalah teks yang akan mengikuti kursor
- kode berwarna Biru Muda adalah Value yang bisa kamu ganti seperti Ukuran, jarak spasi, kecepatan teks, dia meter putaran dll.
.: JANGAN LUPA KOMENTAR :.
Cara membuat Teks Bergerak Mengikuti/Memutari Kursor di Blog!!!
Cara membuat Teks Bergerak Mengikuti/Memutari Kursor di Blog!!!
Kali ini ane bakal ngebahas tentang tulisan yang berputar mengelilingi dan mengikuti kursor, bagi yang sudah pensaran dan kebelet (pengen banget) langsung aja kita ke TeeeKaPee.... Cekkidottt...
Caranya :
1. Masuk Blogger
2. klik Tata Letak
3. Klik Tambah Gadget
- Kode berwarna kuning adalah kode warna yang bisa kamu ganti
Silahkan pilih kode warna yang kamu pengen :
Merah #cc0000
Orange #ff9900
Kuning #ffff00
Hijau #00ff00
Biru Muda #00ffff
Biru tua #0000ff
Pink #ff00ff
Ungu #9900ff
Putih #ffffff
- Kode berwarna Biru Tua adalah teks yang akan mengikuti kursor
- kode berwarna Biru Muda adalah Value yang bisa kamu ganti seperti Ukuran, jarak spasi, kecepatan teks, dia meter putaran dll.
Caranya :
1. Masuk Blogger
2. klik Tata Letak
3. Klik Tambah Gadget
NP :<style type="text/css">/* Circle Text Styles */#outerCircleText {/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */font-style: italic;font-weight: bold;font-family: 'comic sans ms';color: #000000;/* End Optional *//* Start Required - Do Not Edit */position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}#outerCircleText div {position: relative;}#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}/* End Required *//* End Circle Text Styles */</style><script type="text/javascript">/* Circling text trail- Tim TiltonWebsite: http://www.tempermedia.com/Visit: http://www.dynamicdrive.com/ for Original Source and tons of scriptsModified Here for more flexibility and modern browser supportModifications as first seen in http://www.dynamicdrive.com/forums/username:jscheuer1 - This notice must remain for legal use*/;(function(){// Your message here (QUOTED STRING)var msg = "Tutorial Blog";/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */// Set font's style size for calculating dimensions// Set to number of desired pixels font size (decimal and negative numbers not allowed)var size = 24;// Set both to 1 for plain circle, set one of them to 2 for oval// Other numbers & decimals can have interesting effects, keep these low (0 to 3)var circleY = 0.75; var circleX = 2;// The larger this divisor, the smaller the spaces between letters// (decimals allowed, not negative numbers)var letter_spacing = 5;// The larger this multiplier, the bigger the circle/oval// (decimals allowed, not negative numbers, some rounding is applied)var diameter = 10;// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)var rotation = 0.4;// This is not the rotation speed, its the reaction speed, keep low!// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)var speed = 0.3;////////////////////// Stop Editing //////////////////////if (!window.addEventListener && !window.attachEvent || !document.createElement) return;msg = msg.split('');var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],o = document.createElement('div'), oi = document.createElement('div'),b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,mouse = function(e){e = e || window.event;ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-positionxmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position},makecircle = function(){ // rotation/positioningif(init.nopy){o.style.top = (b || document.body).scrollTop + 'px';o.style.left = (b || document.body).scrollLeft + 'px';};currStep -= rotation;for (var d, i = n; i > -1; --i){ // makes the circled = document.getElementById('iemsg' + i).style;d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';};},drag = function(){ // makes the resistancey[0] = Y[0] += (ymouse - Y[0]) * speed;x[0] = X[0] += (xmouse - 20 - X[0]) * speed;for (var i = n; i > 0; --i){y[i] = Y[i] += (y[i-1] - Y[i]) * speed;x[i] = X[i] += (x[i-1] - X[i]) * speed;};makecircle();},init = function(){ // appends message divs, & sets initial values for positioning arraysif(!isNaN(window.pageYOffset)){ymouse += window.pageYOffset;xmouse += window.pageXOffset;} else init.nopy = true;for (var d, i = n; i > -1; --i){d = document.createElement('div'); d.id = 'iemsg' + i;d.style.height = d.style.width = a + 'px';d.appendChild(document.createTextNode(msg[i]));oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;};o.appendChild(oi); document.body.appendChild(o);setInterval(drag, 25);},ascroll = function(){ymouse += window.pageYOffset;xmouse += window.pageXOffset;window.removeEventListener('scroll', ascroll, false);};o.id = 'outerCircleText'; o.style.fontSize = size + 'px';if (window.addEventListener){window.addEventListener('load', init, false);document.addEventListener('mouseover', mouse, false);document.addEventListener('mousemove', mouse, false);if (/Apple/.test(navigator.vendor))window.addEventListener('scroll', ascroll, false);}else if (window.attachEvent){window.attachEvent('onload', init);document.attachEvent('onmousemove', mouse);};})();</script>
- Kode berwarna kuning adalah kode warna yang bisa kamu ganti
Silahkan pilih kode warna yang kamu pengen :
Merah #cc0000
Orange #ff9900
Kuning #ffff00
Hijau #00ff00
Biru Muda #00ffff
Biru tua #0000ff
Pink #ff00ff
Ungu #9900ff
Putih #ffffff
- Kode berwarna Biru Tua adalah teks yang akan mengikuti kursor
- kode berwarna Biru Muda adalah Value yang bisa kamu ganti seperti Ukuran, jarak spasi, kecepatan teks, dia meter putaran dll.
.: JANGAN LUPA KOMENTAR :.
Templates Barcelona Fc
nie dia sobb aku mau bikin entri Templates Barcelona FC langsung aa sobb , ini kode nya :
____________________________________________________________________
<?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 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[
/* ------Copyright------- * Blogger Template Style---- * Name: to writer---- *vio----------- * URL: http://fretemplatesblog.blogspot.com/ ------ * Date: December 2007 ----- */
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#369" value="#336699">
<Variable name="PageBgColor" description="Page Background Color"
type="color" default="#369" value="#336699">
<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#e4ce94" value="#e4ce94">
<Variable name="datecolor" description="Date Header Color"
type="color" default="#f90" value="#ff9900">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#369" value="#336699">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#f93" value="#ff9933">
<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#f90" value="#ff9900">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#c0c0c0" value="#c0c0c0">
<Variable name="sidebarlink" description="Sidebar Link Color"
type="color" default="#f93" value="#ff9933">
<Variable name="sidebarhover" description="Sidebar Hover Color"
type="color" default="#069" value="#006699">
<Variable name="linkcolor" description="Link Color"
type="color" default="#008000" value="#008000">
<Variable name="linkhover" description="Link Hover Color"
type="color" default="#f90" value="#ff9900">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#008000" value="#008000">
<Variable name="descriptioncolor" description="Description Color"
type="color" default="#f90" value="#ff9900">
<Variable name="Commentscolor" description="Comments Text Color"
type="color" default="#555" value="#555555">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 82% Verdana, sans-serif" value="normal normal 82% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal bold 350% 'Times New Roman','Georgia'" value="normal bold 350% 'Times New Roman','Georgia'">
<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 100% 'Times New Roman','Georgia'" value="normal bold 100% 'Times New Roman','Georgia'">
<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 150% 'Times New Roman','Georgia'" value="normal bold 150% 'Times New Roman','Georgia'">
<Variable name="sidebarfont" description="Sidebar Text Font"
type="font" default="normal normal 91% 'Verdana','Arial'" value="normal normal 91% 'Verdana','Arial'">
<Variable name="descriptionfont" description="Description Font"
type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'">
*/
/* ---( page defaults )--- */
body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; }
blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; }
blockquote p { margin-top: 0; }
abbr, acronym { cursor: help; font-style: normal; }
code { color: #f63; }
hr { display: none; }
img { border: none; }
/* unordered list style */
ul {list-style: none; margin-left: 7px; padding: 0;}
li {list-style: none; padding-left: 8px; margin-bottom: 3px;}
/* links */
a:link {color: $linkcolor; text-decoration: none;}
a:visited {color: $visitedlinkcolor; text-decoration: none;}
a:hover { color: $linkhover; text-decoration: none;}
a:active { color: $visitedlinkcolor; text-decoration: none;}
/* ---( layout structure )---*/
#outer-wrapper {width:849px; margin: 0px auto; text-align: justify; }
#content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;}
#main { float:right; width:520px; margin: 0px; padding-right:60px; line-height: 1.2em; 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 */ }
#sidebar { float:left; width:210px; padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ }
#center {background:#fff url('http://lh5.google.com/jvdmds/R1OTVUF0IFI/AAAAAAAAA94/zVjg9OTiRyk/write-2.jpg') repeat-y top left;}
/* ---( header and site name )--- */
#header-wrapper { margin: 0px; padding: 0px}
#header {height:189px; overflow: hidden; width:849px; color: $pagetitlecolor; background: url('http://sites.google.com/site/farisviosite/banner_template/barcelona.jpg?attredirects=0') no-repeat top left; }
#header h1 {width:550px; font: $pagetitlefont; margin:50px 20px 5px 70px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left; }
#header h1 a {text-decoration: none; color: $pagetitlecolor;}
#header h1 a:hover {color: $descriptioncolor;}
#header .description {margin:-10px 20px 5px 70px; text-align:left; width:550px; font: $descriptionfont; color: $descriptioncolor; }
/* ---( main column )--- */
h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; }
.post h3 { text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #369; border-bottom: 1px solid #369; }
.post {padding:0px;}
.post h3 a {color: $titlecolor; text-decoration: none;}
.post h3 a:hover {color: $titlehovercolor; text-decoration: none; }
.post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; }
.post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
.feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #369; }
.blog-feeds {text-align: right; color:$footercolor;}
#blog-pager-newer-link {float: left; }
#blog-pager-older-link {float: right; }
#blog-pager {text-align: center;}
/* comment styles */
#comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;}
#comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }
#comments ul { margin-left: 0; }
#comments li { background: none; padding-left: 0; }
.comment-body { padding: 0 10px 0 25px; }
.comment-body p { margin-bottom: 0; }
.comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; }
.comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}
.deleted-comment { font-style:italic; color:gray; }
/* ---( sidebar )--- */
.sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }
.sidebar .widget { margin: 0; padding: 0 0 10px 10px; }
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover;}
.sidebar li { }
.profile-textblock { margin: 0.5em 0; line-height: 1.6em;}
.profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;}
/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */ clear: both; }
#footer {margin: 0; width:849px; height:68px; background: url('http://lh4.google.com/jvdmds/R1OTVEF0IEI/AAAAAAAAA9w/LNZsekoM3hk/write-3.jpg') no-repeat top left; text-align:center; color: #999; }
#footer-wrapper {margin: 0; font-size: 75%; padding-left:200px; clear: both; }
#footer-wrapper a { color: #999; text-decoration: none; line-height:68px;}
#footer-wrapper a:hover{ color: #369; text-decoration: none;}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {padding-top: 0; margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0}
body#layout #sidebar {margin-right: 0;}
body#layout #header,body#layout #footer,
body#layout #main {padding: 0;}
body#layout #content-wrapper {margin: 0px;}
#navbar-iframe {height:0px; visibility:hidden; display:none}
]]></b:skin>
</head>
<body>
<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'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Arsenal (Header)' type='Header'/>
</b:section>
</div>
<div id='center'>
<div id='content-wrapper'>
<div id='main-wrapper'>
<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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</div> <!--end center-->
<div class='footer section' id='footer'><div id='footer-wrapper'>
Design by: <a href='http://fretemplatesblog.blogspot.com/2009/09/penulis.html' shape='rect' title='Blogger Templates'>Blogger</a>
</div>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>
cara :
buka templates
truss edit HTML
copy kan kode di atas
___________________________________________
Semoga Berhasil Sobb ... ets jangan lupa Comentar nya
_____________________________
____________________________________________________________________
<?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 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[
/* ------Copyright------- * Blogger Template Style---- * Name: to writer---- *vio----------- * URL: http://fretemplatesblog.blogspot.com/ ------ * Date: December 2007 ----- */
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#369" value="#336699">
<Variable name="PageBgColor" description="Page Background Color"
type="color" default="#369" value="#336699">
<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#e4ce94" value="#e4ce94">
<Variable name="datecolor" description="Date Header Color"
type="color" default="#f90" value="#ff9900">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#369" value="#336699">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#f93" value="#ff9933">
<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#f90" value="#ff9900">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#c0c0c0" value="#c0c0c0">
<Variable name="sidebarlink" description="Sidebar Link Color"
type="color" default="#f93" value="#ff9933">
<Variable name="sidebarhover" description="Sidebar Hover Color"
type="color" default="#069" value="#006699">
<Variable name="linkcolor" description="Link Color"
type="color" default="#008000" value="#008000">
<Variable name="linkhover" description="Link Hover Color"
type="color" default="#f90" value="#ff9900">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#008000" value="#008000">
<Variable name="descriptioncolor" description="Description Color"
type="color" default="#f90" value="#ff9900">
<Variable name="Commentscolor" description="Comments Text Color"
type="color" default="#555" value="#555555">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 82% Verdana, sans-serif" value="normal normal 82% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal bold 350% 'Times New Roman','Georgia'" value="normal bold 350% 'Times New Roman','Georgia'">
<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 100% 'Times New Roman','Georgia'" value="normal bold 100% 'Times New Roman','Georgia'">
<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 150% 'Times New Roman','Georgia'" value="normal bold 150% 'Times New Roman','Georgia'">
<Variable name="sidebarfont" description="Sidebar Text Font"
type="font" default="normal normal 91% 'Verdana','Arial'" value="normal normal 91% 'Verdana','Arial'">
<Variable name="descriptionfont" description="Description Font"
type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'">
*/
/* ---( page defaults )--- */
body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; }
blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; }
blockquote p { margin-top: 0; }
abbr, acronym { cursor: help; font-style: normal; }
code { color: #f63; }
hr { display: none; }
img { border: none; }
/* unordered list style */
ul {list-style: none; margin-left: 7px; padding: 0;}
li {list-style: none; padding-left: 8px; margin-bottom: 3px;}
/* links */
a:link {color: $linkcolor; text-decoration: none;}
a:visited {color: $visitedlinkcolor; text-decoration: none;}
a:hover { color: $linkhover; text-decoration: none;}
a:active { color: $visitedlinkcolor; text-decoration: none;}
/* ---( layout structure )---*/
#outer-wrapper {width:849px; margin: 0px auto; text-align: justify; }
#content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;}
#main { float:right; width:520px; margin: 0px; padding-right:60px; line-height: 1.2em; 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 */ }
#sidebar { float:left; width:210px; padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ }
#center {background:#fff url('http://lh5.google.com/jvdmds/R1OTVUF0IFI/AAAAAAAAA94/zVjg9OTiRyk/write-2.jpg') repeat-y top left;}
/* ---( header and site name )--- */
#header-wrapper { margin: 0px; padding: 0px}
#header {height:189px; overflow: hidden; width:849px; color: $pagetitlecolor; background: url('http://sites.google.com/site/farisviosite/banner_template/barcelona.jpg?attredirects=0') no-repeat top left; }
#header h1 {width:550px; font: $pagetitlefont; margin:50px 20px 5px 70px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left; }
#header h1 a {text-decoration: none; color: $pagetitlecolor;}
#header h1 a:hover {color: $descriptioncolor;}
#header .description {margin:-10px 20px 5px 70px; text-align:left; width:550px; font: $descriptionfont; color: $descriptioncolor; }
/* ---( main column )--- */
h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; }
.post h3 { text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #369; border-bottom: 1px solid #369; }
.post {padding:0px;}
.post h3 a {color: $titlecolor; text-decoration: none;}
.post h3 a:hover {color: $titlehovercolor; text-decoration: none; }
.post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; }
.post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
.feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #369; }
.blog-feeds {text-align: right; color:$footercolor;}
#blog-pager-newer-link {float: left; }
#blog-pager-older-link {float: right; }
#blog-pager {text-align: center;}
/* comment styles */
#comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;}
#comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }
#comments ul { margin-left: 0; }
#comments li { background: none; padding-left: 0; }
.comment-body { padding: 0 10px 0 25px; }
.comment-body p { margin-bottom: 0; }
.comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; }
.comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}
.deleted-comment { font-style:italic; color:gray; }
/* ---( sidebar )--- */
.sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }
.sidebar .widget { margin: 0; padding: 0 0 10px 10px; }
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover;}
.sidebar li { }
.profile-textblock { margin: 0.5em 0; line-height: 1.6em;}
.profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;}
/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */ clear: both; }
#footer {margin: 0; width:849px; height:68px; background: url('http://lh4.google.com/jvdmds/R1OTVEF0IEI/AAAAAAAAA9w/LNZsekoM3hk/write-3.jpg') no-repeat top left; text-align:center; color: #999; }
#footer-wrapper {margin: 0; font-size: 75%; padding-left:200px; clear: both; }
#footer-wrapper a { color: #999; text-decoration: none; line-height:68px;}
#footer-wrapper a:hover{ color: #369; text-decoration: none;}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {padding-top: 0; margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0}
body#layout #sidebar {margin-right: 0;}
body#layout #header,body#layout #footer,
body#layout #main {padding: 0;}
body#layout #content-wrapper {margin: 0px;}
#navbar-iframe {height:0px; visibility:hidden; display:none}
]]></b:skin>
</head>
<body>
<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'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Arsenal (Header)' type='Header'/>
</b:section>
</div>
<div id='center'>
<div id='content-wrapper'>
<div id='main-wrapper'>
<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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</div> <!--end center-->
<div class='footer section' id='footer'><div id='footer-wrapper'>
Design by: <a href='http://fretemplatesblog.blogspot.com/2009/09/penulis.html' shape='rect' title='Blogger Templates'>Blogger</a>
</div>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>
cara :
buka templates
truss edit HTML
copy kan kode di atas
___________________________________________
Semoga Berhasil Sobb ... ets jangan lupa Comentar nya
_____________________________
TEMPALTES CHEALSEA
Chelsea Templates !!!
Name : Chelsea Templates
Designer: EZ WPthemes
Description:
Chelsea FC is a free blogger template adapted from WordPress with 2 columns and right sidebar.
DOWNLOAD TEMPLATES
Sabtu, 30 Maret 2013
cara bikin status biru
CARA BIKIN STATUS BIRU
mungkin udah terdengar gak asing lagi buat teman2 tentang
cara bikin status biru atau cara bikin status seperti warna Link di FB tapi gak apapa hanya sekedar share aja buat temen2 yg belum sempat mengetahui Cara membuat status berwarna Biru ini
mohon maaf gada scrensoot nya
caranya gini:
langsung aja login ke FBnya, trus Kopi dan tambah gula..
ehh salah... emngnya mau bikin kopi buat minum apa wkwkwkw
canda sob..
langsung aja Copy Code dibawah ini:
@@[0:[0:1:GANTI/TULIS STATUS KAMU DISINI]]
trus di paste di kotak untuk nulis satatusmu
ganti tulisan warna merah dengan status nya teman2, trus Kirim
Liat Hasilnya.
itulah: Cara Membuat Status jadi Warna Biru,
semoga bermanfaat buat teman2
Mohon jempolnya Untuk Mengetahui Update2 Terbaru Dari Agif^^_Bagi-bagi ilmu
Semoga Berhasil :)
Readmore: http://agifg.blogspot.com/2013/01/cara-bikin-status-biru-di-facebook.html#ixzz2P0dXypJK
www.facebook.com/Agif.Ghifari
Jumat, 29 Maret 2013
cara mendapatkan gcash gratis
Gampang kok caranya.
buka website ini http://gcashfree.weebly.com/
Tinggal isi form - berapa lama jangka waktu - berapa nominal G-Cash yang anda inginkan.
buka website ini http://gcashfree.weebly.com/
Tinggal isi form - berapa lama jangka waktu - berapa nominal G-Cash yang anda inginkan.
Cara biar status nya dilike banyak orang
Cara agar status facebook di like banyak orang otomatis
Pada hari ini saya akan sedikit buka rahasia bagaimana cara agar status facebook di like banyak orang.Sebagian besar dari pengunjung yang membaca tulisan ini pasti sudah punya facebook.Facebook adalah salah satu sosial media yang paling populer sampai saat ini.
Bagi anda pengguna facebook yang aktif,tentunya akan memperoleh banyak teman dan kenalan. Dan ketika anda mengupdate status maka teman-teman kita akan banyak yang berkomentar atau sekedar Like status kita. Tapi bagaimana jika teman kita masih sedikit ? Bagi anda yg statusnya minim Like tidak perlu iri hati karena dengan sedikit trik kita akan memperoleh ribuan like.
Sebelumnya Cara agar status facebook di like banyak orang otomatis ini sudah saya praktekkan dan hasilnya 100% berhasil.Kalo para master bilang no tipu_tipu.
Cara mudah dapat banyak like di status facebook
Mungkin anda pernah ngiri jika melihat status seseorang yang bahkan update statusnya tidak bermutu, tapi di like banyak orang. Apalagi kalau misalnya anda sudah berkali-kali update status, namun ternyata tak ada satu pun jempol dan komentaryang nyangkut di status anda, pastinya akan kesal sekali (pengalaman sendiri nih
Nah, anda tak perlu iri dan berkecil hati lagi, sekarang ayo kita buat teman2 anda berbalik ngiri ke anda dengan memperlihatkan status anda yang di like oleh ribuan orang. Karena kali ini saya akan memberikan sebuah trik sederhana tentang cara membuat update status kita agar di like ribuan orang. Sekali bikin status langsung akan di like 9.893 orang .
Anda tak perlu iri dan berkecil hati lagi, sekarang ayo kita buat teman2 anda berbalik ngiri ke anda dengan memperlihatkan status anda yang di like oleh ribuan orang. Karena kali ini saya akan memberikan sebuah trik sederhana tentang cara membuat update status kita agar terlihat seperti di like ribuan orang. Sekali bikin status langsung akan di like 9.893 orang
Description: Cara supaya status facebook banyak di like orang 2013 Rating: 5Reviewer: shadow ItemReviewed: Cara supaya status facebook banyak di like orang 2013
categoris : Cara biar status nya dilike banyak orang
Cara agar status facebook di like banyak orang otomatis
Pada hari ini saya akan sedikit buka rahasia bagaimana cara agar status facebook di like banyak orang.Sebagian besar dari pengunjung yang membaca tulisan ini pasti sudah punya facebook.Facebook adalah salah satu sosial media yang paling populer sampai saat ini.Bagi anda pengguna facebook yang aktif,tentunya akan memperoleh banyak teman dan kenalan. Dan ketika anda mengupdate status maka teman-teman kita akan banyak yang berkomentar atau sekedar Like status kita. Tapi bagaimana jika teman kita masih sedikit ? Bagi anda yg statusnya minim Like tidak perlu iri hati karena dengan sedikit trik kita akan memperoleh ribuan like.
Sebelumnya Cara agar status facebook di like banyak orang otomatis ini sudah saya praktekkan dan hasilnya 100% berhasil.Kalo para master bilang no tipu_tipu.
Cara mudah dapat banyak like di status facebook
Nah, anda tak perlu iri dan berkecil hati lagi, sekarang ayo kita buat teman2 anda berbalik ngiri ke anda dengan memperlihatkan status anda yang di like oleh ribuan orang. Karena kali ini saya akan memberikan sebuah trik sederhana tentang cara membuat update status kita agar di like ribuan orang. Sekali bikin status langsung akan di like 9.893 orang .
Anda tak perlu iri dan berkecil hati lagi, sekarang ayo kita buat teman2 anda berbalik ngiri ke anda dengan memperlihatkan status anda yang di like oleh ribuan orang. Karena kali ini saya akan memberikan sebuah trik sederhana tentang cara membuat update status kita agar terlihat seperti di like ribuan orang. Sekali bikin status langsung akan di like 9.893 orang
categoris : Cara biar status nya dilike banyak orang
Langganan:
Postingan (Atom)
Blog Archive
About Me
- Unknown