Share Karma Template - Theme Blogger
Templates này được thiết kế khá đẹp mắt. Với hiệu ứng J-Query cực kỳ đẹp mắt. Mình đảm bào mọi người sẽ rất thích Temp này
Pass giải nén file là: bittemplates.blogspot.com
Hướng dẫn cài đặt và chỉnh sửa
Các bạn down về cài đặt và chú ý đến các phần sau:
Chỉnh sửa Menu này các bạn quan tâm đến đoạn code dưới
Các bạn thay đổi Text và link cho phù hợp
<ul id='menu'>
<li><a href='/'>Home</a></li>
<li><a href='your-link-here'>About</a></li>
<li><a href='your-link-here'>Latest Work</a></li>
<li><a href='your-link-here'>Services</a></li>
<li><a href='your-link-here'>Meet the team</a></li>
<li><a href='your-link-here'>Latest News</a></li>
<li><a href='your-link-heret'>Contact</a></li>
<li><a href='your-link-here'>Shortcodes</a></li>
</ul>
Chỉnh chửa Slide ảnh các bạn tìm kiếm đoạn code dưới và sửa lại link ảnh<li><a href='/'>Home</a></li>
<li><a href='your-link-here'>About</a></li>
<li><a href='your-link-here'>Latest Work</a></li>
<li><a href='your-link-here'>Services</a></li>
<li><a href='your-link-here'>Meet the team</a></li>
<li><a href='your-link-here'>Latest News</a></li>
<li><a href='your-link-heret'>Contact</a></li>
<li><a href='your-link-here'>Shortcodes</a></li>
</ul>
<ul class='slides'>
<li>
<a href='your-link-here'>
<img alt='Portlight Free Responsive Genesis Child Theme' src='http://1.bp.blogspot.com/-OnQL0zM5If4/UrPuq5PVHgI/AAAAAAAAAmA/0EpmkjP5Eh0/s1600/google-glass-wallpaper-hd.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Portlight Free Responsive Genesis Child Theme' src='http://4.bp.blogspot.com/-PKie5OUzmks/UrPuv1E6eMI/AAAAAAAAAmI/QOccqlZaono/s1600/image+2.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Greetings Free Responsive Genesis Child Theme' src='http://4.bp.blogspot.com/-te1TayhkE64/UrPuzFZefFI/AAAAAAAAAmY/uKzEi3AoIb8/s1600/image+3.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Greetings Free Responsive Genesis Child Theme' src='http://4.bp.blogspot.com/-UBS5LrL1omU/UrPuw6jEtrI/AAAAAAAAAmQ/fo87a81_mAs/s1600/image+4.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Dedicated Free Responsive Genesis Child Theme' src='http://3.bp.blogspot.com/-m4CRCY0fpZQ/UrPuzh8TP-I/AAAAAAAAAmc/jCjWzf35sCc/s1600/image+5.jpg'/>
</a>
</li>
</ul>
<li>
<a href='your-link-here'>
<img alt='Portlight Free Responsive Genesis Child Theme' src='http://1.bp.blogspot.com/-OnQL0zM5If4/UrPuq5PVHgI/AAAAAAAAAmA/0EpmkjP5Eh0/s1600/google-glass-wallpaper-hd.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Portlight Free Responsive Genesis Child Theme' src='http://4.bp.blogspot.com/-PKie5OUzmks/UrPuv1E6eMI/AAAAAAAAAmI/QOccqlZaono/s1600/image+2.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Greetings Free Responsive Genesis Child Theme' src='http://4.bp.blogspot.com/-te1TayhkE64/UrPuzFZefFI/AAAAAAAAAmY/uKzEi3AoIb8/s1600/image+3.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Greetings Free Responsive Genesis Child Theme' src='http://4.bp.blogspot.com/-UBS5LrL1omU/UrPuw6jEtrI/AAAAAAAAAmQ/fo87a81_mAs/s1600/image+4.jpg'/>
</a>
</li>
<li>
<a href='your-link-here'>
<img alt='Dedicated Free Responsive Genesis Child Theme' src='http://3.bp.blogspot.com/-m4CRCY0fpZQ/UrPuzh8TP-I/AAAAAAAAAmc/jCjWzf35sCc/s1600/image+5.jpg'/>
</a>
</li>
</ul>
Chỉnh sửa hiển thị phần dưới Slide ảnh
Ảnh Demo ảnh hiển thị ngoài trang chủ
Để chỉnh sửa các bạn là vào code rồi tìm đoạn code tương tự đoạn dưới chú ý thay đổi chữ hoặc xóa đoạn code này đi nếu ko muốn hiển thị nó (Nếu thay chữ hãy thay đổi chữ có màu xanh và cẩn thận để ko xóa nhầm các thẻ)
<div class='aboutusholder aboutbox'>
<div class='icon-holder about'>
<i class='fa fa-trophy'/>
</div>
<h3 class='anititle'>We are an award winning digital agency. And truly awesome too.
</h3>
<p class='overview'>They walked carefully through the china country. The <a href=''>little animals and all the people</a> scampered out of their way, fearing the strangers would break them, and after an hour or so the travellers reached the other side of the country and came to another wall.</p>
<br/> <br/>
</div>
<!--Quote Rotator-->
<div class='quoteholder'>
<div class='quoteblock'>
<p>The greatest education in the world is watching the masters at work.</p>
<cite>- Michael Jackson</cite>
</div>
<div class='quoteblock'>
<p>Tomorrow is my exam, but I don't care. Bcoz a single sheet of paper can't decide my future.</p>
<cite>- Thomas Edison</cite>
</div>
<div class='quoteblock'>
<p>If you can't make it good, at least make it look good.</p>
<cite>- Bill Gates</cite>
</div>
<div class='quoteblock'>
<p>Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program.</p>
<cite>- Linus Torvald</cite>
</div>
<div class='quoteblock'>
<p>An eye for an eye only ends up making the whole world blind.</p>
<cite>- Quote Author (Quote #5)</cite>
</div>
</div>
<div class='icon-holder about'>
<i class='fa fa-trophy'/>
</div>
<h3 class='anititle'>We are an award winning digital agency. And truly awesome too.
</h3>
<p class='overview'>They walked carefully through the china country. The <a href=''>little animals and all the people</a> scampered out of their way, fearing the strangers would break them, and after an hour or so the travellers reached the other side of the country and came to another wall.</p>
<br/> <br/>
</div>
<!--Quote Rotator-->
<div class='quoteholder'>
<div class='quoteblock'>
<p>The greatest education in the world is watching the masters at work.</p>
<cite>- Michael Jackson</cite>
</div>
<div class='quoteblock'>
<p>Tomorrow is my exam, but I don't care. Bcoz a single sheet of paper can't decide my future.</p>
<cite>- Thomas Edison</cite>
</div>
<div class='quoteblock'>
<p>If you can't make it good, at least make it look good.</p>
<cite>- Bill Gates</cite>
</div>
<div class='quoteblock'>
<p>Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program.</p>
<cite>- Linus Torvald</cite>
</div>
<div class='quoteblock'>
<p>An eye for an eye only ends up making the whole world blind.</p>
<cite>- Quote Author (Quote #5)</cite>
</div>
</div>
Sửa phẩn hiển thị giống ảnh sau ==> bạn quan tâm đến đoạn code như dưới
Các bạn muốn thay đổi thì đơn giản sauwr lại câu từ ở phần chữ màu xanh. Nếu ko muốn nó hiển thị thì xóa nó đi là OK
Mọi thắc mắc hay gặp khó khăn trong cài đặt vui lòng comment phía dưới để được hỗ trợ.
Các bạn muốn thay đổi thì đơn giản sauwr lại câu từ ở phần chữ màu xanh. Nếu ko muốn nó hiển thị thì xóa nó đi là OK
<div class='servicesholder aboutbox'>
<div class='icon-holder about'>
<i class='fa fa-cog'/>
</div>
<h3 class='anititle'>We provide a multitude of services. Everything is covered.
</h3>
<p class='overview'>They walked carefully through the china country. The <a href=''>little animals and all the people</a> scampered out of their way, fearing the strangers would break them, and after an hour or so the travellers reached the other side of the country and came to another wall.</p>
<div class='service one-third column'>
<i class='fa fa-desktop'/>
<h2>Branding done the correct way</h2>
<p>Phasellus a nisi urna, facilisis facilisis diam. Vivamus enim ligula, sollicitudin nec porttitor nec, commodo vel justo. Nunc in mattis ipsum. Mauris accumsan pretium diam, sit amet iaculis purus ullamcorper.</p>
</div>
<div class='service one-third column'>
<i class='fa fa-cloud-download'/>
<h2>Development from the best</h2>
<p>Phasellus a nisi urna, facilisis facilisis diam. Vivamus enim ligula, sollicitudin nec porttitor nec, commodo vel justo. Nunc in mattis ipsum. Mauris accumsan pretium diam, sit amet iaculis purus ullamcorper.</p>
</div>
<div class='service one-third column'>
<i class='fa fa-tachometer'/>
<h2>We optimize your site for speed</h2>
<p>Phasellus a nisi urna, facilisis facilisis diam. Vivamus enim ligula, sollicitudin nec porttitor nec, commodo vel justo. Nunc in mattis ipsum. Mauris accumsan pretium diam, sit amet iaculis purus ullamcorper.</p>
</div>
</div>
<div class='icon-holder about'>
<i class='fa fa-cog'/>
</div>
<h3 class='anititle'>We provide a multitude of services. Everything is covered.
</h3>
<p class='overview'>They walked carefully through the china country. The <a href=''>little animals and all the people</a> scampered out of their way, fearing the strangers would break them, and after an hour or so the travellers reached the other side of the country and came to another wall.</p>
<div class='service one-third column'>
<i class='fa fa-desktop'/>
<h2>Branding done the correct way</h2>
<p>Phasellus a nisi urna, facilisis facilisis diam. Vivamus enim ligula, sollicitudin nec porttitor nec, commodo vel justo. Nunc in mattis ipsum. Mauris accumsan pretium diam, sit amet iaculis purus ullamcorper.</p>
</div>
<div class='service one-third column'>
<i class='fa fa-cloud-download'/>
<h2>Development from the best</h2>
<p>Phasellus a nisi urna, facilisis facilisis diam. Vivamus enim ligula, sollicitudin nec porttitor nec, commodo vel justo. Nunc in mattis ipsum. Mauris accumsan pretium diam, sit amet iaculis purus ullamcorper.</p>
</div>
<div class='service one-third column'>
<i class='fa fa-tachometer'/>
<h2>We optimize your site for speed</h2>
<p>Phasellus a nisi urna, facilisis facilisis diam. Vivamus enim ligula, sollicitudin nec porttitor nec, commodo vel justo. Nunc in mattis ipsum. Mauris accumsan pretium diam, sit amet iaculis purus ullamcorper.</p>
</div>
</div>
Mọi thắc mắc hay gặp khó khăn trong cài đặt vui lòng comment phía dưới để được hỗ trợ.
Nguồn được viết và chia sẻ bởi : bittemplates.blogspot.com - BIT Templates nơi bạn có cơ hội sở hữu những templates chuyên nghiệp và đẹp nhất
lượt xem
Hiện tại có 0 Comment