Rifqiy – Responsive Blogger Template

Người đăng: yeu mai em on Thứ Bảy, 31 tháng 8, 2013


Các chức năng đã được tích hợp sẵn trong template
  • Responsive Design
  • Manual Featured Post from Image Widget (Slideshow)
  • Auto Featured Post (Slideshow)*
  • Support Advance Editor
  • Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
  • Ajax load more post
  • Page Navigation New
  • Cool blogger threaded comment (Support Google+ Comment)
  • JSON Search Result *
  • Ajax Recent Post by Tag (3 Post Type(Slider, Vertical, and Horizontal)) *
  • Ajax Recent Comment Widget *
  • Ajax Related Post Widget *
  • Ajax NewsTicker *
  • Two View Mode (List and Grid) with Cookies
  • Tabs Widgets Ready
  • Optimize SEO
  • Emoticon
  • Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
  • Custom Error 404 Page
  • Professional admin layout, help you easy work with blog layout.

Demo
Download
More about

Sevida – Responsive Magazine Blogger Template

Người đăng: yeu mai em


Sevida là template premium responsive cho blogspot thích hợp cho mẫu blog tạp chí. Các chức năng của đã tích hợp trong mẫu:

  • Responsive Design
  • Auto Featured Post from JSON (Slideshow) *
  • Manual Featured Post Work with Image Widget(Slideshow) New
  • Support Advance Editor
  • Lightweight Auto read-more support third party image and youtube (option make it slideshow) New
  • Ajax load more post
  • Ajax Page Navigation New *
  • Cool blogger threaded comment (Support Google+ Comment)
  • JSON Search Result *
  • Lightweight Summary (option make it slideshow)
  • Two View Mode (List and Grid) width Cookies
  • Recent Comment Widget *
  • News Ticker Widget *
  • Related Post Widget *
  • Recent Post by Labels (3 Post Type (Slider, Vertical, Horizontal) support Random) New *
  • Optimize SEO
  • Archive Page *
  • Emoticon
  • Dropdown Menu
  • Top Social Icon
  • Custom Error 404 Page
  • Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
  • Professional admin layout, help you easy work with blog layout.
More about

Madame – Responsive Fashion Store Magento Theme

Người đăng: yeu mai em



Magento 1.7.0.2, Magento 1.7.0.1, Magento 1.7.0.0, Magento 1.6.2.0, Magento 1.6.1.0, Magento 1.6.0.0


Demo
Download
More about

ThemeForest Drupal Theme - Humble

Người đăng: yeu mai em



Đây là 1 theme của Drupal, được thiết kế tối ưu cho dù bạn là một người dùng cao cấp hay chỉ mới bắt đầu, bạn cũng không phải gặp khó khăn nào trong việc sử dụng nó với vác tùy chọn dễ dàng sử dụng



More about

Tạo bộ lọc bằng module views trong Drupal

Người đăng: yeu mai em on Thứ Sáu, 30 tháng 8, 2013


Đầu tiên vào trang http://drupal.org/project/views tải gói module views.
Vào http://drupal.org/project/ctools để tải thêm module Ctools.
Giải nén 2 module vào thư mục sites/all/modules/
Vào Modules enable các module trên


Vào structure -> views



Sau đó, chọn Add new views




Sau đó điền vào


Rồi chọn continue & edit
Tại dislay page, ở mục Page details. Tại mục FILTER CRITERIA, chọn add



Tại mục Filter chọn Content. Sau đó chọn mục Content: Has taxonomy term. Rồi nhấn Apply


Sau đó chọn vocabulary của mình. Tại mục selection type chọn Dropdown. Rồi nhấn apply


Sau đó,
Tích chọn Expose this filter to visitors, to allow them to change it => tùy chọn người dùng
Đặt tên vào ô label
Tại muc operator chon is one of / Apply


Kết quả:



Tiếp tục
Tại mục Page details chọn advanced

Tại EXPOSED FORM -> CHỌN EXPOSED FORM IN BLOCKS

 

 

 

 

CHỌN YES


 

 

SAU ĐÓ SAVE LẠI

 

 

 

 

VÀO STRUCTURE -> BLOCKS

KÍCH HOẠT BLOCK EXPOSED FORM: LOC-PAGE

 

 

 

