 |
MARYONO Laki-laki, 15 MARET 1991  MAGETAN, INDONESIA
 Banggalah pada dirimu sendiri, Meski ada yang tak Menyukai. Kadang mereka membenci karena Mereka tak mampu menjadi seperti dirimu. |
| :: |
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
text-shadow: 2px 2px 5px #800000;
}
 | HTML/JavaScript Tambahkan fungsional pihak ketiga atau kode lainnya ke blog Anda. Oleh Blogger |
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>]]></b:skin> atau </style>/* Notifikasi Komentar
----------------------------------------------- */
#cm-total {
position:fixed;
top:14px;
right:0;
width:188px;
text-align:left;
z-index:9999;
cursor:pointer;
}
.total-counter {
background-color:#d11919;
color:white;
padding:1px 4px;
font-family:Arial,Sans-serif;
font-size:11px;
border-radius:5px;
font-weight:bold;
}
#notif {
position:fixed;
top:20px;
right:180px;
z-index:9999;
height:22px;
width:19px;
opacity:.4;
cursor:pointer;
}
#notif:hover {
opacity:1;
}
.close-notif {
position:fixed;
top:92px;
right:20px;
z-index:9999;
cursor:pointer;
display:none;
}
#cm-container {
width:355px;
position:fixed;
top:67px;
right:0;
z-index:9999;
background-color:#e5e5e5;
padding:60px 20px 10px 20px;
color:#666;
box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
text-align:left;
border:1px solid rgba(0,0,0,.2);
background-clip:padding-box;
display:none;
}
#cm-container:before {
content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO3gU8JPipw7x5EYUbSL3l48yib0cP0hax_rHZYftpT0T4jFK7QM9LCKl4Y2dxp8Gj2FgbHZXBQVY5ECJtDbETYyRaV2Afpdh0y0_nCrCcn5j3gObu_M-2Qi9NyetpcxZ9ztyr7S8O8f8/s1600/arrow-notif.png');
position:absolute;
top:-14px;
left:196px;
}
#cm-container:after {
content:"Komentar Terbaru";
position:absolute;
top:22px;
left:150px;
text-align:center;
font:normal 14px Arial;
color:#333;
}
.cm-outer {
margin:0 auto;
padding:0;
font-size:11px;
text-align:left;
font:normal 12px Arial;
}
.cm-outer ul{
margin-bottom:5px;
}
.cm-outer li {
padding:9px 10px 14px;
list-style:none;
clear:both;
position:relative;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background-color: white;
margin-bottom:10px;
}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {
display:block;
float:left;
background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9gkhI39t4tIFUlcw1HW8JDlDfOeSfuaBE836hzdw-fWurbOaKy4HiFDRzkudLwQ2DdSq4gjgNzEuMYstLZfRqFbNicJs9x1BI44g9965ogg2_wjRa3gIogfoe2NAItEsKXNssRl-8bY/s1600/anon80.png') no-repeat 50% 50%;
overflow:hidden;
border-radius:3px 0 0 3px;
position:absolute;
top:0;
left:0;
}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
div.cm-header img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] {
content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);
}</body><div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilI2h3WH4u00zYvNT9CNsVPYUnsEwFWWI4BG1suz8lr5Rwwb09vnjKtbkhpmUqNwM9Fp9g_X-aR8YQJHdgCyMrpPnUpgtKy9wtaqHQZl88mns-ViWBWgh44-PBO-sP1Ol48iISLOinoMA/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggL5LEm2yqXwHhhMmnCOwtxVuBmtjDRVZrUq5DPfIyWK1nKlGdmtzG5sQCqjQY4ROfVptZfblBzN7PWWZ_zyUdQg1CP3aiIU6EEx8fmRBIhF1D7Ku58IaCzGbIvzj6AD1kFrtJuCrA1hw/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "http://dagujang.blogspot.com",
max_result: 6,
t_w: 80,
t_h: 80,
summary: 40,
new_tab_link: true,
ct_id: "cm-container",
new_cm: " Komentar Baru!",
interval: 30000,
alert: true,
alert: function(total) {
document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
document.title = '(' + total + ') ' + originalTitle;
}
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/>dagujang.blogspot.com ganti tulisan yang di blog warna kuning dengan nama blog sobat sendiriSurgakuSurgaku
Udara yang begitu bersih
Suaana yang menyenangkan
Seperti tempat para bidadari
Surgaku
Tempat untuk memanjakan diri
Yang diberikan oleh sang pencipta
Hadiah terbesar darinya
Hadiah teristimewa yang dijanjikannya
Untuk kita semua
Jalan jalan naik kudaSiudin sedang berlayar
Kudanya warna merah
Kalau pengen awet muda
Jangan marah marah
Senyummu begitu menawan hatiKau gadis berkerudung merah
Bagaikan bulan di waktu purnama
Tawamu begitu riang
Bagaikan diwaktu pagi yang cerah
Kau pancarkan panah asmaraKau gadis berkerudung merah
Membuat para kumbang terpesona
Kau curi pandangan orang lain
Hanya nampak dirimu
]]></b:skin><body><div id='top-menuwrapper'>
<div id='top-menuwrap'>
<div id='top-menu'>
<ul>
<li><a href='http://unduhan-mp3.blogspot.com/'>Lagu Gratis</a></li>
<li><a href='http://dagujang.blogspot.com/p/tv-online-indonesia.html/'>TV Online</a></li>
<li><a href='http://www.youtube.com/'>You Tube</a></li>
</ul>
<div class='logo'>
<a href='/'><img alt='Go! Blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzP0mSK4cedtX3CR7pgER4YTMTwDn3sX_uPYpNYDS1j4Bi8XGEaJ0bHt5ppq803tcOUU6UIJExqbY106D1iBNOMwpXXEFJzExP_sCDsCI3-Mr3EqxHE3lNk4MZPduDcnc6QEQ3bugnO-o/s36/13.gif'/></a>
</div>
</div>
</div>
</div>
#header {............
}
margin-top:60px; maka akan seperti ini.#header {margin-top:60px;............
}