Chào các bạn :D . Trong bài viết này tôi muốn chia sẻ và cung cấp cho các bạn mẫu template blogger Webrenk . Mẫu này mình rất thích vì nhìn nó rất đơn giản, trông khá là gọn gàng, bố cục chuẩn, vừa mắt và đặc biệt là tốc độ load khá ổn, người thiết kế đã làm ra nó với một cái nhìn rất sáng tạo về bố cục vì ở trang chủ nó có phần để bạn có thể thêm vào 3 bài viết với nhãn (label) mà bạn đã gắn cho nó. Webrenk cũng khá thân thiện với AdSense cùng một lúc bạn sẽ có thể có đến 2 hoặc 3 vùng để dành cho quảng cáo google.
Trước khi sử dụng mẫu này thì chúng ta cần chỉnh sử lại vài chỗ cần thiết. Mình sẽ giải quyết những cái cần thay đổi này từng cái một nhé:
1) Thiết lập Menu chính:
<div id='primary-nav'>Các liên kết trong menu này thì bạn có thể thay thế nó bằng liên kết và thể loại của riêng bạn nhé :D.
<ul class='nav' id='primary-navigation'>
<li class='first'><a expr:href='data:blog.homepageUrl'>Anasayfa</a></li>
<li class='page_item page-item-22'><a href='/search/label/Gündem'>Gündem</a></li>
<li class='page_item page-item-23'><a href='/search/label/Teknoloji'>Teknoloji</a></li>
<li class='page_item page-item-24'><a href='/search/label/İnternet'>İnternet</a>
<ul class='children'>
<li class='page_item page-item-25'><a href='#'>Sosyal Medya</a></li>
<li class='page_item page-item-15'><a href='#'>Online Oyunlar</a></li>
</ul>
</li>
<li class='page_item page-item-2'><a href='/search/label/Sağlık'>Sağlık</a></li>
<li class='page_item page-item-158'><a href='/search/label/Yaşam'>Yaşam</a></li>
<li class='page_item page-item-158'><a href='/search/label/Video'>Videolar</a></li>
<li class='page_item page-item-158'><a href='/search/label/Galeri'>Foto Galeri</a></li>
<li class='page_item page-item-24'><a href='/search/label/Kültür ve Sanat'>Kültür ve Sanat</a>
<ul class='children'>
<li class='page_item page-item-25'><a href='#'>Sinema</a></li>
<li class='page_item page-item-15'><a href='#'>Kitap</a></li>
</ul>
</li>
<li class='page_item page-item-158'><a href='/search/label/Kadınca'>Kadınca</a></li>
</ul>
</div>
2) Thiết lập Menu phụ (bên dưới menu chính):
<div id='secondary-nav'>
<ul class='nav' id='secondary-navigation'>
<li class='cat-item cat-item-1'><a href='/search/label/Android' title='Android'>Android</a>
</li>
<li class='cat-item cat-item-1'><a href='/search/label/Ios' title='IOS'>Ipad ve Iphone</a>
</li>
<li class='cat-item cat-item-5'><a href='/search/label/Anket' title='Anketler'>Anketler</a>
</li>
<li class='cat-item cat-item-1'><a href='/search/label/Araştırma' title='Araştırma'>Araştırma</a>
</li>
<li class='cat-item cat-item-3'><a href='#' title='Biyografiler'>Biyografiler</a>
<ul class='children'>
<li class='cat-item cat-item-37'><a href='#' title='Aktör Biyografileri'>Aktör Biyografileri</a>
</li>
<li class='cat-item cat-item-38'><a href='#' title='Aktris Biyografileri'>Aktris Biyografileri</a>
</li>
</ul>
</li>
<li class='cat-item cat-item-18'><a href='/search/label/Eğlenmelik' title='Eğlenmelik Paylaşımlar'>Eğlenmelik</a>
</li>
<li class='cat-item cat-item-30'><a href='/p/iletisim.html' title='Site Yönetimine Mesaj İlet!'>İletişim</a>
</li>
</ul></div>
3) Quảng cáo Ads 728x90 :
<img src="http://i.imgur.com/kxfyhuy.jpg" title="hosted bởi imgur.com">Vào chỉnh sửa html > tìm đoạn mã này và thay thế bằng đoạn mã của riêng bạn. Dĩ nhiên là bạn cần convert code của adsense rhtml đã nhé :3
4) Quảng cáo Ads 300x250:
<img src="http://i.imgur.com/8sqvgfw.jpg" title="hosted bởi imgur.com">Tương tự như mục 3 nhé ;)
5) Quy định nhãn hiển thị ở Trang chủ:
Để hiển thị được khung Video 3 bài trên trang chủ đó thì bạn phải vào bố cục > chọn phần tử html đó và dán mã sau vào rồi bấm lưu nhé :D (tất nhiên muốn đổi bằng nhãn khác vẫn được nhé)
<h3 class='heading'><span class='color3'>Videolar</span></h3>Thay nhãn blog mà bạn muốn hiển thị ở đây:
<script>
document.write("<script src=\"/feeds/posts/default/-/Tarifler?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
<h3 class='heading'>
<span class='color3'>Son Eklenenler</span>
<span class='view-all'><a href='#' title=''>Daha Fazlası &raquo;</a></span></h3>
<script>
document.write("<script src=\"/feeds/posts/default/-/Tarifler?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
Không có nhận xét nào:
- Nội dung nên liên quan tới bài viết.
- Hãy đóng góp ý kiến của bạn để Blogger Việt hoàn thiện hơn.
Mình sẽ thẳng tay đối với các bình luận có các nội dung sau:
~ Đi quá phạm vi chia sẻ của blog (dĩ nhiên vui thì được :)) )
~ Mang mục đích lợi dụng quảng cáo, chèn link
~ Không có tính xây dựng nội dung hoặc gây mất đoàn kết
~ Có ý định ve vãn tán tỉnh admin :v
Sự ủng hộ và góp ý của các bạn là động lực để blog ngày một phát triển.
Với tất cả sự tôn trọng, xin cảm ơn các bạn! XD