Template Webrenk dành cho tạp chí

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'>
    <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>

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.

 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>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Tarifler?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

Thay nhãn blog mà bạn muốn hiển thị ở đây:

<h3 class='heading'>
    <span class='color3'>Son Eklenenler</span>
<span class='view-all'><a href='#' title=''>Daha Fazlası &amp;raquo;</a></span></h3>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Tarifler?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts3\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

Download  |  Demo