1 Mẫu
template cho blogspot hoàn toàn mới so với phiên bản
Johny Wuss V1, với tốc độ load trang nhanh, đã tích hợp
chuẩn seo,
hỗ trợ responsive đa thiết bị và giao diện đẹp mắt.
New Johny Wuss V2 đánh bật toàn bộ template hiện tại để xứng danh là
template blogger được nhiều người sử dụng nhất.
Demo
Download
Giao diện web
Giao diện mobile
Hướng dẫn cài đặt:
Nhấp vào "Chỉnh sửa HTML"
Thay đổi Meta Description
Thay đổi OpenID
Thay đổi địa chỉ Plus Google
Nội dung Google Page URL
Thay đổi Menu và các thành phần khác
Thay đổi trang Menu (Top Menu) với phiên bản của bạn
Thay đổi Mã adsense có sẵn trong web
Thay đổi các đoạn màu đỏ sau :
<li><a href='https://www.facebook.com/cbblogger' target='_blank'>Facebook</a></li><li><a href='https://twitter.com/contohblog/' target='_blank'>Twitter</a></li><li><a href='https://plus.google.com/106869251529186655236/posts' target='_blank'>Google+</a></li><li><a href='http://contohblognih.blogspot.com/2014/06/new-johny-wuss-v2-template-blog-seo.html' target='_blank'>Download This Template!</a></li>
<label>≡<span>Navigation</span></label><ul>
<li><a class='home' href='/'>Home</a></li><li><a href='http://contohblognih.blogspot.com/p/buku-tamu.html' title='Tentang Blog Ini'>About</a></li><li><a href='http://contohblognih.blogspot.com/p/daftar-isi.html' title='Daftar Isi Blog'>Daftar Isi</a></li><li><a href='http://contohblognih.blogspot.com/search/label/Tips%20SEO%20Blog' title='Tips SEO Blog'>Tips SEO Blog</a></li><li><a href='http://contohblognih.blogspot.com/2013/10/cara-membuat-blog-panduan-lengkap.html'>Cara Membuat Blog</a></li><li><a href='http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO'>Template SEO</a></li><li><a href='http://contohblognih.blogspot.com/2014/02/Cara-Mengganti-Template-Blog-Mengubah-Tampilan-Blog.html'>Cara Ganti Template</a></li><li><a class='prett' href='#'>Links</a><ul class='menus'><li><a href='http://contohblognih.blogspot.com/p/kode-warna-html.html' title='Kode Warna HTML'>Kode Warna HTML</a></li><li><a href='http://contohblognih.blogspot.com/p/page-password.html'>Page Protected</a></li><li><a href='http://mybestwpthemes.blogspot.com/' target='_blank'>Wordpress Themes</a></li><li><a href='http://contohblognih.blogspot.com/2013/10/unescape-decoder-and-encoder-for.html'>Coder Decoder</a></li><li><a href='www.blogcrowds.com/resources/parse_html.php' target='_blank'>Parse Kode HTML</a></li><li><a href='http://contohblognih.blogspot.com/p/kbbi.html' title='Kamus Bahasa Indonesia'>KBBI</a></li>
<b>Please FOLLOW and JOIN to get update!</b><br/><br /><style>.touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://truebloggertricks.blogspot.in/2012/08/cool-social-media-sharing-touch-me.html">Blogger Widgets</a></p> <div class='touchme'> <!--RSS--> <a class='rss' href="http://feeds.feedburner.com/contohblognih" rel='external nofollow' target='_blank'></a> <!--Google Plus--> <a class='googleplus' href="https://plus.google.com/106869251529186655236/" rel='nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="https://www.facebook.com/cbblogger" rel='nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="https://twitter.com/contohblog/" rel='nofollow' target='_blank' ></a> </div><br/></div></td>
<td align='left' style='background-color: #ffffff; padding: 5px;' width='300'><!-- DI BAWAH INI KODE GOOGLE ADSENSE--><script type="text/javascript"><!--google_ad_client = "ca-pub-9936256535235491";/* 300x250 Teks */google_ad_slot = "1316981229";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
Chúc các bạn ưng ý với template Johny Wuss V2 này !