Several ways to earn money on YouTube

There are several ways to earn money on YouTube, but they all require a significant amount of effort and dedication. Here are some ways to make money on YouTube:

1. Advertising revenue: YouTube allows you to monetize your videos by placing ads on them. You can earn money based on the number of views your videos get and the ad revenue generated by those views.

2. Sponsorships: Brands may reach out to you to sponsor your content, which means they will pay you to promote their products or services in your videos.

3. Affiliate marketing: You can also earn money by including affiliate links in your video descriptions. When someone clicks on the link and makes a purchase, you receive a commission.

4. Merchandise sales: If you have a strong following, you can sell merchandise such as t-shirts or other products related to your channel.

5. Crowdfunding: You can use platforms such as Patreon or Kickstarter to crowdfund your content, which means fans can contribute money to support your work.

To earn money on YouTube, it's important to create engaging content that resonates with your audience and build a loyal following. You should also optimize your videos for search by using relevant keywords in your titles and descriptions. Finally, be consistent in your content creation and interact with your audience to build a strong community around your channel.

Read more...

Thêm Search Engine trong Blogger

[Info Tech] Tôi xin được giới thiệu với các bạn thủ thuật tạo Công cụ Tìm kiếm – Search hay còn gọi là tạo "Search Engine" trong Blogspot. Công cụ Search Engine này được tạo ra để sử dụng tìm kiếm các bài viết giới hạn chỉ nằm trong blog của bạn chứ không tìm trên toàn bộ các website khác. Điều này tưởng khó khăn nhưng rất đơn giản, bạn chỉ cần thực hiện theo đúng các chỉ dẫn dưới để taoh cho blog của bạn một Công cụ tìm kiếm này:

Các bước cụ thể như sau:

1. Ban Login vào Blogger, truy cập vào "Layout “—> “Page Elements".

Click chọn "Add a page elements" , sau đó chọn "HTML/Java Script".

2. Điền đoạn code dưới vào trong phần "Content" Box

<form action="http://yourblogname.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Bạn hãy thay đổi :

Chữ màu đỏ yourblogname.blogspot.com thành tên/địa chỉ blog của bạn.

Chữ số màu xanh 30 để thay đổi độ rộng của Công cụ tìm kiếm làm sao cho phù hợp với layout và bố cục của bạn. Dưới đây là 1 ví dụ:

Rất đơn giản, chúc bạn thành công.

Misshaudau

Read more...

Thêm cột cho Blogger Footer

[Info tech] Bạn có muốn add thêm column cho phần Blogger Footer? Nếu bạn đang sử dụng một trong những default template của Blogger, bạn có thể thấy rằng trong phần Footer chỉ có một thanh ngang để thêm Gadget như sau:


Chúng ta có thể thay đổi điều này bằng cách thêm 3 colunm vào phần Footer. Và đặt phần default xuống dưới cùng.

Tiện ích:

► Bạn có thể thêm được nhiều widgets (gadgets)

► Sắp xếp lại theo ý bạn

► Nội dung chính của bạn sẽ load nhanh hơn khi bạn đặt thanh ngang lớn nhất xuống dưới cùng.

Bây giờ hãy bắt tay vào làm nhé, bạn chỉ việc copy và paste. Chỉ mất khoảng 7 phút. Trước khi bắt đầu hãy nhớ backup template của bạn.

1. Nếu bạn đã có một vài widgets (gadgets) trong phần Footer, hãy gỡ bỏ.

LAYOUT ► kiểm tra xem có gadget trong phần footer không ► nếu có, click vào Edit và ► gỡ bỏ

2. Đi tới LAYOUT ► EDIT HTML ► Tìm đoạn code sau:

]]></b:skin>

</head>

..ABOVE it, you'll have to place the following part of the code:

#footer-columns {

border-top:1px dotted #999999;

clear:both;

margin:0 auto;

}

