/* tutorialblogspot.com scrollbar effect */
::-webkit-scrollbar {
width:14px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#eee;
}
::-webkit-scrollbar-thumb {
background: rgba(28,119,229,0.7);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(116,188,99,0.5);
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color: #333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>
| Jumlah Blog | Anda dapat memiliki hingga 100 blog per akun |
| Jumlah Entri | Jumlah entri yang dapat Anda miliki pada satu blog tidak dibatasi. Entri tersebut akan disimpan di akun Anda (sampai Anda menghapusnya secara manual), terlepas dari apakah Anda memublikasikan arsip atau tidak |
| Ukuran Entri | Tidak ada batasan ukuran untuk entri individual, tetapi entri yang sangat besar dapat terkena batas ukuran laman |
| Ukuran Laman | Laman individual (laman utama blog Anda atau laman arsip Anda) ukurannya dibatasi sebesar 1 MB. Ukuran ini bisa memuat beberapa ratus laman teks, tetapi dapat menjadi masalah jika Anda mencantumkan ratusan entri di laman depan blog Anda. Jika Anda mencapai batas ini, Anda akan melihat pesan galat yang menyatakan "006 Harap hubungi Dukungan Blogger". Anda dapat mencegah galat ini dengan mengurangi jumlah entri di laman utama Anda, yang juga akan memberikan manfaat yaitu laman Anda dimuat dengan cepat |
| Jumlah Komentar | Sebuah entri dapat berisi berapa pun komentar. Sedangkan untuk entri yang diarsipkan, jika Anda memilih menyembunyikan komentar di blog, semua komentar yang sebelumnya ada akan tetap tersimpan di akun |
| Jumlah Gambar | Penyimpanan total sebesar 1 GB, dibagi-pakai bersama Web Picasa |
| Ukuran Gambar | Jika Anda mengeposkan gambar melalui Blogger Mobile, terdapat batasan 250 K per gambar |
| Anggota Tim | Anggota dibatasi sebanyak 100 orang per blog |
| Jumlah Label | Label unik hingga 2.000 label per blog dan 20 label per entri |
| Uraian Blog | Dibatasi hingga 500 karakter, tanpa HTML. Menambahkan karakter tambahan atau HTML dapat mengembalikannya ke setelan sebelumnya |
| Informasi Profil | Maksimum 1.200 karakter |
| Minat Profil | Maksimum 2.000 karakter pada setiap bidang |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.gplusbox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH-2nEppJ7emYUtXHIr9nj7gP5YyWwhP1ko0WzIlUbPGiwWDjFWhyUEQiqfaXPZhIragND-DyQQ2jfoMiAFSOHxHwSbsOWE8dNGlxDjz6DPx0lFk5LKkZHSE0H4kRo7CRHavdWemgrCYA/s1600/google+plus+gemar+html.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 330px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
position:fixed;
right:-330px;
top:20%;
}
.gplusbox div{
padding: 16px;
background: white;
border: 1px solid #ff4747;
border-right: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/108329354747256877665" data-source="blogger:blog:followers" data-width="320">
</div>
<script>
<!--
document.write(unescape("\x3C\x70\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x57\x69\x64\x67\x65\x74\x20\x47\x6F\x6F\x67\x6C\x65\x2B\x20\x46\x6F\x6C\x6C\x6F\x77\x65\x72\x73\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x54\x75\x74\x6F\x72\x69\x61\x6C\x42\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E"));
//-->
</script>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div></div>
<h2 class='title'>Subscribe</h2> <div class='widget-content'> <style> #social { margin: 15px 0 5px -15px; width: 300px; height: 40px; text-align: center; } #social img { margin-left: 3px; margin-right: 3px; } #social img:hover { opacity: 0.6; } </style> <div id='social'> <a href='URL-TWITTER-SOBAT-DISINI'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKffGsM38vtwfsG_Oh7OKJSfnJuFrNTXWXegwgDgv3NVUic5Wyxnt2CMIIzZuh6znEYSRfb0Opzhfvpgnwn4PznQT1jc4-H5DHPs9vcuwe2C4LMo5i5IQViZqZ7dVh1AS6yWn7mJjcSSVm/s1600/twitter.png' title='Twitter'/></a> <a href='URL-FEEDBURNER-SOBAT-DISINI'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR52ehYW2PzmFoSriygXHONRRpztStKGnyQM6_zz1Jqdt5nUCOi9S3j0cJLcgfFVD4qTIQnz-wAkxHEzn0OyrOYk6iqW3J3SqJmxAkrPq4PiyO7o_hy-00XPQeFtDHojLBmkVTusX07Jhp/s1600/rss.png' title='RSS'/></a> <a href='URL-FACEBOOK-SOBAT-DISINI'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjInP_naCY8m2V6BJccZg1Fpa7D9-dAqDY62Tst5r_fvEBnu1Q1GF7JcSdiVMMr30fAQmZtVkl7lYtIeMW9mNB-_dw0SAVzV7J0-jgrn2QJS7_vkpL68VqPtrwLVlA18kpYoiwPxqtZItwW/s1600/facebook.png' title='Facebook'/></a> <a href='URL-GOOGLE-PLUS-SOBAT-DISINI'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcV7WKSqZVH0CjUXfpCmaCO05FNH4ZNG8pXcYVEsE6cnQ1qMblajaAOXOuGHJIbuKnR6TjXGmo__CVmEO36ziK7VYNp7gjSPpt4qE7rR_M-fnDpqprXlOLicTbF28OBjpvBMfsnE4q-UnV/s1600/google%252B.png' title='Google Plus'/></a> <a href='URL-YOUTOBE-SOBAT-DISINI'><img alt='Youtube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYHbUmVcwfhfNKn9ujAZDoawl5PGhcsX4FWVD6eOwc3NdWuDBhQywhVN-tK8hwua2Bcvp8ff7wosfkATo3jt-GfFsrKjW-xZhxjW3nbLOyZ7EVGCQu53fsvHeE9a1LAGckSurBo8pKMzS/s1600/you_tube.png' title='Youtube'/></a>
<script>
<!--
document.write(unescape("\x3C\x70\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x53\x6F\x63\x69\x61\x6C\x20\x53\x75\x62\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x20\x57\x69\x64\x67\x65\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x54\x75\x74\x6F\x72\x69\x61\x6C\x42\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E"));
//-->
</script>
| 1. | Animate controls and elements inside windows | |
| 2. | Animate windows when minimizing and maximizing | |
| 3. | Animations in the taskbar | |
| 4. | Fade or slide menus into view | |
| 5. | Fade or slide ToolTips into view | |
| 6. | Fade out menu items after clicking | |
| 7. | Save taskbar thumbnail previews | |
| 8. | Show shadows under mouse pointer | |
| 9. | Show shadows under windows | |
| 10. | Show thumbnails instead of icons | |
| 11. | Show translucent selection rectangle | |
| 12. | Slide open combo boxes | |
| 13. | Smooth-scroll list boxes |
| Line 2, Column 219: Attribute xmlns:b not allowed here. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> |
| Line 2, Column 219: Attribute with the local name xmlns:b is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> |
| Line 2, Column 219: Attribute xmlns:data not allowed here. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> |
| Line 2, Column 219: Attribute with the local name xmlns:data is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> |
| Line 2, Column 219: Attribute xmlns:expr not allowed here. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> |
| Line 2, Column 219: Attribute with the local name xmlns:expr is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> |
| Line 2, Column 219: Attribute b:version is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> |
| Line 2, Column 219: Attribute b:version not allowed on element html at this point. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> Attributes for element html: Global attributes manifest |
| Line 32, Column 122: & did not start a character reference. (& probably should have been escaped as &.) …n.css?targetBlogID=4377242372633562018&zx=442b28bd-d9f1-4a8e-a36d-367895448993… |
| Line 559, Column 31: script element between head and body. |
#header, body#layout #header {width:35%;display:inline-block;float:left;padding:0px;}
#header-right, body#layout #header-right {width:50%;display:inline-block;float:right;padding:0px;}
#header-right .widget {margin:0;}
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogger Widget Generator (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<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:widget>
</b:section>
<b:section id='header-right' maxwidgets='1' showaddelement='no'/>
<div style='clear: both;'/>
<!-- Popular posts multi colored tutorialblogspot.com -->
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts1 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
}
#PopularPosts1 img:hover {
border-radius: 0 0 0 0;
-moz-transform: scale(1.2) rotate(-711deg) ;
-webkit-transform: scale(1.2) rotate(-711deg) ;
-o-transform: scale(1.2) rotate(-711deg) ;
-ms-transform: scale(1.2) rotate(-711deg) ;
transform: scale(1.2) rotate(-711deg) ;
}
<!-- popular posts multicolored tutorialblogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0BwlVU1_5kLcNMzRHTkFiTjJMX0E"></script>
<div id="example1">Letakkan teks Anda disini...</div>
<p id="example2">Letakkan teks Anda disini...</p>
<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
//Type out examples:
TypingText.runAll();
</script>
<script>
<!--
document.write(unescape("\x3C\x70\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x54\x79\x70\x69\x6E\x67\x20\x54\x65\x78\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x54\x75\x74\x6F\x72\x69\x61\x6C\x20\x42\x6C\x6F\x67\x73\x70\x6F\x74\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E"));
//-->
</script>
src attribute if necessary):<a href="http://feed2.w3.org/check.cgi?url=http%3A//www.tutorialblogspot.com/feeds/posts/default">
<img src="valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" />
</a><center>
<a href="http://feed2.w3.org/check.cgi?url=http%3A//www.tutorialblogspot.com/feeds/posts/default">
<img src="valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a>
</center>
