Share Template Toilaquantri ngày 17/3

Cũng nhận được vài lời kêu chia sẻ template đang dùng nên hôm nay mình share, vì template đang dùng nên chia sẻ giới hạn cho 1 vài bạn - phiên bản giới hạn :v

Cũng chưa có viết được bài HD cài đặt dc nên các bạn cứ để lại email bên dưới mình làm file HD cài đặt khi nào rãnh rãnh nhe! Chờ tối rãnh up lên cái sourse trước.

Tải về: https://drive.google.com/file/d/0B0XFYWYBNIIMVjNDWUZaRHZCNFk

Lưu ý: Khi up sourse code lên sẽ xuất hiện Tiện ích tác giả và dòng Cung cấp bởi Blogger các bạn xóa 2 thằng này đi.

Có bất kì thắc mắc nào trong lúc cài đặt template, các bạn comment bên dưới bài viết nhé!

Hướng dẫn Cài đặt các Widget:

1. Phần comment

<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 6,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 250,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://www.toilaquantri.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script>

Thay dòng chữ đỏ thành blog của bạn

2. Logo

Nên đặt logo ở kích thước 107px hoặc điều chỉnh CSS để phù hợp với tỉ lệ

3. Các dịch vụ

Phần dịch vụ thì dán vào các postedby1, postedby2, postedby3, postedby4 trong phần bố cục code sau:

<h3 style="border-radius: 2px 2px 0px 0px; border: 0px; color: white; font-family: segoe ui; font-size: 20px; line-height: 22px; margin: -20px 0px 50px; outline: 0px; padding: 20px 0; text-align: center; text-shadow: rgb(85, 85, 85) 0px 1px; text-transform: uppercase; transition: all 0.9s ease; vertical-align: baseline;">
DỊCH VỤ <br/>THIẾT KẾ WEBSITE<span style="background: none 0px 0px repeat scroll rgb(255 , 255 , 255); border-radius: 100px; border: 5px solid rgb(255 , 255 , 255); box-shadow: rgb(231 , 76 , 60) 0px 5px 20px inset , rgb(192 , 57 , 43) 0px 3px 0px inset; color: #e74c3c; display: block; font-size: 25px; height: 100px; line-height: 100px; margin: 20px auto -65px; outline: 0px; padding: 0px; transition: all 0.9s ease; vertical-align: baseline; width: 100px;"><i class="fa fa-html5"></i></span></h3>

4. Bài viết hiển thị theo nhãn

Trong phần GOOGLE ADWORDS, FACEBOOK MARKETING các bạn chỉ việc mở HTML/JAVASCRIPT của nó và thêm nhãn muốn hiển thị

5. Icon Mạng Xã Hội bên Sidebar phải

<div class="tl-socialicons">
<div class="tl-socialInner">

<div class="tl-social">
<div class="tl-facebook tl-sinn">
<a href='https://www.facebook.com/phung.huynh.93.1102' target='_blank' title="Facebook">
<span class="tl-sicon"><i class="fa fa-facebook"></i></span><span class="tl-scount">3.7K</span>
</a>
</div>
</div>

<div class="tl-social">
<div class="tl-googleplus tl-sinn">
<a href='https://plus.google.com/114911979260821967359' target='_blank' title="Google Plus">
<span class="tl-sicon"><i class="fa fa-google-plus"></i></span>
<span class="tl-scount">2.5K</span>
</a>
</div>
</div>

<div class="tl-social">
<div class="tl-twitter tl-sinn">
<a href='#' target='_blank' title="Twitter">
<span class="tl-sicon"><i class="fa fa-twitter"></i></span>
<span class="tl-scount">1.4K</span>
</a>
</div>
</div>

<div class="tl-social">
<div class="tl-instagram tl-sinn">
<a href='#' target='_blank' title="Instagram">
<span class="tl-sicon"><i class="fa fa-instagram"></i></span><span class="tl-scount">9.2K</span>
</a>
</div>
</div>

<div class="tl-social">
<div class="tl-pinterest tl-sinn">
<a href='#' target='_blank' title="Pinterest">
<span class="tl-sicon"><i class="fa fa-pinterest"></i></span><span class="tl-scount">4.5K</span>
</a>
</div>
</div>

<div class="tl-social">
<div class="tl-youtube tl-sinn">
<a href='#' target='_blank' title="YouTube">
<span class="tl-sicon"><i class="fa fa-youtube"></i></span>
<span class="tl-scount">4.8K</span>
</a>
</div>
</div>

<div class="tl-social">
<div class="tl-soundcloud tl-sinn">
<a href='#' target='_blank' title="SoundCloud">
<span class="tl-sicon"><i class="fa fa-soundcloud"></i></span>
<span class="tl-scount">3.9K</span>
</a>
</div>
</div>

<div class="tl-social">
<div class="tl-dribbble tl-sinn">
<a href='#' target='_blank' title="Dribbble">
<span class="tl-sicon"><i class="fa fa-dribbble"></i></span>
<span class="tl-scount">0.9K</span>
</a>
</div>
</div>
</div>
</div>