.column1 {

padding: 0px 5px 3px 5px;

width: 30%;

float: left;

margin:3px;

text-align: left;

}

.column2 {

padding: 0px 5px 3px 5px;

width: 31%;

float: left;

margin:3px 3px 3px 5px;

text-align: left;

}

.column3 {

padding: 0px 5px 3px 5px;

width: 30%;

float: right;

margin:3px;

text-align: left;

}

.addwidget {

padding: 0 0 0 0;

}

#footer-columns ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

#footer-columns li {

margin:0;

padding-top:0;

padding-left:0;

padding-bottom:.25em;

padding-right:15px;

text-indent:-15px;

line-height:1.5em;

}

body#layout #footer-columns {

width: 100%;

margin-left: auto;

margin-right: auto;

}

body#layout .column1 {

width: 32%;

float: left;

}

body#layout .column2 {

width: 32%;

float: left;

}

body#layout .column3 {

width: 32%;

float: right;

}

3. Còn bây giờ hãy làm như sau: Trong phần LAYOUT ► EDIT HTML ► tìm tag sau:

<b:section class='footer' id='footer'/>

...bạn sẽ phải XÓA nó đi, và THAY THẾ bằng code:

<div id='footer-columns'>

<div class='column1'>

<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column2'>

<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column3'>

<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>

</b:section>

</div>

<div style='clear:both;'/>

</div>

<b:section class='footer' id='footer'/>

...Save template.

Về cơ bản thế là xong. Bạn có thể thay đổi về độ rộng một chút cho phù hợp với template của mình. Chúc các bạn thành công và có một blog đẹp.

Misshaudau

Read more...

Thêm Animated Label Cloud Blogumus cho Blogger

[Info Tech] "Blogumus" là một loại tag cloud widget khá thú vị. Chính vì thế, khi nhìn thấy nó, tôi muốn tìm hiểu cách làm ngay lập tức. Khi di chuyển trỏ chuột bạn sẽ thấy animation xuất hiện. Trong bài này tôi sẽ giải thích ngắn gọn cách thêm Tag Cloud này vào trong Blog của bạn.












Bước 1: Đi tới Blogger Layout của bạn -> Page Elements, sau đó thêm Label Widget vào trong template.



Chọn phần sorting Alphabetically.

Bước 2: Sau khi thêm Label Widget, đi tới Layout -> Edit HTML (Không chọn Expand the widget templates), bạn sẽ thấy 1 đoạn code tương tự như sau:

<b:widget id='Label2' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Thêm vào ngay sau dòng này đoạn code sau:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", <!-- width="240" -->
"300", "7", <!-- height="300" -->
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>

<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>

Khi bạn preview template. Nếu thiết lập đúng bạn sẽ thấy tag cloud xuất hiện ngay ở sidebar.

Bạn có thể thay đổi màu sắc cũng như size của label cloud.

Xem thêm tại: http://xogirl.blogspot.com

Chúc thành công.

Misshaudau

Read more...

Thêm "Tweet this" vào Template của Blogger

[Info Tech] Twitter là một trong những ứng dụng phổ biến nhất trong thế giới blog. Chia sẻ một điều gì đó trên Twitter được gọi là "Tweet this" và được dùng để chia sẻ đường dẫn tới thông tin thời sự, blog post hoặc bất kỳ thứ gì mà bạn muốn chia sẻ với những người bạn của mình.

Đặt nút "Tweet this" vào bài viết của bạn sẽ giúp cho khách viếng thăm blog có thể dễ dàng chia sẻ bài post của bạn. Điều này sẽ đem lại traffic cho blog của bạn. Traffic nhiều hay ít còn phụ thuộc vào sự nổi tiếng của người đó và số lượng người trong danh sách bạn bè của người đó. Nhưng đó luôn luôn là một ý tưởng hay để có thể dễ dàng thu hút khách cho blog của bạn.