VÀO TRANG HOME XEM KẾT QUẢ

 

 

 

 

ĐỂ BỎ BUTTON HOẶC ĐỔI TÊN TA VÀO

 

 


 

 

 

SAU ĐÓ SAVE LẠI

 

 

 

 

 


More about

Hướng dẫn sử dụng RSS trong Drupal

Người đăng: yeu mai em



RSS là một định dạng tập tin thuộc họ XML dùng trong việc chia sẻ tin tức Web (Web syndication) được dùng bởi nhiều website tin tức và weblog. Chữ viết tắt (theo tiếng Anh) dùng để chỉ các chuẩn sau:

·         Rich Site Summary (RSS 0.91)
·         RDF Site Summary (RSS 0.9 and 1.0)
·         Really Simple Syndication (RSS 2.0.0)

Công nghệ của RSS cho phép người dùng Internet có thể đặt mua thông tin từ các websites có cung cấp khả năng RSS (RSS feeds); chúng thường là các site có nội dung thay đổi và được thêm vào thường xuyên. Để có thể dùng công nghệ này, các người quản trị site đó tạo ra hay quản lí một phần mềm chuyên dụng (như là một hệ thống quản lí nội dung - content management system-CMS) mà, với định dạng XML mà máy có thể đọc được, có thể biểu diễn các bài tin mới thành một danh sách, với một hoặc hai dòng cho mỗi bài tin và một liên kết đến bài tin đầy đủ đó. Khác với việc mua nhiều ấn bản của các tờ báo hay tạp chí in giấy, hầu hết việc mua RSS là miễn phí.

Định dạng RSS cung cấp nội dung web và tóm lược nội dụng web cùng với các liên kết đến phiên bản đầy đủ của nội dung tin đó, và các siêu-dữ-liệu (meta-data) khác. Thông tin này được cung cấp dưới dạng một tập tin XML được gọi là một RSS feed, webfeed, RSS stream, hay RSS channel. Cùng với việc hỗ trợ cung cấp chia sẻ thông tin, RSS cho phép những độc giả thường xuyên của một website có thể theo dõi các cập nhật của site đó dùng một aggregator.

Cách sử dụng RSS
Kích hoạt module Aggregator để khai thác các tính năng của RSS


Sau khi đã kích hoạt xong, bạn cần cấp quyền xem cho hai nhóm người dùng web: Anonymous user,Authenticated user. Trong thẻ Permission của module People, bạn đánh dấu chọn vào hai ô tương ứng với hai nhóm này ở dòng View new feeds. Ở liên kết Configure còn có một số thiết lập liên quan như: Number of items shown in listing pages- số mục được hiển thị trong danh sách trang, Discard items older than- thời gian tồn tại của các tin RSS trên website, Length of trimmed description- số kí tự cho phép đối với phần nội dung tin,… Khi xong, bạn bấm Save configuration để lưu lại các thiết lập

 -   Vào menu Configuration rồi tìm đến khung Web services và bấm vào liên kết Feed aggregator
-   Bấm Add category để tạo chuyên mục quản lý các tin RSS cùng chủ đề. Ở trang hiện ra, bạn nhập vào ô Title- tiêu đề, Description- chú thích về chuyên mục, bấm Save.
-    Tìm website cung cấp RSS theo các chủ đề muốn cập nhật.
-   Sau khi đã tạo xong chuyên mục quản lí, bấm Add feed rồi nhập vào các thông tin Title- tiêu đề nhóm tin, URL- đường dẫn của nguồn tin RSS. Update interval-thời gian cập nhật rss, news items in blocks- số tin hiển thị trong trang bạn chọn.




        Để cập nhật thông tin lần đầu bấm vào Update items





    Sau khi làm xong các bước trên, vào Structure/Blocks để kích hoạt các khung tin tức này


More about

Cài đặt trình soạn thảo CKEditor và IMCE cho Drupal 7

Người đăng: yeu mai em



Bước 1: Tải CKEditor và IMCE tại trang chủ Drupal, sau đó ta cài đặc như các module thông thường, 2 module hỗ trợ rất tốt cho việc soạn thảo văn bản đặc biệt là khả năng thao tác với ảnh rất thân thiện dễ sử dụng :







Bước 2: Các bạn vào trang chủ tải về gói đầy đủ cho module này đang được phát triển từ chính website : http://ckeditor.com/download