6. Live Chat Facebook

<script type='text/javascript'>
var f_chat_vs = "Version 2.1";
var f_chat_domain = "http://toilaquantri.com";
var f_chat_name = "Hỗ trợ đọc giả";
var f_chat_star_1 = "Chào bạn!";
var f_chat_star_2 = "Bạn đang cần dịch vụ Thiết kế web, Google Adwords, Facebook Ads, SEO... hỗ trợ đọc giả và tư vấn tại chatbox này.<br/><em>Gửi vài giây trước</em>";
var f_chat_star_3 = "<a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a>";
var f_chat_star_4 = "Chú ý: Bạn phải đăng nhập <a href='http://facebook.com/' rel='nofollow' target='_blank'>Facebook</a> mới có thể trò chuyện.";
var f_chat_fanpage = "huynhphungblogger"; /* Đây là địa chỉ Fanpage*/
var f_chat_background_title = "#F77213";
var f_chat_color_title = "#fff";
var f_chat_cr_vs = 21; /* Version ID */
var f_chat_vitri_manhinh = "right:10px;";
</script>
<script src='https://googledrive.com/host/0B0XFYWYBNIIMZjAzNE9mdk5hcjA'></script>
<div id='fb-root'/>
<a class='chat_f_vt' id='chat_f_b_smal' onclick='chat_f_show()' title='Mở hộp Chat'><i class='fa fa-comments title-f-chat-icon'/> Chat</a><div class='chat_f_vt' id='b-c-facebook'><div class='chat-f-b' id='chat-f-b' onclick='b_f_chat()'><i class='fa fa-comments title-f-chat-icon'/><label id='f_chat_name'/><span id='fb_alert_num'>1</span><div id='t_f_chat'><a class='chat-left-5' href='javascript:;' id='chat_f_close' onclick='chat_f_close()'>x</a></div></div><div class='f-chat-conent' id='f-chat-conent'><script>document.write("<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='true' data-href='https://www.facebook.com/"+f_chat_fanpage+"' data-show-facepile='true' data-show-posts='true' data-small-header='true' data-tabs='messages' data-width='250'/>");</script><div id='fb_chat_start'><div class='msg_b fb_hide' id='f_enter_1'/><div class='msg_b fb_hide' id='f_enter_2'/><br/><p class='fb_hide' id='f_enter_3'><a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a></p><br/><div class='fb_hide' id='f_enter_4'/></div><div class='chat-single' id='f_chat_source'/></div></div>

Tìm và thay dòng huynhphungblogger màu đỏ thành Fanpage của bạn

7. Fanpage dưới chân trang

<iframe src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fwebsfypublic&width&height=300&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false' style='border:none; overflow:hidden; height:260px'/>

Tìm và thay websfypublic thành fanpage của bạn

8. Đăng kí nhận tin

<div id='mdcsubs'>
<div class='tagline'>
Why you subscribe?
</div>
<div class="item-list">
<ul>
<li><div style='color: #FF5700; display: inline-block; font-size:17px; letter-spacing: 4px;'>✔</div> Nhận tin mới qua Email</li>
<li><div style='color: #FFE800; display: inline-block; font-size:18px; letter-spacing: 4px;'>✔</div> Nhận được hỗ trợ từ Admin</li>
<li><div style='color: #FF5700; display: inline-block; font-size:17px; letter-spacing: 4px;'>✔ </div><a href="http://www.toilaquantri.com/p/dang-ki-nhan-tin.html" style="color: #fff;">Xem hướng dẫn ►</a></li>
</ul>
</div>
<div class='rssform'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=renluyentuduy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type='text' name='email' placeholder='Email...' />
<input type="hidden" value="renluyentuduy" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input value="Subscribe Now" class="button" type="submit" />
</form>
</div>
</div>

Thay dòng renluyentuduy thành id feedbunner của bạn

9. Các vị trí quảng cáo

Đối với các vị trí quảng cáo nằm trong bài viết bao gồm

Bạn tìm trong code HTML, trước khi chèn nên mã hóa code Google Adsense để không bị lỗi, các quảng cáo nằm ở sidebar thì chèn bình thường

10. Code hotline trượt dưới chân trang

Chèn vào trong code HTML hay Javascript đều được

<div id="centersticky">
<div class="csticky-content">
<a href="tel://0902913631"><img alt="hotline0902913631" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1C1ngLwi_n1BQ7QL36GBP5eVXXdX4Mt1tYPTWSS62mIYMBWs-k66mrEg67y7NK-ev9JjVg8InmuDKRttEWBzWvbXj19YZVsh37g8nUGw9GUlE1Hv-XruQE8OSvLYesMyXVJ9NbxCZkI/s246/1hotline-0902913631.png" width="246" /></a>
<a href="http://diemnhan.net/thong-tin-can-biet/huong-dan-thanh-toan"><img src="http://diemnhan.net/wp-content/themes/ainex/assets/images/hotline01b.png" width="242" height="46" alt="hotline01b" /></a>
</div>
</div>

Chúc bạn thành công!

Long Blog

Tìm kiếm Blog này