This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Thứ Tư, 10 tháng 2, 2016

Copy những nội dung nhất định trong bài blogger


Cách 1: Vào Template (Mẫu), click vào Edit HTML (Chỉnh sửa HTML)
<script type='text/javascript'>
 if (typeof document.onselectstart!=&quot;undefined&quot;) {
 document.onselectstart=new Function (&quot;return false&quot;);
}
 else{
 document.onmousedown=new Function (&quot;return false&quot;);
 document.onmouseup=new Function (&quot;return true&quot;);
}
</script>  

Cách 2 sử dụng mã CSS
1. Đăng nhập và vào bố cục
2. Chọn mẫu (template) => chỉnh sửa HTML (Edit HTML)
3. Chèn đoạn code bên dưới vào trước thẻ ]]></b:skin>
<!--Disable Highlighting-->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
/* Currently not supported in Opera but will be soon */
-o-user-select: none;
user-select: none;
}
pre,code{
-webkit-user-select: text; /* Webkit */
-moz-user-select: text; /* Firefox */
-ms-user-select: text; /* IE 10 */
/* Currently not supported in Opera but will be soon */
-o-user-select: text;
user-select: text;
}
</style>
4. Lưu mẫu của bạn lại là xong và kiểm tra kết quả nha.

Cách cho phép độc giả copy một đoạn duy nhất trong bài viết của bạn.

Đoạn code trên sẽ khiến toàn bộ bài viết của bạn bị vô hiệu hoá click chuột phải và quét khối, giờ muốn cho độc giả quét khối khu vực nào bạn chỉ cần sử dụng đoạn mã bên dưới trong HTML của bài viết.
<pre>
Đoạn code được phép copy
</pre>
hoặc đoạn code sau:
<code>
Đoạn code được phép copy
</code>

Teamplate Blogger Minima Colored 3 Mag Style

Minima Colored 3 Mag Style Blogger Template là một dạng blog tin tức với bố cục hợp lý và trình bày rõ ràng.


Thích hợp làm: Trang tin tức, Trang công nghệ, Báo online, Bán hàng Online,...

Những tính năng của Template:

  • Code chuẩn SEO
  • Hỗ trợ nhiều Shortcode
  • Icon đẹp
  • Hỗ trợ khung tìm kiếm
  • Sitemp
  • ...
  • Xem: Demo
  • Down: Teamplate Blogger Minima Colored 3 Mag Style 
  • Mọi Thắc mắc hướng dẫn cài đặt cũng như xóa bản quyền vui lòng liên hệ Admin để được giả đáp

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 đỡ

Thứ Sáu, 11 tháng 12, 2015

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

Thứ Tư, 9 tháng 12, 2015

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.