» » Ideas Mag Template Blogger và hướng dẫn cài đặt Ideas Mag Template

Ideas Mag Template Blogger và hướng dẫn cài đặt Ideas Mag Template

Thứ Bảy, 5 tháng 11, 2016
PicsArt_04-19-07.32.10
Ideas Mag Blogger Template
Chào các bác!
Tình hình là có rất nhiều bạn thích giao diện Ideas Mag Blogger Template, tất nhiên ngay cả bản thân em cũng rất mê template này vì trông nó quá đẹp và chuyên nghiệp, Ideas Template do bácSoratemplate xào nấu, bác này thì chắc nhiều người biết rồi. Sau đây em xin phép điểm qua vài nét đáng để quan tâm của Ideas Mag Template như sau.



Điểm đáng chú ý của Ideas Mag Template√
Giao diện chuẩn SEO 100%√
Bố cục dạng tạp chí chuyên nghiệp√
Màu sắc cá tính khỏe khoắn√
Hỗ trợ tìm kiếm trên blog√
Hỗ trợ bài viết liên quan dạng đẹp√
Giao diện thân thiện Mobile 100%√
Hỗ trợ Like và Share Facebook√
Hỗ trợ phân trang có đánh số√
Hỗ trợ Comment Facebook, Blogger...√
Hỗ trợ Feature Posts√
Còn bla bla nữa nhưng để các bác khám phá thêm vẻ đẹp của nang Ideas Mag Template ở mục Demo bên dưới.
 Hướng dẫn cài đặt.
Phần cài đặt Template lên blogspot thì em không nói nữa nhé! Chác các bác biết hết rồi. Em sẽ hướng dẫn cách cài Ideas Mag Template sao cho giống Demo 99.99% thôi.
Sau khi cài đặt file Template lên blog ta vào phần "Bố cục" sẽ hiện ra một bảng như hình dưới. Đó là tất cả những chỗ mà chúng ta cần thêm bớt các code cần thiết để giống Demo. Các bác cứ thêm bớt theo đúng hướng dẫn của em nhé! Trước khi bắt đầu giờ nên bình tình nhâm nhi ly trà đã.
 Vì hình quá dài nên em đã cắt làm 2 phát cho nó trông đỡ rối hơn.
Tiến hành cài đặt, bắt đầu từ trên xuống dưới, từ trái sang phải nhé!.
Screenshot_2016-04-19-06-46-57_1
Bố cục chính
Screenshot_2016-04-19-06-47-05_1
Bố cục chính
Top Navigation (Menu): Chỗ này các bác thêm liên kết vào ví dụ như hình bên dưới.
PicsArt_04-19-07.19.57
Thêm liên kết vào Top Navigation Menu
Social Top (Social media icons): Chỗ này là để thêm các widget liên hệ với tác giả. Nó bao gồm Facebook, Google, Youtube...dưới dạng cácicon. Các bác chỉ cần thêm liên kết vào và đặt tên đúng với các MXH ví dụ: Để xuất hiện icon Facebook thì các bác thêm liên kết đến Fanpage của các bác và đặt tên là: facebook như trong hình.
PicsArt_04-19-08.04.43
Mục Social top
Main Menu: Ta thêm liên kết ương tự như mục Top Navigation (Menu)
Feat Section: Ta thêm dòng này
[Blogger][feat1]
trong đó Blogger là tên nhãn
Soccial Counter: Ta thêm đoạn code sau vào
<div class="sidebar-wrapper">
<div class="social-widget sidebar section" id="social-widget" name="Social Counter">
<div class="widget LinkList" id="LinkList123">
<h2 class="title">
Social Widget</h2>
<div class="widget-content">
<ul id="social">
<li class="sw-item facebook [3.7k]"><a href="https://www.facebook.com/envato"><i class="sw-icon fa"></i><div class="delete-count">
facebook [3.7k]</div>
<span class="sw-desc">Followers</span></a></li>
<li class="sw-item twitter [1.2k]"><a href="https://www.blogger.com/blogger.g?blogID=8356230201213003262#"><i class="sw-icon fa"></i><div class="delete-count">
twitter [1.2k]</div>
<span class="sw-desc">Followers</span></a></li>
<li class="sw-item gplus [439]"><a href="https://www.blogger.com/blogger.g?blogID=8356230201213003262#"><i class="sw-icon fa"></i><div class="delete-count">
gplus [439]</div>
<span class="sw-desc">Followers</span></a></li>
<li class="sw-item rss [325]"><a href="https://www.blogger.com/blogger.g?blogID=8356230201213003262#"><i class="sw-icon fa"></i><div class="delete-count">
rss [325]</div>
<span class="sw-desc">Followers</span></a></li>
<li class="sw-item youtube [2.5k]"><a href="https://www.blogger.com/blogger.g?blogID=8356230201213003262#"><i class="sw-icon fa"></i><div class="delete-count">
youtube [2.5k]</div>
<span class="sw-desc">Followers</span></a></li>
<li class="sw-item dribbble [842]"><a href="https://www.blogger.com/blogger.g?blogID=8356230201213003262#"><i class="sw-icon fa"></i><div class="delete-count">
dribbble [842]</div>
<span class="sw-desc">Followers</span></a></li>
<li class="sw-item instagram [746]"><a href="https://www.blogger.com/blogger.g?blogID=8356230201213003262#"><i class="sw-icon fa"></i><div class="delete-count">
instagram [746]</div>
<span class="sw-desc">Followers</span></a></li>
<li class="sw-item pinterest [152]"><a href="https://www.blogger.com/blogger.g?blogID=8356230201213003262#"><i class="sw-icon fa"></i><div class="delete-count">
pinterest [152]</div>
<span class="sw-desc">Followers</span></a></li>
</ul>
</div>
</div>
</div>
</div>

Comments system: Các bác thêm đoạn này vào
[facebook][blogger][disqus]
Tab1 Recent: thêm đoạn này vào
recentposts
Tab3 Comment: thêm đoạn này vào
recentcomments
Widget 2(Random Posts): Thêm đoạn này vào
randomposts
Widget 3(Mosts Recent): Thêm đoạn này vào
recentposts
Chỉ có vậy thôi, còn những cái quá đơn giản như chèn quảng cáo vào này nọ thì em không cần hướng dẫn làm gì. Bác nào không rõ phần nào các bác cứ để lại bình luận em sẽ giải đáp. Chúc các bác thành công!
Tags: , ,
Chia sẻ:
Chia sẻ