Kode-kode HTML/CSS yang biasa CB gunakan untuk modifikasi template blog atau membuat template blog jadi SEO Friendly dan Fast Loading.
Kode Script Anda Di Sini
Kotak Kode HTML
Klik dulu Mode HTML lalu Copas Kode berikut ini:
<div style="border: 1px solid #444; padding: 10px; background-color: #f9f9f9; text-align:left;">
Kode Script di Sini
</div>
Kode Script di Sini
</div>
Kode GARIS
<hr style="border-top: dotted 2px;" />
MENGATUR POSISI SIDEBAR WIDGET
Sumber Materi By contohblognih.blogspot.com
Widget Position:
1. Widget Hanya untuk homepage / halaman depan saja
<b:if cond='data:blog.url == data:blog.homepageUrl'>
(setelah <b:includable id='main'>)
</b:if> sebelum kode penutup widget
(sebelum kode </b:includable>)
(setelah <b:includable id='main'>)
</b:if> sebelum kode penutup widget
(sebelum kode </b:includable>)
2. Untuk halaman dalam/halaman posting saja:
<b:if cond='data:blog.pageType == "item"'>
</b:if> sebelum kode penutup widget
</b:if> sebelum kode penutup widget
Menyembunyikan link hidup, gambar pensil/edit, Atribusi Blogger, dan Navbar:
.comment-content a {display: none;}
.quickedit{display:none;}
#Attribution1 {display: none;}
#navbar { height: 0px; visibility: hidden; display: none;}
Simpan di atas kode </b:skin>
.quickedit{display:none;}
#Attribution1 {display: none;}
#navbar { height: 0px; visibility: hidden; display: none;}
Simpan di atas kode </b:skin>
KODE WARNA BIRU HTML:
Biru Facebook: #3b5998
Biru Twitter: #55acee
Biru Persib: #03C
Biru Detikcom: #284296
Biru oxford: #09223e
Biru Twitter: #55acee
Biru Persib: #03C
Biru Detikcom: #284296
Biru oxford: #09223e
KODE MENYEMBUNYIKAN TANGGAL POSTING:
<style>
.date-header {display:none;}
</style>
Simpan di bagian akhir tulisan/posting
.date-header {display:none;}
</style>
Simpan di bagian akhir tulisan/posting
Kode Membuat OpenID Blog:
<link href='https://openid.stackexchange.com/openid/provider' rel='openid2.provider'/>
<link href='https://openid.stackexchange.com/user/a413bc62-f457-4377-830a-8a159428fc89' rel='openid2.local_id'/>
Simpan di bawah kode <head>
<link href='https://openid.stackexchange.com/user/a413bc62-f457-4377-830a-8a159428fc89' rel='openid2.local_id'/>
Simpan di bawah kode <head>
GOOGLE AUTHORSHIP:
<link rel="author" href="Google Plus URL"/>
<link rel="publisher" href="Google Page URL"/>
Simpan di bawah kode <head>
<link rel="publisher" href="Google Page URL"/>
Simpan di bawah kode <head>
Blog REDIRECT CODE. Redirect URL Nama Blog lama ke Blog baru:
Simpan di bawah <head> :
<script type='text/javascript'>
var d='<data:blog.url/>';
d=d.replace(/.*\/\/[^\/]*/, '');
location.href = 'http://blogtimenow.com';
</script>
var d='<data:blog.url/>';
d=d.replace(/.*\/\/[^\/]*/, '');
location.href = 'http://blogtimenow.com';
</script>
Kode Alternatif:
<script type='text/javascript'>
var this_url = window.location.href;
var new_url = this_url.replace("namaBlogLama","namaBlogBARU");
window.location = new_url;
</script>
var this_url = window.location.href;
var new_url = this_url.replace("namaBlogLama","namaBlogBARU");
window.location = new_url;
</script>
SUBMIT SITEMAP ke Webmaster Tools:
1. atom.xml?redirect=false&start-index=1&max-results=500
2. sitemap.xlm
2. sitemap.xlm
KODE SOCIAL SHARE di Bawah Postingan
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-
5156a09e76c1568f"></script>
<!-- AddThis Button END -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-
5156a09e76c1568f"></script>
<!-- AddThis Button END -->
Kode SHARE FACEBOOK
Agar muncul Deskripsi Post/Alinea Pertama Saat di-Share ke Facebook
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
Biasanya berhasil disimpan di atas kode <p><data:post.body/></p> yang ketiga
Jangan lupa semua kode <data:post.body/> ditambah <p> ... </p> sehingga menjadi:
<p><data:post.body/></p>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
Biasanya berhasil disimpan di atas kode <p><data:post.body/></p> yang ketiga
Jangan lupa semua kode <data:post.body/> ditambah <p> ... </p> sehingga menjadi:
<p><data:post.body/></p>
Error Google Richsnippet - Structur Dara Blog
1. Ganti hfeed dengan h-feed
2. Ganti hentry dengan h-entry
3. Gunakan kode:
<div class='post-footer-line post-footer-line-1'>
<span class='author vcard'>
<span class='fn'>Contoh Blog</span>
</span>
<span class='post-timestamp'>
</span>
<span class='author vcard'>
<span class='fn'>Contoh Blog</span>
</span>
<span class='post-timestamp'>
</span>
Kode Membuat DAFTAR ISI BLOG (Sitemap)
<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</script>
<script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
Kode Box Shadow - Bayangan Warna di Main Content Area Blog:
box-shadow: 0 10px 10px #999;-moz-box-shadow: 0;-webkit-box-shadow: 0 10px 10px #999;
Kode Heading Tag H1 untuk Header Logo Image/Gambar:
Simpan di bawah kode:
<!--Show the image only-->
<div id='header-inner'>
Kodenya:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
Sebelum kode:
<a expr:href='data:blog.homepageUrl' style='display: block'>
<!--Show the image only-->
<div id='header-inner'>
Kodenya:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
Sebelum kode:
<a expr:href='data:blog.homepageUrl' style='display: block'>
Kode Agar Gambar Nge-Pas dengan Lebar Kolom Postingan Blog:
Simpan (Copas) di atas ]]></b:skin>
.post-body img {
width:100%;
height:100%;
display: block;
}
.post-body img {
width:100%;
height:100%;
display: block;
}
Efek Zoom pada Gambar Blog:
.post img:hover {
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}
KODE RAHASIA LAINNYA:
Nanti Di-Update :)
0 komentar:
Posting Komentar