Nếu bạn add đoạn code sau vào template của bạn trong blogger thì chắc chắn bạn có thể có "Tweet this":

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @YOURTwitterUSERNAME " + data:post.url' title='Tweet it on Twitter'><img src='http://LINK TO TWITTER IMAGE ON YOUR SERVER'/></a>

Xin được giải thích thêm cho phần được highlight trong đoạn code:

• Thay thế YOURTwitterUSERNAME bằng tên đăng nhập của bạn trong twitter, Nếu bạn muốn biết ai là người chia sẻ bài post của bạn. Nếu không thì đơn giản chỉ việc xóa @YOURTwitterUSERNAME đi là xong.
  


• Thay thế URL hình ảnh http://LINK TO TWITTER IMAGE ON YOUR SERVER Bằng link tới hình ảnh twitter của bạn.
  


• Tôi vừa thêm 'Reading' trước trạng thái của twitter, nếu bạn muốn thay đổi có thể thay đổi hoặc bỏ nó đi cũng được.
  


• Bây giờ thì hãy thêm code của chính bạn vào trong template của blogger. Nó sẽ xuất hiệ ở phần footer. Nếu bạn cần giúp đỡ về phần này xin hãy để lại lời nhắn.
  

Code cuối cùng:

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @knowliz " + data:post.url' title='Tweet it on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm-USzCLkhoskU1R2ONIaoVjle3dqyDVy1ItN3FAGuvom1kPWZqiSlliVnrZ6ydd_Lt-9W_aQ8VyosvwnEUl0LwhtYNGKVrMWA2EZ61ZhlSTyqfsgI4uCss5dE4cg5QBbe_P2sKaXy1H8k/s144/itwitter.png'/></a>

Thêm vào template:

1. Đi tới Layouts.


2. Expand template của bạn dưới phần Edit HTML.


3. Tìm tag 'p class='post-footer-line post-footer-line-3'.


4. Sao chép và thêm đoạn code trên vào. (Nhớ là hãy backup template của bạn trước đó.)
   
   
5. Thêm đoạn code mà bạn vừa hòan thành ngay sau Tag trên.
   

Chú ý:

Một khi bạn đã thêm code sau vào template:

• 'Tweet this' sẽ tự động xuất hiện sau mỗi bài viết.
  


• Bạn chỉ được làm một lần.


• Kể cả những post cũ trong blog của bạn cũng sẽ tự động có nút này.
  


• Khi người đọc ấn nút này, nó sẽ tự động bao gồm cả URL của bài post của bạn trừ pho người đó chủ ý gỡ bỏ link khi edit tweet.
  

Nếu bạn có thêm gợi ý nào cho bài post, hãy để lại comment. Và nếu bạn thích hãy "tweet" bài post này trên twitter nhé!

Misshaudau

Read more...

Tạo related posts (các bài có liên quan) cho Blog

[Info Tech] Thêm related posts ngay dưới Nội dung của bài viết là một thủ thuật khá hay để giúp bạn tăng pageview.

Bước 1. Đi tới Layout/Edit HTML/Edit Template

Bước 2. BACKUP template của bạn! Đừng bỏ bước n!

Bước 3. Tích Expand Widget Templates, sau đó tìm code sau:

<div class='post-footer-line post-footer-line-3'/>
...
</div>

Bước 4. Thêm một dòng như sau:

<div class='post-footer-line post-footer-line-3'/>
...
</div>
<div id='related_posts'/>

Bước 5. Đi tới phần cuối cùng :

</body>
</html>

Bước 6. Thêm 2 dòng code sau:

<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>
</body>
</html>

Bây giờ hãy xem lại bài post của bạn nhé! Chú ý bạn cần phải có ít nhất 2 post có cùng tag để sử dụng thủ thuật này.
Sau khi làm xong, related post của bạn sẽ trông tương tự như sau:

Misshaudau

Read more...

Tạo Label Cloud đơn giản cho Blog

