Hiển thị các bài đăng có nhãn blogspot. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn blogspot. Hiển thị tất cả bài đăng

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

Code Tự chèn link vào từ khóa trong bài viết của blogger

Bình thường khi chèn link vào một từ khóa nào đó nằm trong bài viết chúng ta hay làm theo cách thủ công với từng bài một. Việc này sẽ mất khá nhiều thời gian nếu chèn link cho từ khóa vào hàng loạt bài viết, lúc này chúng ta cần chèn link một cách tự động và bài viết này sẽ giúp bạn làm điều đó.


Hướng dẫn code tự động chèn link vào từ khóa trong bài viết của Blogger


Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML

Thêm đoạn code này vào ngay phía trên thẻ </head>


<script type="text/javascript">
//<![CDATA[
function doHighlight(a,c,f)for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+"<a title=""+a.substr(b,c.length)+"" alt=""+a.substr(b,c.length)+"" href=""+f+"">"+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d function highlightSearchTerms(a,c,f,d)searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0;
//]]>
</script>

Nếu muốn các link mở ra trong tab mới khi click chuột vào từ khóa thì bạn chỉ cần thêm thuộc tính target="_blank" vào thẻ a (phần màu vàng)
<a title=""+a.substr(b,c.length)+"" alt=""+a.substr(b,c.length)+"" href=""+f+"" target="_blank">

Tiếp theo, thay thế thẻ <data:post.body/> (nằm trong phần post) bằng đoạn code sau


<div expr:id=""summary" + data:post.id">
<data:post.body/>
</div>
<script type="text/javascript">
highlightSearchTerms("Từ khóa 1",true,"Link từ khóa 1","summary<data:post.id/>");
highlightSearchTerms("Từ khóa 2",true,"Link từ khóa 2","summary<data:post.id/>");
highlightSearchTerms("Từ khóa 3",true,"Link từ khóa 3","summary<data:post.id/>");
</script>

Thay Từ khóa 1,2,3 bằng các từ khóa mà bạn muốn chèn link

Thay Link từ khóa 1,2,3 bằng link tương ứng với từ khóa

Để thêm một từ mới, bạn chỉ cần thêm dòng code như trên vào trước thẻ </script> . Ví dụ:


highlightSearchTerms("Thủ thuật Blog",true,"http://blogseoer.com","summary<data:post.id/>");

Cuối cùng, Lưu Mẫu lại và xem kết quả !



Code Tự chèn link vào từ khóa trong bài viết của blogger
Read more

Thứ Hai, 29 tháng 2, 2016

Flat Landing Page Theme cho Blogspot

Theme Flat Landing Page là một Theme cho Blogger phù hợp làm trang landing page về giới thiệu sản phẩm, công ty,… với nhiều tính năng nổi bật.




Created : 29 February 16

Last Update : 29 February 16

High Resolution : No

Widget Ready : Yes

Compatible Browsers : IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Compatible With:  Bootstrap 3.x

Software Version : Blogger

Files Included  XML Files

Columns 3

Documentation: No Documented

Layout: Responsive

Tags: one page, landing page



Demo Download


Nếu bạn mới làm quen với Blogger hãy xem link dưới đây :


Hướng dẫn làm quen với Blogger (Blogspot)


Hướng dẫn cài đặt template blogspot




Flat Landing Page Theme cho Blogspot

Read more