Latest Post


 Blogger Template Style

Name      : Cargam MangaZine
Author   : Maskolis & AA Solah
Url           : http://www.maskolis.com/ 
Date        : Feb 2013





Do template free nên không có Documentation đi kèm theo. Chỉ có bản .xml
 Để tinh chỉnh giống trang DEMO như sau:

1. Hiển thị Slider :

- Edit HTML/Javascript

 
- Chọn Edit và thêm vào đoạn code sau:

<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                  
document.write("<script src=\"/feeds/posts/default/-/news?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                  
document.write("<script src=\"/feeds/posts/default/-/news?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){  
    $('#slider').lofJSidernews({
        interval:6000,
        duration:800,
        mainWidth: 405,
        navigatorWidth: 200,
        maxItemDisplay:5,
        easing:'easeInOutQuad',
        auto:true,
        isPreloaded: false
    });
});  
</script>

- Sau đó sửa tên màu đỏ thảnh tên Label cần hiển thị.

2. Hiển thị Slide ảnh nằm ngang:



- Mở Edit Template và Search(Ctr + F):

document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

- Xóa bỏ đoạn màu đỏ đi để hiển thị tất cả Label.

3. Hiển thị chuyên mục trên từng Box:


- Tác giả đã config code, chúng ta chỉ việc chọn Edit Label 2 và thêm tên Label cần hiển thị.


- Các box khác cũng làm tương tự như vậy.

Sử dụng button cho Blogspot dễ dàng hơn với CSS Button.


1. Chèn code CSS vào trước ]&gt;&lt;/b:skin&gt;    

Download CSS Button

2. Sử dụng bằng cách chuyển Bài đăng sang HTML sau đó chọn một trong các mẫu sau:



<a href="#" class="button big blue">Big Button</a>
    <a href="#" class="button big green">Big Button</a>
    <a href="#" class="button big orange">Big Button</a>
    <a href="#" class="button big gray">Big Button</a>
<br/>
<br/>
    <a href="#" class="button blue medium">Medium Button</a>
    <a href="#" class="button green medium">Medium Button</a>
    <a href="#" class="button orange medium">Medium Button</a>
    <a href="#" class="button gray medium">Medium Button</a>
    <br/><br/>
    <a href="#" class="button small blue">Small Button</a>
    <a href="#" class="button small green">Small Button</a>
    <a href="#" class="button small blue rounded">Rounded</a>
    <br/><br/>
    <a href="#" class="button small orange">Small Button</a>
    <a href="#" class="button small gray">Small Button</a>
        <br/><br/>
    <a href="#" class="button small green rounded">Rounded</a>
<br/><br/>
http://www.webdesignshock.com/CSS-buttons/

Template name : Boutique

Platform: Blogger / Blogspot

Release date : Sep 2013

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Download: https://docs.google.com/file/d/0B3S65s6zdlHFeGt2WGtSMks5WG8/edit?usp=sharing
Template features : Business, Shopping, Online Store, OpenCart, Clean Design, Featured Content Slider, Fixed Width, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

 Khung chứa Code đẹp cho Blogspot

1. Đăng nhập blog

2. Vào Mẫu (Template)
3. Vào chỉnh sửa HTML (edit HMTL). Tìm 1 trong các đoạn code tương tự. (Mẹo: Bấm Ctrl + F để tìm với từ khóa pre hoặc code hoặc pre,code)


pre {....}
code {....}
pre, code {....}

- Nếu có thì bạn thay toàn bộ code css đó  bằng một trong các code bên dưới. 
- Nếu tìm không có thì bạn chèn thẳng 1 trong các bên dưới sau vào trước thẻ đóng ]]></b:skin>. Chèn xong bạn Save lại.
- Muốn sử dụng thì trong bài viết bạn check vào ô HTML của bài viết và sử dụng code sau :

<pre> ....
Code của bạn
......</pre>
pre, code {
display:block; font: 1em 'Courier New', Fixed, monospace; font-size : 100%; color: #666666;
background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqamJVPaaXwy0rNdmrM8STeqJhkOHVSXY80N-eJmyGS2R-FssM6ZA0mZhfra8yBIXujy4yR9WnobfWLPHrqJvfAB-7VsL_PPeU1aJxAby7xOKawgpBqTrCKE_qAmnjIiKOKsE3mv9FUPk/s1600/prepb3-khung-chua-code-namkna-blogspot-com.png) repeat;
overflow : auto; text-align:left;
border : 1px solid #99cc66;
padding : 0px 20px 0 30px; margin:1em 0 1em 0; line-height:17px;}
Link bài viết từ http://namkna.blogspot.com/2011/08/tong-hop-khung-chua-code-dep-cho.html#.UjvsnT-AjEM


Platform type: Blogger / Blogspot

Theme name: Cong Ly

Basic Instructions: How to install a Blogger XML template

Theme author: nguagovt

Designer: http://www.helloximo.com/


Descriptions: This is the latest version for Congly template, that is fixed some errors occured. Easy to install and customize via widget in Page Elements.



Download : http://www.vinathemes.com/p/download.html?url=https://vinathemes.googlecode.com/files/congly-b-vinathemes.com.zip

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget