Template Rifqiy 1.35 - Blogger Template tin tức đẹp

Lâu rồi mới lại viết bài về template blogger / template blogspot, cũng tiện có bạn muốn mình chia sẻ template blogspot chuẩn seo mà Tin Học Việt Nam đang dùng, mình xin được chia sẻ lại template Rifqiy - Responsive Magazine/News Blogger Template. Template Rifqiy 1.35 là mẫu của ThemeForest bán với giá $21, mẫu này khá đẹp và là template đã được tối ưu hóa chuẩn seo.

Demo:    Demo 1

              Demo 2

Các tính năng của Rifqiy Blogger Template 

• Responsive Design (Full Width or Boxed Width)
• Manual Featured Post from Image Widget (Slideshow)
• Auto Featured Post (Slideshow)
• Support Advance Editor (Change Background Image, Color and Font Type)
• Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
• Ajax load more post
• Ajax Page Navigation New
• 3 Comment System Support (Blogger Comment, Facebook Comment and Disqus Commnent) New
• Cool blogger threaded comment (Support Google+ Comment)
• JSON Search Result *
• Ajax Recent Post by Tag (5 Post Type(Slider, Vertical, Combine, Gallery and Horizontal)) Support Random New
• Ajax Recent Comment Widget *
• Ajax Related Post Widget *
• Ajax NewsTicker *
• Two View Mode (List and Grid) with Cookies
• Tabs Widgets Ready
• Optimize SEO
• Emoticon (Blogger Comment)
• Comment View with Cookies
• RTL Language Support
• Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
• Custom Error 404 Page
• Professional admin layout, help you easy work with blog layout.

Rifqiy v1.35 – themeforest responsive magazine/news blogger template

Link download Template Rifqiy 1.35 - Responsive Magazine/News Blogger Template:

Demo: Template Rifqiy 1.35

Mọi thắc mắc về quá trình cài đặt liên hệ Admin để được giúp đỡ

Read More

Hướng Dẫn Gộp Gear Openshift Và Cấu Hình Phpmyadmin

Sản phẩm sau khi gộp gear là 3GB dung lượng và 1.5GB ram (chưa kiểm chứng) - Đầu tiên mình đăng kí 1 tài khoản OPENSHIFT, các bạn không thích đăng kí mới thì delete hết app trong tài khoản để thực hiện gộp gear. - Create app với PHP 5.3

- Scaling bạn chọn Scale with web traffic rồi create app như bình thường.

Tiếp đến bạn vào app vừa tạo chỉnh gear thành 2x để có 2gb dung lượng ổ đĩa

ADD A CARTRIDGE

MySQL Database 5.1
*Bước này thì các bạn add như bình thường, nhớ lưu lại ID&PASSWD root mysql không là thôi luôn đó.
*Giờ bạn đã có mysql chạy trên 1 gear và 2gear kia chạy code, tổng là 3GB rồi nhé. 
#Cấu hình phpmyadmin

bạn vào trang chủ 'http://www.phpmyadmin.net'download phpmyadmin rồi upload lên thư mục php. Giải nén ra bạn đc thư mục phpmyadmin*
Bạn vào thư mục vừa giải nén sửa file config.sample.inc.php

File config.sample.inc.php phải đổi tên thành config.inc.php

Mã:

/* Server parameters */
$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
/* Select mysql if your server does not have mysqli */
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = false;

Sửa thành:

Mã:

/* Server parameters */
$cfg['Servers'][$i]['host'] = 'DIA-CHI';
$cfg['Servers'][$i]['port'] = 'PORT';
$cfg['Servers'][$i]['socket'] = getenv('OPENSHIFT_MYSQL_DB_SOCKET');
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
/* Select mysql if your server does not have mysqli */
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = false;

DIA-CHI bạn lấy ở file OPENSHIFT_MYSQL_DB_HOST
PORT bạn lấy ở file OPENSHIFT_MYSQL_DB_PORT

nó nằm ở /var/lib/openshift/52482eaa4382ecc22000009c/.env/mysql
ví dụ của mình có dạng:

Mã:

5248312c4382ecc86a00004c-blogvn.rhcloud.com
43611

Sau khi sửa

Mã:

/* Server parameters */
$cfg['Servers'][$i]['host'] = '5248312c4382ecc86a00004c-blogvn.rhcloud.com';
$cfg['Servers'][$i]['port'] = '43611';
$cfg['Servers'][$i]['socket'] = getenv('OPENSHIFT_MYSQL_DB_SOCKET');
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
/* Select mysql if your server does not have mysqli */
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = false;

bạn save lại, đổi tên thành config.inc.php rồi chạy domain/phpmyadmin xem nào. ID&PASSWD là lúc create mysql.

*hoàn thành phpmyadmin
////////////////////
Tiếp đến làm thế nào không bị 503 Service Unavailable
Theo nghiên cứu của mình thì khi xóa file index.php là bị như thế, bạn đừng lo, cứ unzip code rồi cài đặt như bình thường, sau đó tại 1 file index.html
thêm code này vào .htaccess

Mã:

DirectoryIndex index.php

tiếp đến bạn xóa index.html đi đc rồi đó, truy cập site xem

Sản phẩm sau khi gộp gear là 3GB dung lượng và 1.5GB ram (chưa kiểm chứng) - Đầu tiên mình đăng kí 1 tài khoản OPENSHIFT, các bạn không thích đăng kí mới thì delete hết app trong tài khoản để thực hiện gộp gear. - Create app với PHP 5.3

- Scaling bạn chọn Scale with web traffic rồi create app như bình thường.

Tiếp đến bạn vào app vừa tạo chỉnh gear thành 2x để có 2gb dung lượng ổ đĩa

ADD A CARTRIDGE

MySQL Database 5.1
*Bước này thì các bạn add như bình thường, nhớ lưu lại ID&PASSWD root mysql không là thôi luôn đó.
*Giờ bạn đã có mysql chạy trên 1 gear và 2gear kia chạy code, tổng là 3GB rồi nhé. 
#Cấu hình phpmyadmin

bạn vào trang chủ 'http://www.phpmyadmin.net'download phpmyadmin rồi upload lên thư mục php. Giải nén ra bạn đc thư mục phpmyadmin*
Bạn vào thư mục vừa giải nén sửa file config.sample.inc.php

File config.sample.inc.php phải đổi tên thành config.inc.php

Mã:

/* Server parameters */
$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
/* Select mysql if your server does not have mysqli */
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = false;

Sửa thành:

Mã:

/* Server parameters */
$cfg['Servers'][$i]['host'] = 'DIA-CHI';
$cfg['Servers'][$i]['port'] = 'PORT';
$cfg['Servers'][$i]['socket'] = getenv('OPENSHIFT_MYSQL_DB_SOCKET');
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
/* Select mysql if your server does not have mysqli */
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = false;

DIA-CHI bạn lấy ở file OPENSHIFT_MYSQL_DB_HOST
PORT bạn lấy ở file OPENSHIFT_MYSQL_DB_PORT

nó nằm ở /var/lib/openshift/52482eaa4382ecc22000009c/.env/mysql
ví dụ của mình có dạng:

Mã:

5248312c4382ecc86a00004c-blogvn.rhcloud.com
43611

Sau khi sửa

Mã:

/* Server parameters */
$cfg['Servers'][$i]['host'] = '5248312c4382ecc86a00004c-blogvn.rhcloud.com';
$cfg['Servers'][$i]['port'] = '43611';
$cfg['Servers'][$i]['socket'] = getenv('OPENSHIFT_MYSQL_DB_SOCKET');
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
/* Select mysql if your server does not have mysqli */
$cfg['Servers'][$i]['extension'] = 'mysqli';
$cfg['Servers'][$i]['AllowNoPassword'] = false;

bạn save lại, đổi tên thành config.inc.php rồi chạy domain/phpmyadmin xem nào. ID&PASSWD là lúc create mysql.

*hoàn thành phpmyadmin
////////////////////
Tiếp đến làm thế nào không bị 503 Service Unavailable
Theo nghiên cứu của mình thì khi xóa file index.php là bị như thế, bạn đừng lo, cứ unzip code rồi cài đặt như bình thường, sau đó tại 1 file index.html
thêm code này vào .htaccess

Mã:

DirectoryIndex index.php

tiếp đến bạn xóa index.html đi đc rồi đó, truy cập site xem

Read More

Tạo nút Lên đầu trang (Back to top) cho Blogspot

Tiện ích nút Lên đầu trang là ứng dụng khá tiện lợi khi độc giả đọc hết bài viết của bạn có nội dung tương đối dài, thay vì độc giả phải cuộn chuột hoặc kéo thanh trượt dọc để về trang đầu khá mắc công…
Nút Lên đầu trang thường được tạo ra bởi 2 cách: Sử dụng CSS hoặc Sử dụng Jquery (Ở 2 cách trên đề có 2 cách nhỏ: Sử dụng chữ hoặc hình ảnh để là “biểu tượng” cho nút Back to top).

☼ Cách tiến hành:
Chỉ cần chèn đoạn mã sau đây vào một Widget HTML/Javascript là Oke

Đầu tiên bạn vào Blog => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.

Cách 1: Sử dụng CSS

Code:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-
ExomXm9BGFw/UmFqgFo-rFI/AAAAAAAAAE4/JMc1KSveWco/s1600/Top.png"/></a>

Cách 2: Sử dụng Jquery

Code:

