MXfluity Responsive Blogger Template - Blogger Tips, Widget, Template

Tạo một mẫu bằng cách sử dụng một nề / đồng vị không phải là quá khó khăn. Nhưng khi bạn muốn tích hợp với tải trọng kịch bản hơn / infinity cuộn vấn đề sau đó phổ biến. Từ một số thí nghiệm tôi đã làm cuối cùng tôi có thể mang lại với nhau cả hai như các mẫu thời gian này. 
Các mẫu mà tôi đặt tên MXfluity sử dụng đồng vị để điều chỉnh cách bố trí của các yếu tố đó được bố trí tốt và tôi kết hợp với tải trọng gần hơn bằng nhau của MyExtraNews và MyTimeline Cũng như các tính năng của các mẫu không có nhiều thời gian khác nhau này. 
Thiết kế đơn giản là thích hợp cho website / blog với chủ đề của nhiếp ảnh và cá nhân. Vì vậy, để tạo ra một blog có thể xem xét và có vẻ chuyên nghiệp hơn. Tại sao tôi nói như vậy. Bởi vì tôi nghĩ rằng sự kết hợp của các đồng vị có tải trọng nhiều hơn vào các nền tảng (hệ thống quản lý nội dung) CMS ngoài các ví dụ blogger wordpress là điển hình của chủ đề cao cấp. 
Trong mẫu này như thế nào để hiển thị hình ảnh trên trang chủ là bằng cách sử dụng các 'data: post.thumbnailUrl' vì vậy nếu các hình ảnh trên bài viết của bạn không phải là về lưu trữ Picasa Web / blogspot thì đó sẽ chỉ xuất hiện hình ảnh sao lưu. 
Ghi vì mẫu này tôi được chia sẻ miễn phí và sử dụng một giấy phép Creative Commons Attribution-NonCommercial-Chia sẻ tương tự 3.0 Chưa chuyển đổi sau đó cho những người bạn của những người muốn sử dụng mẫu này không loại bỏ liên kết tín dụng mà là ở chân, và không được giao dịch. Nếu bạn làm một sửa đổi nhỏ xin vui lòng thêm bài viết bởi thiết kế lại nhưng không loại bỏ liên kết tín dụng phải tôn trọng kết quả của sự sáng tạo của một người.

Đặc điểm của Aware Blogger Template

  1. Responsive Blogger Template.
  2. JSON kết quả tìm kiếm.
  3. Dikanan Sidebar hoặc dikiri với thanh trượt accordin
  4. Các bài viết liên quan Post / liên quan jQueru get () để tải nhanh hơn một chút (kịch bản của moretechtips sửa đổi của tôi như là template).
  5. Biểu tượng cảm xúc trong phần ý kiến.
  6. Ajax Nhận xét gần đây / Comments tính năng để loại bỏ blog ý kiến ​​Admin (với hình ảnh động)
  7. Tối ưu hóa SEO (schema.org).
  8. Đồng vị jQuery Plugin để sắp xếp bố trí / bố trí các yếu tố trên trang chủ.
  9. loadmore kịch bản jQuery get () để có được những bài viết trên các trang tiếp theo, vì vậy không cần phải di chuyển kehalaman thêm
  10. Breadcrumd trên trang bài viết.
  11. Hỗ trợ IE9 một trình duyệt hiện đại, Mozilla, Chrome
  12. Màu sắc cơ bản đen, trắng, đỏ và xám.
MXfluity Responsive Blogger Template (Right Sidebar)
Ảnh chụp màn hình MXfluity Right Sidebar
MXfluity Responsive Blogger Template (Left Sidebar)
Ảnh chụp màn hình MXfluity Left Sidebar

Cấu hình Menu Top

Đăng blogger bảng điều khiển -> bố trí / layout -> Edit HTML
Sau đó di chuyển xuống để có được đoạn mã sau:
<ul id='navinti'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
Thay thế # với các địa chỉ liên kết của bạn

Script Bình luận mới nhất (Recent Comment)

Nhập đoạn mã sau vào widget HTML
<div id="rcentcomnets"></div>
<script type='text/javascript'>
RecentComment({
adminBlog:""
});
</script>
Cài đặt chi tiết (mặc định) để Script Bình luận gần đây (Recent Comment)
RecentComment({
url_blog: "",
id_containrc: "#rcentcomnets",
numComments: 5, 
avatarSize: 50,
characters: 100,
loadingClass: "loadingxx", 
defaultAvatar:"http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s70/user-anonymous-icon.png", 
maxfeeds:50,
MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"], 
adminBlog: ""
});

Thiết lập biểu tượng cảm xúc

Đăng blogger bảng điều khiển -> bố trí / layout -> Edit HTML
Sau đó di chuyển xuống để có được đoạn mã sau:
emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});
emoRange = nơi mà hậu quả của các biểu tượng cảm xúc sẽ được hiển thị. 
putEmoAbove = trong đó hình ảnh mẫu biểu tượng cảm xúc sẽ được hiển thị. 
topText = text bên dưới hình ảnh mẫu biểu tượng cảm xúc. 
emoMessage = tin nhắn văn bản sẽ xuất hiện khi các hình ảnh mẫu hình ảnh biểu tượng cảm xúc nhấpNB: các biểu tượng cảm xúc mã gọi là từng 2 lần bọc trong một thẻ có điều kiện khác nhau.

Cài đặt Bài viết liên quan (Related Post)

Đăng blogger bảng điều khiển -> bố trí / layout -> Edit HTML
Sau đó di chuyển xuống để có được đoạn mã sau:
relatedPostsWidget({
related_title: "Related Posts",
containerSelector: "#related_posts",
maxPosts: 6,
loadingClass: "loadingxx",
rlt_thumb: 70
});
Nó là một cấu hình tối thiểu để hiển thị các bài viết có liên quan trên mẫu này. Cài đặt chi tiết (mặc định) để điều Script liên quan (Related Post) như sau:
relatedPostsWidget({blogURL:'',
maxPosts:5,
maxTags:5,
maxPostsPerTag:5,
containerSelector:'',
tags:null,
loadingText:'',
loadingClass:'',
relevantTip:'',
rlt_summary:100,
relatedTitle:'Related Posts',
readMoretext:'Read more',
rlpBlank:'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif',
rlt_thumb:55,
recentTitle:'Recent Posts',
postScoreClass:'',
onLoad:false
});

JSON Cài đặt tìm kiếm

Đăng blogger bảng điều khiển -> bố trí / layout -> Edit HTML
Sau đó di chuyển xuống để có được đoạn mã sau:
var searchFormConfig = {  
numPost: 9999, // Jumlah maksimal temuan
summaryPost: true, // 'true' jika ingin menampilkan deskripsi posting
summaryLength: 100, // Jumlah karakter ringkasan posting
resultTitle: "Result For Keyword", // Judul hasil pencarian
noResult: "No result", // Deskripsi 'tak ditemukan'
resultThumbnail: true, // 'true' untuk menampilkan thumbnail posting
thumbSize: 50, // Ukuran & resolusi thumbnail
fallbackThumb: "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif" // Fallback thumbnail untuk posting tak bergambar
};
NB: Nếu bạn muốn thay đổi màu sắc của màu đỏ với màu sắc khác xin vui lòng thay thế mã màu # C20404 với mã hex màu sắc mà bạn muốn sử dụng công cụ này Generator Hex Color Code. Các mã màu # C20404 có 6, vì vậy cần phải thay thế tất cả.

1 comments:

 
Top