tes quote
httpsasxz
32jkaslk
weawkjdaksda
tes bullet list
- 32sadaewa
- wadsewa
- sdawea
- Dsdasea
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>Note : Lewati cara ketiga apabila blog anda sudah terpasang jQuery !!!
#page-loader {5. Selanjutnya cari kode </body> dan letakkan kode dibawah ini tepat diatas kode </body>
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:9999;
background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxn1maggVxUidnQjh_X6ytTh_A6scE2nd7ZOhaDNH_jYgdaWoiY8s-RCYtjNrHmP7rOEuXntBGhHc2KWfzAHDBa4RZKOL3iM_QjfUCCNpI201xmJY-jbEmAxnfpmZjWgzYXU7o0ABP_3g/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;
color:white;
padding:1em 1.2em;
display:none;
}
<script type='text/javascript'>6. Simpan template dan lihat perubahannya.
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
Agan Pengen Copas ? Tolong Sertakan Sumber, Hargai Karya Orang Lain !
<div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 530px;">Daftar isi tidak menggunakan Scroll
<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://zero-cyclops.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div>
<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://zero-cyclops.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>5. Judul postnya terserah agan
Agan Mau Copas ? Tolong Sertakan Sumber, Hargai Karya Orang Lain
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/SafryanArtOfficial&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe></div></div>
<title><data:blog.pageTitle/></title>Ganti kode diatas dengan kode dibawah ini (edit NamaBlog, keyword, deskripsi, dll)
<!-- Meta Title Halaman Error/404 -->
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Maaf halaman yang ada cari tidak ada | Namablog</title>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<!-- Meta Title Halaman Search -->
<b:if cond='data:blog.searchQuery'>
<title>Pencarian keyword untuk :: <data:blog.searchQuery/> :: | NamaBlog</title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<!-- Meta Title Halaman Arsip -->
<title>Arsip Artikel Bulan <data:blog.pageName/> | NamaBlog</title>
<!-- Meta Descriptin Halaman Arsip -->
<meta expr:content='"Arsip Artikel Bulan " + data:blog.pageName + " selengkapnya silahkan kunjungi di NamaBlog"' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- Meta Title Halaman Pages -->
<title><data:blog.pageName/> | NamaBlog</title>
<!-- Meta Description Halaman Pages -->
<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
<b:else/>
<!-- Meta Title Halaman Label -->
<b:if cond='data:blog.searchLabel'>
<title>Pencarian pada Label :: <data:blog.pageName/> :: | NamaBlog</title>
<!-- Meta Description Halaman Label -->
<meta expr:content='"Pencarian pada kategori ::" + data:blog.pageName + ":: selengkapnya silahkan kunjungi di NamaBLog."' name='description'/>
<b:else/>
<!-- Meta Title Halaman Utama -->
<title><data:blog.pageTitle/></title>
<!-- Meta Description Halaman utama -->
<meta expr:content='data:blog.pageTitle + " Tulis deskripsi blog anda disini."' name='description'/>
</b:if>
</b:if>
</b:if>
<!-- Meta Keyword Halaman utama-->
<meta content='keyword1, keyword2, dst' name='keywords'/>
<b:else/>
<!-- Meta Title Halaman Post -->
<title><data:blog.pageName/> - NamaBlog</title>
<!-- Meta Description Halaman Post aktif -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:else/>
<!-- Tampilkan jika Meta Description Halaman post tidak aktif-->
<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
</b:if>
<!-- Meta Keyword Halaman post -->
<meta expr:content='data:blog.pageName + ", keyword1, keyword2, dst"' name='keywords'/>
</b:if>
Apabila sobat sudah menambahkan meta tag sebelumnya, silahkan sesuaikan atau ganti dengan meta tag di atas.
<a href="link-tujuan" title="Deskripsi" target="_blank">judul</a>
<img src="link images" alt="Deskripsi" title="Judul">
Pada intinya sobat harus memberikan judul dan deskripsi pada link atau tautan
Agan Mau Copas ? Tolong Sertakanlah Sumber, Hargai Karya Orang Lain !
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
/* 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/AVvXsEhGIvBnM2MQZ2S7xOC6DplEYPwkVK-WfbSZDlTZauN7v7_YGLQ-kpgyPtGLbM2RPPUavmlgySemtesUf77QLbRPBXQOvg0-iBjA4juV8vUDuSHCnnCoAz2RXpFx0LhGV80MNFcv3pK2-BU/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/AVvXsEjGSRydxWUnbQUASyQpRDYVCtkyTcnksTQx91mLJCLjMOFRWMbb2aC1rruHsm33x9Ohip69HA3u48JGWxVn_NTRsQ6uKlS_N8FXC_vd_a1Fs5Zach0udoBUXXvanREMUyWCOmsZBayzFI0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHB0Rbo-PhTJianFOV2xnpA2NiEEm8kZwZOt9L3-v1jcO_uJEQhDcVJLtJYqv_uTUt8MP-i7CSPfxJZYKIXHfvnvkP_AAeQOD-RztJu3lKHwW7RXymqdRGCANY3SPMP-tnoi61yF4zdwY/s80-c/gravatar.png);
}
<div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJMfkXqyiN6JOB8GWtuSYGbTrFmGbuip37B-eCClMpH3CRTh6ydHcxkfzhCkXJqGJ1Pj2bd4fxzfDFQSMkg3MAlDNMDXUK4jbKqMSxTrCwGFJ4X60XDQkZjfAOsrsoWlIg4HFKtGfn8A/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWcLOX4ZNHl-euOLxWR_zelxlLCN_T2Kaly_WRTASlxbvExWm7wHoOmnXvyy_3qNxpABoEX1stKfxTj-0JTTuVdfohSdk-gr-yI3tPU2sOXm7ujxgtJkfUIccBJ3sV1h83GCFoZ8nP0uc/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "http://Zero-Cyclops.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'/>
Agan Mau Copas ? Tolong Sertakanlah Sumber, Hargai Karya Orang Lain