<script type='text/javascript'>
$(function(){$(window).scroll
(function(){if($(this).scrollTop()!=0){$("#noop-top").
fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").
click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://mchiase.blogspot.com/"></a><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZie4eFBnbLojYXOdNFsPhPG5NlMXJ16IqdGbBo1rXtr9x9Oy372T7-V5k7VYl2BEDKYkEpgby2ZAyF-c6yxRDTJ02uS4LDKUBPRm86H3shoIasVKGcHhhU-jvrFCFR76kZL2GHcS-Ii1Z/s1600/Top.png'/></a>

☼ Tùy chỉnh
 800 là tốc độ khi cuộn trang, các bạn cũng có thể tùy chỉnh theo ý muốn.
Thay đổi link ảnh màu xanh thành link ảnh bạn mong muốn, dưới đây mình cũng sưu tâm một số ảnh thích cái nào thì tải về upload lên, rồi lấy link hình thay vào lưu lại là oke nhé @!

☼ Kết luận
· Tiện tích này quá đơn giản nên mình không DEMO ngoài chỉ để DEMO trực tiếp ở bài viết cho các bạn tham khảo.
· Tiện ích Back to top (Lên đầu trang) các bạn có thể chèn trực tiếp vào template nhé! Mình lại thích hướng các bạn chèn vào 1 tiện ích HTML/Javascrip có sẵn.Khi chèn vào template bạn nên cẩn thận kẻo lỗi template

· Đối với cách 1 sử dụng CSS thì tốc độ load site của bạn sẽ nhanh hơn rất nhiều so với cách 2 sử dụng Jquery (xử lý Jquery). Nhưng cách 1 cách lại không có hiệu ứng đối với cách 2 lại có hiệu ứng cuộn lên khá đẹp.

Read More

Code chống copy trên blogspot (blogger)

Code chống copy có rất nhiều “loại” (mỗi cách gọi khác nhau thì có những đoạn code khác nhau) VD:
- Code chống click chuột phải.
- Code cho click nhưng lại bỏ chức năng nhớ.
- Code chống quét khối văn bản.
- Code chống chức năng paste.
- …………………………………..
Còn riêng theo mình code chống copy được chia làm 2 loại chủ yếu:
Loại 1: Chống copy toàn bộ nội dung (Chống Copy, Paste và Click chuột phải trên mọi trình duyệt)

Cách 1: Sữa trực tiếp trong template không sử dụng javarscip do vậy không lo ảnh hưởng đến tốc độ load của trang (Là loại code chống coppy ưu việt nhất ngay cả khi trình duyệt không có javarscip hoặc trình duyệt đó tắt javarscip thì code vẫn hoạt động rất tốt)
1- Đăng nhập (login) vào Blog.

2- Tải mẫu (đề phòng bất trắc)
3- Vào Mẫu (Template).
4- Chọn Chỉnh sử HTML (Edit HTML).
5.1- Thay thế thẻ <body> thành đoạn code bên dưới:

Code:

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false'>

5.2- Đối với các mẫu Simple của blogspot thì thẻ <body> có thể khác như:

Code:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Khi đó bạn thay nó thành đoạn code như sau:

Code:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass' oncontextmenu='return false' onmousedown='return false' onselectstart='return false'>

6- Lưu template
Cách 2: Không sữa trực tiếp trong template nhưng sử dụng javarscip (do vậy ảnh hưởng đến tốc độ load site nên thường ít sử dụng)
1- Đăng nhập (login) vào Blog.
2- Bố cục => thêm phần tử HTML/Javarscip.
3- Coppy đoạn code dưới đây, lưu lại và xem kết quả.

Code:

<script language=javascript>
<!--

//Disable right mouse click Script
//By Being Geeks
//For full source code, visit http://www.beinggeeks.com

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("return false")

// -->
</script>

Loại 2: Chống copy trên các trang chuyên biệt của blogspot.
 1- Đăng nhập và vào bố cục.
 2- Chọn mẫu (template) => chỉnh sửa HTML (Edit HTML).
 3- Sau đó hãy chọn code thủ thuật và chèn vào sau thẻ ).
 Đoạn code chung:

Code:

<script language='JavaScript1.2'>
        function disableselect(e){
          return false
        }
        function reEnable(){
          return true
        }
        //if IE4+
        document.onselectstart=new Function (&quot;return false&quot;)
        //if NS6
        if (window.sidebar){
          document.onmousedown=disableselect
          document.onclick=reEnable
        }
</script>

3.1- Chỉ cho phép copy trang chủ và trang nhãn.

Code:

<b:if cond='data:blog.pageType == "item"'>
Đoạn code chung
</b:if>

3.2- Không cho phép copy trên trang chủ.

Code:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Đoạn code chung
</b:if>

3.3- Không cho copy trang chủ và trang nhãn.

Code:

<b:if cond='data:blog.pageType == "index"'>
Đoạn code chung
</b:if>

3.4- Chỉ chống copy ở trang lưu trữ (archive).

Code:

<b:if cond='data:blog.pageType == "archive"'>
Đoạn code chung
</b:if>

3.5- Chỉ chống copy ở trang tĩnh (static page).

Code:

<b:if cond='data:blog.pageType == "static_page"'>
Đoạn code chung
</b:if>

3.6- Nếu muốn chỉ chống copy ở 1 bài viết cụ thể (1 trang riêng biệt).

Code:

<b:if cond='data:blog.url == "LINK_của_trang_riêng_biệt"'>
Đoạn code chung
</b:if>

3.7- Nếu muốn chống copy tất cả các trang trừ trang bài viết.

Code:

<b:if cond='data:blog.pageType != "item"'>
Đoạn code chung
</b:if>

4- Lưu template và vào blog kiểm tra kết quả nhé !
 Chú ý: Tất cả các code sử dụng javascipts do vậy nếu ta tắt chế độ javascript trên các trình duyệt (hoặc sử dụng các trình duyệt không hỗ trợ javascipt) thì vẫn có thể copy và pate bình thường.

 Còn bạn dùng cách nào để chống coppy trên blog của bạn ? Hãy để lại ý kiến của bạn ?

Read More