#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #CCCC33; /* warna huruf */
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;}
// -1; --i){ // makes the circle
d = 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...
#Example_A {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
background-color: #00FF00;
text-align: center;
}
#Example_B {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
background-color: #00FF00;
text-align: center;
}
#Example_C {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
background-color: #00FF00;
}
#Example_D {
height: 5em;
width: 12em;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
background-color:...
.indeks {
background-color: #FFFFFF;
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
}
T td.off {
background-color: #FF0000;
}
T td.on {
background-color: #00FF33;
}
T tr.off {
background-color: #FF00FF;
}
T tr.on {
background-color: #0099FF;
}
BARIS 1
KOLOM 1
KOLOM 2
<style type="text/css">
.indeks {
background-color: #FFFFFF;
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
}
td.off {
background-color: #FF0000;
}
td.on {
background-color: #00FF33;
}
tr.off {
background-color:...
#sudut {
border-radius: 16px; /* half of button size + padding */
-moz-border-radius: 16px;
height: 20px;
background: -webkit-gradient(linear, left top, left bottom, from(#8cc0f6), to(#cfe4fa));
background: -moz-linear-gradient(top, #8cc0f6, #cfe4fa);
padding: 5px;
text-align: center;
}
ISI
<style type="text/css">
#sudut {
border-radius: 16px; /* half of button size + padding */
-moz-border-radius: 16px;
height: 20px;
background: -webkit-gradient(linear, left top, left bottom, from(#8cc0f6), to(#cfe4fa));
background: -moz-linear-gradient(top,...
#Example_A {
-moz-box-shadow: -5px -5px #888;
-webkit-box-shadow: -5px -5px #888;
box-shadow: -5px -5px #888;
background-color: #00FF00;
text-align: center;
width: 50px;
}
#Example_B {
-moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
background-color: #00FF00;
text-align: center;
width: 50px;
}
#Example_C {
-moz-box-shadow: -5px -5px 0 5px #888;
-webkit-box-shadow: -5px -5px 0 5px#888;
box-shadow: -5px -5px 0 5px #888;
background-color: #00FF00;
text-align: center;
width: 50px;
}
#Example_D {
-moz-box-shadow: -5px...
ISIISIISIISIISI
OR
ISIISIISIISIISI
<div style=" background: rgb(255, 0, 0) ; opacity: 0.2;">ISI</div>
<div style=" background: rgb(255, 0, 0) ; opacity: 0.4;">ISI</div>
<div style=" background: rgb(255, 0, 0) ; opacity: 0.6;">ISI</div>
<div style=" background: rgb(255, 0, 0) ; opacity: 0.8;">ISI</div>
<div style=" background: rgb(255, 0, 0) ; opacity: 1;">ISI</div>
OR
<div style=" background: rgb(243, 191, 189) ; ">ISI</div>
<div style=" background: rgb(246, 143, 142) ; ">ISI</div>
<div style=" background:...
.GRADIENTS1 {
background: -moz-linear-gradient(0% 0% 270deg,#00abeb, white, white 50%,#66cc00 51%,white 100%);
background: -webkit-gradient(linear, left top, left bottom,
from(#00abeb), to(white),
color-stop(0.5, white), color-stop(0.5, #66cc00));
height: 100px;
width: 100%;
text-align: center;
}
.GRADIENTS2{
background: -webkit-gradient(radial, 430 50, 0, 430 50, 506, from(red), to(#000));
background-image: -moz-radial-gradient(430px 50px 45deg, circle cover, red 0%, black 100%);
text-align: center;
}
GRADIENTS 1
GRADIENTS 2
<style...
.b {
width: 400px;
margin-top: -100px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
section { display: block; }
section#articles { width: 240px; float: left; padding: 10px; background-color: #fbf0cc; }
article > header { text-decoration: underline; margin-bottom: 10px; }
aside { float: left; width: 100px; padding: 10px; }
footer { overflow: hidden; clear: both; text-align: center; padding: 20px; }
nav li { float: left; width: 100px; text-align:center; padding: 10px; color: #fff; }
nav ul { list-style: none; overflow: hidden; padding: 0; margin:...
#kotak {
border-radius: 3px;
-moz-border-radius: 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
background: -moz-linear-gradient(top, #fff, #ddd);
border: 1px solid #bbb;
text-align: center;
padding: 5px;
}
ISI
<style type="text/css">
#kotak {
border-radius: 3px;
-moz-border-radius: 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
background: -moz-linear-gradient(top, #fff, #ddd);
border: 1px solid #bbb;
text-align: center;
padding: 5px;
}
</style>
<div...
<b:skin><![CDATA[
/* --------------------------------------
KETERANGAN
-----------------------------------------*/
/*KETERANGAN*/
]]></b:skin>
or
<style type="text/css">
/* --------------------------------------
KETERANGAN
-----------------------------------------*/
/*KETERANGAN*/
</style>
http://webdesainonline.blogspot.com/2011/05/code-keterangan-css.h...
<b:section class='sidebar1' id='sidebar1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='header' type='Header'>
<b:includable id='title' >
<!--judul-->
<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'>
<!--deskripsi-->
<div id='description'><span><data:description/></span></div>
</b:includable>
<b:includable...
<b:section class='sidebarcontent' id='sidebarcontent' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' 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...
Background
Kedap-kedip
Panjang slide
Tinggi slide
Horizontal center
Vertikal center
Dari kanan
Dari kiri
Bolak-balik horizonta
Bolak-balik vertikal
Akan berhenti 1x
Akan berhenti 2x
cepat
Akan hilang
Disentuh berhenti
Bounce
<p style="background-color:#66FF99"><marquee bgcolor="#FFFF00">Background</marquee><!-------------------------><p style="background-color:#66FF99"><marquee scrolldelay="500">Kedap-kedip</marquee><!-------------------------><p style="background-color:#66FF99"><marquee width=20%>Panjang slide</marquee><!-------------------------><p...
<b:section class='sidebarfooter' id='sidebarfooter' showaddelement='yes'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
...
<div class='post-header-line-1'/> <div class='post-body entry-content'><p><script type='text/javascript'>summary_noimg = 800;summary_img = 650;img_thumb_height = 150;img_thumb_width = 200; </script><script type='text/javascript'>//<![CDATA[function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ ...
<b:skin><![CDATA[ #navbar-iframe {display: none;} ]]></b:skin>
http://webdesainonline.blogspot.com/2011/05/code-blogger-hidden-navbar.html...
<?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><title> <b:if cond='data:blog.homepageUrl == data:blog.url'> <data:blog.title/> <b:else/> ...
http://malindofm.com/live-tv-streaming-indone...
#shadow-example {
text-shadow: rgba(64, 64, 64, 0.496094) 6px 7px 5px;
-webkit-box-shadow: rgba(0, 0, 128, 0.246094) 8px 6px 3px;
-moz-box-shadow: rgba(0, 0, 128, 0.246094) 8px 6px 3px;
border: 1px solid rgba(0, 0, 0, 0.2);
width: 300px;
height: 200px;
padding: 50px;
font-size: 35px;
}
shadow-example
<style type="text/css">
#shadow-example {
text-shadow: rgba(64, 64, 64, 0.496094) 6px 7px 5px;
-webkit-box-shadow: rgba(0, 0, 128, 0.246094) 8px 6px 3px;
-moz-box-shadow: rgba(0, 0, 128, 0.246094) 8px 6px 3px;
border: 1px solid...
Pertama-tama anda haruslah memiliki
akun dan code shoutmix/ cbox atau lainnya terlebih dahulu, jika belum ada, silahkan
Registrasi/ daftar terlebih dahulu.
Kemudian :
1. Login ke account Blogger anda, pilih Layout; kemudian klik Page Elements
2. Klik "Add a Gadget" , kemudian pilih "HTML/JavaScript",
3. Lalu Copy-paste kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUvyMQV8CWyevV4vnC-942MU1z8eoosa7dQQDZn_qV_2BMheHqnrcp-66jlE1_YAD3K6cEjgdszfUrzPWknoGWDSAUbNUDM3zYP6Ltt5qPQ1a0XgCeQojpuIe9GFpUH3sWronr7285iL0/')...
|
|
