Thứ Năm, 6 tháng 8, 2015

Template blogspot bán hàng chuẩn seo,load nhanh

Hôm nay SV Tin Học xin giới thiệu với các bạn 1 template blogspot bán hàng đẹp,chuẩn seo .Với ai đang cần 1 template bán hàng chuyên nghiệp thì đây sẽ là lựa chọn hàng đầu của bạn !

Thông tin bản template :
+ Bố cục đơn giản 
+ Load nhanh,chuẩn seo
+ Có thêm vào giỏ hàng
+ Hỗ trợ các nơi quảng cáo
+ Có phần thanh toán
......

Thứ Tư, 5 tháng 8, 2015

Cách đánh giá 5 sao cho bài viết blogspot

Bạn là blogger muốn cho blogspot của mình chuyên nghiệp hơn với tính nắng đánh giá 5 sao.khi thấy bài viết hay giống như cái website đây là một chức năng đánh giá rất chuyên nghiệp được những website lớn hay dùng.
Cách đánh giá 5 sao cho bài viết blogspot
Các bước thực hiện :

Truy cập vào địa chỉ :http://graddit.com/ratings-widget
1. Chọn mẫu bạn thích
2.Ân vào blogspot
3.Lấy code
4.Dán code vào nơi mà bạn muốn hiển thị
Chúc Bạn thành công !

Cách tạo form liên hệ đẹp cho blogspot

Form liên hệ là phần cần thiết trong website và năm vừa rồi google hỗ trợ thêm tính năng add widgetcontact form vào template nhưng khó tùy biến thêm vào trang tĩnh nên bài viết này sẻ giúp bạn thêm form liên hệ ở trang tĩnh của blogspot. 
Demo trực tiếp tại : đây
Cách thực hiện :
Vào -> Blog -> Trang -> Tạo trang mới -> HTML :
Chèn code sau đây vào đó :
<style scoped="scoped" type="text/css">
.contact-form-box{width:50%;margin:20px auto;padding:0;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{width: 70%;height:auto;margin: 5px auto 15px;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{background: #fffff7;outline:none}
#ContactForm1_contact-form-email-message{width: 95%;height: 100px;margin: 5px auto;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;font-family:Arial, sans-serif;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}
#ContactForm1_contact-form-submit {display:block;height: 35px;float: left;color: #FFF;padding: 0 20px;margin: 10px 0 5px 0;cursor: pointer;background-color:#f4836a;box-shadow: 0px 4px 0px 0px #c75b45;border:1px solid #eb7d67;border-radius:3px;text-shadow:0px 1px 0px #de5135;} #ContactForm1_contact-form-submit:hover {background-color:#f5785f;}
#ContactForm1_contact-form-submit:active {position:relative;top:2px;box-shadow: 0px 2px 0px 0px #c75b45;}
#ContactForm1_contact-form-submit:focus{outline:none}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width: 100%;margin-top:35px;text-align:left}
@media screen and (max-width: 768px){ .contact-form-box{width:100%;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 96%;}
}
@media screen and (max-width: 480px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 94%;}
}
</style>
<br />
<div class="contact-form-box">
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><br />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><br />
<input id="ContactForm1_contact-form-submit" type="button" value="Submit" /><br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> <script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '5141823992238115776';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5141823992238115776','//www.kompiajaib.com/','5141823981922315776'); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '5141823992238115776', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]> </script>
Thay ID bằng ID của bạn : 5141823992238115776 
Cách lấy ID Blogspot :
Vào bảng điều kiển blog.Như hình dưới đây :
Chúc các bạn thành công !

Cách cài đặt alexa widget vào blog/web mới nhất

Alexa.com vừa thay đổi giao diện, có thể giao diện mới khó điều hướng với bạn và mục để cài đặt widget cũng không hiển thị như cũ nên bài viết sẻ hướng dẫn bạn cách để bạn cài đặt alexa widget vào website/blog.
Cách Thực Hiện:
Bước 1: Vào trang http://www.alexa.com/
Bước 2: Nhấp vào mục "Support"
Tại trang hỗ trợ bạn hãy gõ từ khóa "alexa widget" rồi ấn Enter
Tiếp theo giao diện hiện ra :
Các bạn ấn vào chỗ mình khoanh đỏ đó
Trên là 2 code.Bạn có thể chèn nó vào chỗ nào trên trang web bạn muốn
Code 1 : Không có Links in:
<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"></script></a>
Code 2: Có Links in :
<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>
Chú ý : Thay yoursite.com thành trên trang web của bạn :)
Chúc bạn thành công
Đây là ranks site mình ngày 5/8/2015 :

Template blogspot phim tuyệt đẹp 2015

Template phim đẹp cho blogspot | giao diện blog phim blogspot
Tham Khảo:6 Template blogspot tuyệt đẹp
5 Template Blogspot Free
Template chuẩn seo,load siêu nhanh
Ưu điểm :
+ Template chuẩn seo,Loading nhanh
+ Giao diện đẹp mắt
+ Bố cục rõ ràng
Sau đây là hình ảnh demo
Template blogspot phim tuyệt đẹp 2015
Template blogspot phim tuyệt đẹp 2015
Related Posts Plugin for WordPress, Blogger...