[Info Tech] Đây là đoạn code và thông tin setup dành cho việc tạo Label Cloud trong Blogger. Dĩ nhiên là trước tiên bạn phải có một blog trên Blogger và bạn phải sử dụng layout template. Tiếp theo đó bạn phải có sẵn phần Label. (Phải có ít nhẫn một nhãn với nhiều hơn một entry để có thể sử dụng thủ thuật này.)

Chắc chắn là bạn đã backup template của mình trước khi thay đổi bất kỳ thứ gì.
Log into Blogger and go to your layouts section. On the 'Page Elements' setup page
Đăng nhập Blogger và chọn phần Layout. Trên 'Page Elements' đảm bảo là bạn đã có phần Label được install ở nơi mà bạn muốn và chúng có thể bị di chuyển vòng quanh sau đó.

Đi tới phần Edit HTML và không tick phần widget expanded.

Code sẽ được chia làm ba phần. Một phần dành cho stylesheet, một phần dành cho cấu hình, và một phần dành cho chính widget này.
The first part to put in is the stylesheet section. The following code needs to be copied
Đầu tiên là đặt code vào trong stylesheet của bạn. Copy đoạn code sau và thêm vào phần stylesheet trong phần laypout, được đánh dấu bởi tag <b:skin>

Dễ dành nhất là đi tìm tag sau:

]]></b:skin>

Sau đó đặt đoạn code ngay trước tag trên.

Đây là đoạn code để thêm vào:

/* Label Cloud Styles

----------------------------------------------- */

#labelCloud {text-align:center;font-family:arial,sans-serif;}

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}

#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}

#labelCloud a{text-decoration:none}

#labelCloud a:hover{text-decoration:underline}

#labelCloud li a{}

#labelCloud .label-cloud {}

#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}

#labelCloud .label-cloud li:before{content:"" !important}

Tiếp thep là phần cấu hình cho Label Cloud. Tìm đoạn tag sau:

]]></b:skin>

Nhưng lần này đặt đoạn code ngay sau dòng trên nhưng trước tag </head>. Đây là đoạn code:

<script type='text/javascript'>

// Label Cloud User Variables

var cloudMin = 1;

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</script>

Thiết lập trên có thể được thay đổi nhưng nếu cần hãy comment, tôi có thể giải thích thêm. Nhưng phần mặc định sẽ hoạt động ngay bây giờ.

Giờ là đến phần widget. Kéo xuống và tìm Label widget trong sidebar của bạn. Nó sẽ trông như thế này:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Copy đoạn code sau và thay thế cho dòng trên.

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>



<div class='widget-content'>

<div id='labelCloud'/>

<script type='text/javascript'>



// Don't change anything past this point -----------------

// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){

if(a&gt;b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)

}

else{

var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)

}

return v

}





var c=[];

var labelCount = new Array();

var ts = new Object;

<b:loop values='data:labels' var='label'>

var theName = &quot;<data:label.name/>&quot;;

ts[theName] = <data:label.count/>;

</b:loop>



for (t in ts){

if (!labelCount[ts[t]]){

labelCount[ts[t]] = new Array(ts[t])

}

}

var ta=cloudMin-1;

tz = labelCount.length - cloudMin;

lc2 = document.getElementById('labelCloud');

ul = document.createElement('ul');

ul.className = 'label-cloud';

for(var t in ts){

if(ts[t] &lt; cloudMin){

continue;

}

for (var i=0;3 &gt; i;i++) {

c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)

}

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);

li = document.createElement('li');

li.style.fontSize = fs+'px';

li.style.lineHeight = '1';

a = document.createElement('a');

a.title = ts[t]+' Posts in '+t;

a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';

a.href = '/search/label/'+encodeURIComponent(t);

if (lcShowCount){

span = document.createElement('span');

span.innerHTML = '('+ts[t]+') ';

span.className = 'label-count';

a.appendChild(document.createTextNode(t));

li.appendChild(a);

li.appendChild(span);

}

else {

a.appendChild(document.createTextNode(t));

li.appendChild(a);

}