Giải nén file này vào thư mục

“sites\all\modules\ckeditor\ckeditor”

Bước 3: Để thiết lập cho CKEditor các bạn vào: Configration/Content authoring/CKEditor/ ta edit Full HTML/ tại mục EDITOR APPEARANCE ta chọn Full theo nhu cầu của mỗi người



Vào content muốn chỉnh sửa, với chế độ fomat Full HTML



More about

Cài đặt trình soạn thảo TinyMCE trên Drupal 7

Người đăng: yeu mai em



Khi mới cài đặt mới Drupal, trình soạn thảo đơn giản khiến cho bạn khó khăn khi soạn thảo nội dung, với sự hỗ trợ của 1 trình soạn thảo như TinyMCE, công việc đó sẽ trở nên thuận tiện hơn...


Bài viết này trình bày cách cài đặt trình soạn thảo TinyMCE trên phiên bản Drupal 7.2.

Ban đầu trình soạn thảo của chúng ta sẽ chỉ đơn giản như thế này.



Bước 1: Đầu tiên, bạn cần truy cập vào địa chỉ này để tải về module Wysiwyg. Chức năng của module này là cho người dùng thấy ngay những thay đổi đối với những thao tác mà họ đang thực hiện. Khi trang hiện ra, bạn kéo thanh cuộn của trình duyệt xuống đến mục Download rồi bấm vào liên kết Zip (149,02KB) ở phiên bản 7.x-2.0. Sau đó, bạn tiến hành giải nén và sao chép vào thư mục modules 




Bước 2: Các bạn vào Mudules, lúc này sẽ xuất hiện module Wysiwyg ở dưới cùng, kích hoạt module.


Bước 3: Mở phần cấu hình của module này, sẽ xuất hiện các trình soạn thảo cho bạn lựa chon Downlod, ở đây chúng tôi sử dụng trình soạn thảo TinyMCE. Kích vào download để tải về phần mềm.




Bước 4: Tạo thư mục libraries trong thư mục all (như hình dưới), giải nén và copy tinymce vừa tải xuống vào trong thư mục libraries này.




Bước 5: Bây giờ, bạn vào lại phần cấu hình của module Wysiwyg để tiến hành kích hoạt sử dụng trình soạn thảo TinyMCE. Chuyển các tùy chọn Editor sang TinyMCE.



Bước 6:  Sau khi lưu các bạn sẽ thấy giao diện như thế này, để các tùy chọn xuất hiện trên thanh công cụ khi soạn thảo, các bạn kích vào Edit, sang phần BUTTONS AND PLUGINS, tick vào các tùy chọn chính là các nút trên thanh công cụ soạn thảo sẽ xuất hiện như :copy,chèn ảnh, căn lề, kiểu chữ..... Sau đó lưu lại.




Kết quả sẽ như thế này:



Tuấn Duy Blog

More about

Spotlight - Responsive Drupal 7 eCommerce Theme

Người đăng: yeu mai em on Thứ Năm, 29 tháng 8, 2013



Các chức năng, module đã được tích hợp sẵn:
  • Custom Theme Colors! These colors work with a reverse transparency, meaning icons will retain your theme color as well
  • Choose ANY Google font you require for different sections of the site
  • Unlimited color variations
  • Front end style switcher to help you get your theme the way you want it
  • Custom background colors / images
  • Smooth Product Filter
  • AJAX Product Selection
  • Product rating system
  • Product grid / list view
  • Product Inventory Management
  • jCarousel for product displays (featured, popular, related)
  • Custom multilevel navigation with easing effect
  • Lightbox
  • Built on the twitter bootstrap framework!
  • 3 Options for homepage slideshow (stage left, stage right, full). With the full staging, you can either have the overlay on or off, your choice.
  • 3 Layout options for each node. With each node you can have a left sidebar, right sidebar or full width. This is NOT universal, you can change these options for any page you’d like!
  • Custom Footer! Select a footer transparency, color and font!
  • Customize your taxonomy landing pages with a different image for each term!
  • Easy to use admin panel
  • Social Media Integration
  • Subscription form for newsletters

---> Demo
---> Download Updating

More about

Download – TB Metroz – Drupal Ecommerce Theme

Người đăng: yeu mai em on Thứ Tư, 28 tháng 8, 2013



Các module được tích hợp sẵn :
  • Drupal Commerce
  • Superfish
  • jCarousel
  • Views
  • Quicktabs
  • Webform
  • Version: 7.x-1.0

---> Demo

---> Download 

More about

Bài viết cũ và mới hơn cùng chủ đề theo chiều dọc cho Blog

Người đăng: yeu mai em

(Viettin24h.com) - Hôm nay mình sẽ giới thiệu đến các bạn thêm một lựa chọn về thủ thuật tạo tiện ích bài viết liên quan ! Thủ thuật Related post hôm nay mình giới thiệu rất thích hợp với những trang tin tức, chia sẻ , diễn đàn...Nó gồm bài viết mới hơn và cũ hơn tùy vào bài viết bạn đang xem . 
Ảnh minh họa :

Cách thực hiện 
1. Đăng nhập Blogger
2. Chọn mẫu ==> Chỉnh sửa HTML
3. Tìm đến thẻ :  ]]></b:skin> và dán code bên dưới trên nó 
.topmenu{position:relative;height:25px;font-size:12px;color:#eee;background:#0f7401}.topmenu ul{margin:0;list-style:none}.topmenu ul li{padding:5px 0 5px 0;float:left}.topmenu ul li a{padding:0 5px 2px;color:#eee;margin:0 0 0 0;border-left:1px solid #062e00;border-right:1px solid #129501}.topmenu ul li a:hover{color:#fff}.topmenu ul li.first a{border-left:0}.topmenu ul li.last a{border-right:0}#navi{font-weight:bold;font-size:12px;font-family:Helvetica,Arial,sans-serif;background:#f0ce0b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiItDrZiilgbm3cCXWPq_hEsNkLOe2ixjlPT5fMXZi_fXvVbAODdxxzpqnMB8RzbzwGh4Zl8flYfwYu4gPU7PBBfKx55tKi7p0dmWSn73oB8Y_OAuqK6PiKCzayWD01vbH_Q4SwaAb3LOy/s1600/recbg-btrix.png) repeat-x;line-height:normal;padding:5px 0 3px 5px;text-shadow:0 1px #fff;margin:0;color:#000}#navi a{color:#093901}#related-posts-block ul{margin:0;padding:0 0 0 8px;list-style:none}#related-posts-block li{line-height:1.4;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBuUdzL1d3mp1FeA1M1EJ_dS3gAcrcBWYUfB6kKZsJayx1YCrbz5dP-Dl0EMaYJm3knWRDXym6Ht8Zq-OdoN2h1d-xpjZ-GwdhwZiuI0OfnL7g3N3lEKClaSei9KJeFzOyioADC_mr6uyF/s1600/icon.jpg) 0 3px no-repeat;padding-left:13px}#related-posts-block{margin:0 0;font-size:11px;color:#7c7b7b}#related-posts-loading-text{font-size:12px;text-align:center;color:#002c28}#related-newest-href{margin:10px 5px 0 15px}#related-newest-title{font-size:12px;margin:0 0 4px 0;color:#116b02;width:500px}#related-posts-block #related-newest-href a{font-size:12px;font-family:Helvetica,sans-serif;color:#0c4b01}#related-posts-block #related-newest-href a:hover{color:#00f}#related-older-href{margin:10px 5px 0 15px}#related-older-title{font-size:12px;margin:0 0 4px 0;color:#116b02;width:500px}#related-posts-block #related-older-href a{font-size:12px;font-family:Helvetica,sans-serif;color:#0c4b01}#related-posts-block #related-older-href a:hover{color:#00f}.autosumpost{box-shadow:0 0 25px #d5d4d4 inset;font-family:Helvetica,sans-serif;font-size:12px;margin:0 0 0 0;padding:5px 5px 8px;line-height:1.5}

4. Dán code bên dưới sau thẻ :  <div class='post-footer'> ,  <div class='post-footer-line post-footer-line-1'>  , <div class='post-footer-line post-footer-line-3'>  , <div class='post-footer-line post-footer-line-3'>
<div id='post-labels-for-related' style='display:none'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if></div>
<div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>


<div id='related-posts-block'>
<div id='related-posts-loading-text'>Đang tải dữ liệu... <img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_VYT29K7BV9Zag8ESQWuUC0OzENpvlOwrXksdo3p-awx5yXUEx5VVy0wTuY3pzY-rf0t_VhebLLxNsm29o50V66k6PqZUE9P8MxVNZTqi_-yM8ElkPnBk4fqDEAvTFQQq0rnuIuwBTRpw/s1600/ajax-loader.gif'/></div>
<div id='related-newest-href'><div id='related-newest-title'/></div>
<div id='related-older-href'><div id='related-older-title'/></div>
</div>


<script language='javascript'>
/* <![CDATA[ */
var showdate = true;var max_post = 8;function format(a){return a.substr(0,19)}function formatdate(a){for(var b=[1,2,3,4,5,6,7,8,9,10,11,12],c="01,02,03,04,05,06,07,08,09,10,11,12".split(","),e=parseInt(a.substring(5,7),10),d=0;d<b.length;d++)if(e==b[d]){e=c[d];break}return a.substring(8,10)+"/"+e+"/"+a.substring(4,2)} function getRelatedNewestLinks(a){if(a=a.feed.entry)for(var b=0;b<a.length;b++){var c=document.createElement("li");c.innerHTML=showdate?'<span style="margin-top:-3px;"> '+formatdate(a[b].published.$t)+" </span> <a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>":"<a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>";if(!checkRelaxLinks("related-newest-href",a[b].link[4].href))document.getElementById("related-newest-href-ul1").appendChild(c),document.getElementById("related-newest-title").innerHTML= "<b>C\u00e1c b\u00e0i vi\u1ebft m\u1edbi c\u00f9ng ch\u1ee7 \u0111\u1ec1</b>";document.getElementById("related-posts-loading-text").style.display="none"}else document.getElementById("related-older-title").innerHTML="<b>Kh\u00f4ng c\u00f3 b\u00e0i vi\u1ebft m\u1edbi n\u00e0o c\u00f9ng ch\u1ee7 \u0111\u1ec1</b>"} function getRelatedOlderLinks(a){if(a=a.feed.entry)for(var b=0;b<a.length;b++){var c=document.createElement("li");c.innerHTML=showdate?" "+formatdate(a[b].published.$t)+" <a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>":"<a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>";if(!checkRelaxLinks("related-older-href",a[b].link[4].href))document.getElementById("related-older-href-ul2").appendChild(c),document.getElementById("related-older-title").innerHTML="<b>C\u00e1c b\u00e0i vi\u1ebft c\u0169 c\u00f9ng ch\u1ee7 \u0111\u1ec1 </b>"}else document.getElementById("related-older-title").innerHTML= "<b>Kh\u00f4ng c\u00f3 b\u00e0i vi\u1ebft c\u0169 n\u00e0o c\u00f9ng ch\u1ee7 \u0111\u1ec1</b>";document.getElementById("related-posts-loading-text").style.display="none"} function createRelatedJson(a,b,c,e){var d=document.createElement("script");d.src="/feeds/posts/summary/-/"+escape(b)+"?orderby=published&max-results="+e+"&published-"+a+"="+escape(format(document.getElementById("post-timestamp-for-related").innerHTML))+"&alt=json-in-script&callback="+c;d.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(d)} function checkRelaxLinks(a,b){for(var c=!1,e=document.getElementById(a).getElementsByTagName("a"),d=0;d<e.length;d++)if(e[d].href==b){c=!0;break}e=location.href.split(".html")[0]+".html";b==e&&(c=!0);return c} function createRP(){var a=document.getElementById("post-labels-for-related").innerHTML.split(","),b=Math.round(max_post/a.length),c=document.createElement("ul");c.id="related-newest-href-ul1";document.getElementById("related-newest-href").appendChild(c);for(c=0;c<a.length;c++)createRelatedJson("min",a[c],"getRelatedNewestLinks",b);c=document.createElement("ul");c.id="related-older-href-ul2";document.getElementById("related-older-href").appendChild(c);for(c=0;c<a.length;c++)createRelatedJson("max", a[c],"getRelatedOlderLinks",b)}createRP();
/* ]]> */ 
</script>

var showdate = true : Hiển thị ngày đăng(Nếu không muốn hiển thị thay thành False)
var max_post = 8      : Sồ bài viết tối đa hiển thị 

Chúc các bạn thành công 
More about