ul.appendChild(li);

abnk = document.createTextNode(' ');

ul.appendChild(abnk);

}

lc2.appendChild(ul);

</script>



<noscript>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

</noscript>

<b:include name='quickedit'/>

</div>



</b:includable>

</b:widget>

Bây giờ thì bạn đã làm xong và các bài đăng của bnạ đã được dán nhãn. Hãy preview để xem phần Label Cloud của bạn hoạt động ra sao. Nêu nó không xuất hiện, chắc có gì không ổn, hãy làm lại từ đầu.

Có gì thắc mắc, xin bạn để lại lời nhắn.

Misshaudau

Read more...

Làm thế nào để thêm “read more” vào bài viết trong Blogger?

[Info Tech] Đây là một thủ thuật khá phổ biến mà rất nhiều người đã hỏi tôi. Thay vì trả lời cho từng người một, tôi quyết định viết hẳn một bài về thủ thuật này.

Với thủ thuật này, bạn chỉ cho hiển thị một phần đầu của bài viết để gây tò mò thay vì hiển thị toàn bộ bài viết trên trang chính của blog. Sau đó, nếu ai muốn đọc phần còn lại của bài viết, họ có thể ấn vào link “read more” để xem bài viết hoàn chỉnh. Thủ thuật này rất hữu dụng đối với những bài viết dài trên một trang. (Lưu ý, ban cần phải để chế độ mở đối với post pages thì mới sử dụng được thủ thuật này.)


Bước 1: Cập nhật mã (code) template của bạn

Đầu tiên bạn cần phải biên tập lai đoạn code sẵn có, vì vậy tôi gợi ý là các bạn nên sao chép lại đoạn code cũ và dán vào notepad hoặc bất kỳ chương trình soạn thảo nào. Ngoài ra, tốt nhất là bạn nên backup template của mình trong trường hợp có vấn đề gì. Còn bây giờ, hãy tìm kiếm (CTRL+F) trong vùng soạn thảo để tìm đoạn code sau: post-header-line-1. Đây là đoạn code mặc định mà Blogger bao gồm nhưng một vài custom template đã lấy ra hoặc sửa đổi, vì vậy bạn có thể gặp rắc rối để tìm ra đoạn code trên. Nếu bạn không thể tìm ra đoạn code trên hãy thử tìm <data:post.body/> xem sao. Template của bạn sẽ chắc chắn có đoạn code này vì đây chính là cụm từ dành cho phần body trong bài post của bạn.

Còn bây giờ, tùy thuộc vào đoạn code mà bạn có thể tìm thấy sẽ quyết định độ dễ khó của bước tiếp theo. Bạn có thể cần phải điều tra trước khi làm để xem xem đoạn code có hoạn động tốt trên template của bạn hay không. Ý là để lấy đoạn code mới dán vào template của bạn trước tag <data:post.body/>. Hãy tiếp tục đọc và hi vọng là lời giải thích dưới đây sẽ minh học rõ ràng để bạn có thể ứng dụng thủ thuật này vào custom template của bạn.

Hãy thêm đoạn code sau dưới tag <div class=’post-header-line-1′/> và <div class=’post-header-line’> nếu bạn có cả hai.

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

Kết quả sẽ trông như thế này:Nếu bạn không có tag mặc định <div class='post-header-line-1'/> thì thay vào đó kết quả của bạn sẽ trông giống kiểu như thế. Đây là cách mà nó sẽ được làm trong custome template của MushBlue Blogger:



Chú ý hai ví dụ mà đoạn code được bôi vàng và tag <data:post.body/> tags là tương tự - phụ thuộc vào template mà bạn dùng.

Bây giờ hãy thêm một đoạn code nữa vào để tạo link “read more” cho blog của bạn. Đoạn code này sẽ được đặt bên dưới tag <data:post.body/> vì vậy hãy sao chép đoạn code sau và dán vào. Bạn có thể thoải mái thay đổi chữ “Read more…” theo ý của mình. Nhưng cẩn thận đừng xóa đi bất kỳ mã nào khác trong khi tiến hành.

<b:if cond='data:blog.pageType != "item"'>

<br /> <a expr:href='data:post.url'>Read more...</a>

</b:if>

</b:if>

Giả sử có hai tag </b:if> trong code trên thì đừng nghĩ là sai. Kết quả sẽ trông như sau:



Đoạn code sẽ giồng nhau dù bạn có dùng template nào đi chăng nữa. Chỉ cần đảm bào là nó được đặt ở dưới tag <data:post.body/> như trong hình là được.

Bây giờ hã xem kết quả cuối cùng như thế nào. Dưới đây là đoạn code đã được cập nhật mà bạn mới tạo xong:



Ok, bạn đã làm xong phần chỉnh sửa code của template. Hãy dán vào Blogger html và lưu lại. Nếu bạn thấy hiện error, tức là bạn đã nhầm lẫn. Lỗi chung nhất chính là xóa nhầm một dấu > hay dấu < trong khi dán vào đoạn code mới. Nếu đã được lưu thành công, thì bạn có thể nhanh chóng chuyển sang bước tiếp theo và thêm một bài bước vào phần format setting.Đối với bước này, bạn cần phải đi tới tìa khoản Blogger chọn Setting sau đó formatting và kéo xuống gần cuối trang. Đó chính là lựa chọn cuối cùng được gọi là “Post Template”. Bạn sẽ dán đoạn code sau vào:

Bước 2: Thêm một lớp Tag vào phần mặc định của template

<span class="fullpost">

</span>



Bước 3: Tạo một post mới.

Giờ chúng ta đã có mọi thứ sẵn sàng, đến lúc phải thử xem nó ra sao. Hi vọng là bạn đã nghĩ ra một cái gì đó để post. Nếu chưa, thì chúng ta hãy tạo một bài viết thử nghiệm rồi ssau đó xóa đi. Khi bạn click vào tag “Posting” bạn sẽ thấy vùng soạn thảo xuất hiện tag <span class=”fullpost”> và </span>. Nếu không, có nghĩa là bạn chưa lưu cẩn thận, hãy quay lại và lưu lại lần nữa. Vì thế kho viết bài mới, bất kỳ thứ gì bạn đặt ở trên tag <span class=”fullpost”> sẽ trở thành đoạn gây sự chú ý. Phần chính của bài viết sẽ nằm giữa tag <span class=”fullpost”> và </span> để link “read more…” có thể hoạt động. hãy nhìn screenshot bên dưới. Đôi khi hình ảnh minh họa rõ ràng hơn lời nói.



Còn bây giờ hãy xuất bản và xem trước bài viết của bạn để xem “read more…” sẽ hoạt động ra sao. Nếu nó không hoạt động vì một lý do nào đó, hãy trở lại và làm lại các bước một lần nữa. Chắc có thể bạn dán nhầm đoạn code. Rất khó để giải quyết vấn đề này vì mỗi template lại có những đặc điểm riêng biệt, vì thế hãy chắc chắn rằng bạn đã kiểm tra hai lân template của mình trước khi nhờ sự giúp đỡ trong phần comment dưới đây. Đây là bài viết với link “read more…” mà tôi đã tạo ra từ những bước trên.



Thông tin thêm

Nếu bạn muốn quay trở lại và cập nhật những post cũ với công cụ “read more…” bạn có thể làm. Chỉ việc quay về và biên tập lại mỗi bài post một cách thủ công. Cần thiết phải dán tag <span class=”fullpost”> và </span> giữa hai phần của bài post. Đối với một số bài viết, bạn không cần dùng link “read more…” bạn chỉ việc xóa 2 tag trên đi là xong. Sau đó bài viết của bạn sẽ được hiển thị toàn bộ như trước kia. Chúc thành công.

Misshaudau

Read more...