Hiển thị các bài đăng có nhãn Thủ thuật blogspot. Hiển thị tất cả bài đăng
Cách đăng phim nhiều tập lên blogspot với AncPlay Media Player

Cách đăng phim nhiều tập lên blogspot với AncPlay Media Player

Bài này hướng dẫn các bạn tích hợp tiện ích AncPlay Media Player vào cho Blogspot, giúp bạn đăng phim nhiều tập lên blogspot thuận tiện hơn.

Vậy tiện AncPlay Media Player là gì ?


Ancplay được phát triển bởi Suzuki_aka, nó cho phép người xem dễ dàng xem nhiều video khác nhau trên bài viết của bạn. Hay nói dễ hiểu hơn nó giống như 1 trình xem video đơn giản, với 1 phần hiển thị video và 1 phần hiển thị danh sách các video. Các bạn chỉ việc click vào danh sách các video và xem. Tiện ích hỗ trợ xem video từ các server : youtube.com,videobb.com,cyworld.vn, ,stream.pub.vn,dailymotion.com,videozer.com,4shared.com, 2shared.com. Sau khi cài đặt tiện ích này thì bạn sẽ không phải làm thủ công như trước kia là khi ta muốn nhúng 1 đoạn video nào đó vào blog, ta thường quen với việc nhúng code của nó mà server đó cung cấp. Nếu muốn nhúng nhiều video khác nhau thì ta lại dán 1 đoạn code khác nhau. Và nếu bài viết nào đó phải nhúng nhiều đoạn video vào thì sao? Ví dụ như bạn muốn đăng vào blog 40 tập phim của 1 bộ phim chẳng hạn, nếu ta dùng cách thủ công là chèn tất cả 40 đoạn code của 40 video phim vào thì cũng được, nhưng như thế trông bài viết sẽ dài lê thê trông rất thiếu thẩm mỹ.Nên tiện ích AncPlay Media Player là 1 giải pháp tối ưu để giải quyết các vấn đề trên.Hiện nay AncPlay đã ra nhiều phiên bản và cách cài đặt các phiên bản cũng rất khác nhau,mình giới thiệu bản này là rất dễ cài đặt và sử dụng nhất ,các bạn cứ yên tâm cài đặt và làm theo hướng dẫn bên dưới.Không dài dòng nữa bắt đầu thực hiện thôi.


Sau đây là các bước chèn tiện ích vào blog - Thủ thuật blogspot:

B1. Vào trong code template (không cần nhấp mở rộng mẫu tiện ích), sau đó chèn đoạn code bên dưới vào trước thẻ đóng</body> , các bạn có thể chèn ở vị trí khác cũng được, nhưng bắt buộc phải chèn sau tiện ích Blog1 (phần hiển thị bài viết) :
<script src='http://maphim-net.googlecode.com/svn/trunk/ancplay.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
M.pl(M.re("Blog1"),"anc_pl","anc_tp");
var anc_ida = M.re("Blog1").split('|')[0].split(';')[1];
$_("anc_content").innerHTML = $_("anc_nd").innerHTML;
var player_id = "player";
var player_width = 200;
var player_height = 100;
var player_stream = ""+anc_ida+"";
var params = {allowFullScreen: true, scale: 'scale', allowScriptAccess: 'always'};
var attributes = {id: player_id, name: player_id};
var player_dvrMinutes = 30;
swfobject.embedSWF('http://cdn.octoshape.net/resources/player/infinitehd/player1.swf', player_id, player_width,
player_height, "10.0.0", null, null, params, attributes);
function Rload(x){
player_stream = ""+x+"";
swfobject.embedSWF('http://cdn.octoshape.net/resources/player/infinitehd/player1.swf', player_id, player_width,
player_height, "10.0.0", null, null, params, attributes);
swfobject.addDomLoadEvent(fixReference);
}
//]]>
</script>

1.1 Do google code đã đóng cửa các bạn nên thay link http://maphim-net.googlecode.com/svn/trunk/ancplay.js thành https://googledrive.com/host/0B4Ymog6fM1ZzVzZRaGxHRENtbWM

B2. Chèn đoạn code sau đây vào trước thẻ ]]></b:skin> và save template lại.

.id {font-size:1px;display:none}
#list_tap{float:center;background:#eee;text-align:justify;border:1px solid #C2C2C2;width:500px;padding:10px}
#list_tap ul{float:left;list-style:none;margin:5px 0;width:100%;text-algin:left}
#list_tap ul li{float:left;text-algin:left;text-decoration:none;font:bold 12px Tahoma;}
#list_tap ul li.sev{color:#c60;}
#list_tap ul li.ep a.a_tap{color:#262626;padding:0px 5px 0px 8px;}
#list_tap ul li.ep a.a_tap:hover{color:blue}
#list_tap ul li a.active {color:#c20c0c;padding:4px 5px 4px 8px;text-decoration:blink;}
#anc_tp{float:center;width:640px;background:#E0E0E0;border:1px solid #ccc;border-radius:3px 5px;font:bold 12px Tahoma;line-height:24px;color:#c20c0c;overflow:hidden;margin:5px 0;padding:3px 5px 3px 10px}
#anc_tp span{color:RED}

Các ô tô đậm màu xanh các bạn tùy chỉnh kích thước để phù hợp với blog của các bạn
Để trình xem video hiển thị được, bắt buộc bài viết của bạn phải tuân theo mẫu bên dưới :

Cách post phim : Tạo bài đăng mới -> Chuyển tab HTML, copy đoạn code sau vào .

{Một vài thông tin về video - vị trí 1 }
<div align="center" id="anc_pl">
</div> <div id="anc_tp"></div> 
<div id="anc_content"></div>
{Một vài thông tin về video - vị trí 2 }
<span id='anc_id' style = 'display: none;'>1;link video 1|2;link video 2|</pan>

- Thông tin về video các bạn có thể đặt ở vị trí 1 hoặc 2 tùy thích. Tùy vào cách bố trí bài viết của các bạn, hoặc có thể sử dụng đồng thời 2 vị trí cùng 1 lúc cũng được.

- Phần code highlight là code bắt buộc có trong bài viết.

- Sau đây là hướng dẫn chèn link video vào bài viết. Như trong đoạn code trên ta thấy, chèn link vào bài viết có dạng như bên dưới :

<span id='anc_id' style = 'display: none;'>1;link video1|2;link video2|</span>

- Ví dụ ta có 2 link từ youtube và 2 link từ dailymotion và code mẫu như bên dưới :

<span id='anc_id' style = 'display: none;'>1;link youtube1|2;link youtube2|1;link dailymotion1|2;link dailymotion2|</span>

Và phần hiển thị sẽ trông như thế này :

Server Youtube: 1 | 2 |

Server Daily: 1 | 2 |

- Nếu ta thay số 1 và 2 thành Tập 1 và Tập 2 như bên dưới :

<span id='anc_id' style = 'display: none;'>Tập 1;link youtube1|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|</span>

- Thì phần hiển thị sẽ là như thế này :

Server Youtube: Tập 1 | Tập 2 |

Server Daily: Tập 1 | Tập 2 |

- Nếu Tập 1 được chia làm nhiều phần nhỏ thì ta cứ thêm tuần tự link vào, và các link được ngăn cách bằng dấu chấm phẩy. ví dụ như bên dưới :

<span id='anc_id' style = 'display: none;'>Tập 1;link youtube1-a;link youtube1-b;link youtube1-c;link youtube1-d|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|</span>

- Thì phần hiển thị sẽ như thế này :

Server Youtube: Tập 1a | Tập 1b | Tập 1c | Tập 1d | Tập 2 |

Server Daily: Tập 1 | Tập 2 |

- Tương tự như thế, nếu video có từ nhiều nguồn thì ta cứ việc thêm vào phía sau nó. ví dụ như bên dưới :

<span id='anc_id' style = 'display: none;'>Tập 1;link youtube1-a;link youtube1-b;link youtube1-c;link youtube1-d|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|1;link zingmovie1|2;link zingmovie2</span>

- Và phần hiển thị sẽ là :

Server Youtube: Tập 1a | Tập 1b | Tập 1c | Tập 1d | Tập 2 |

Server Daily: Tập 1 | Tập 2 |

Server Zing: 1 | 2 |


Chúc các bạn thực hiện thành công.
Nguồn Fandung, ChinhTruc
Đọc thêm »
Code ẩn bài viết khỏi trang chủ Blogspot

Code ẩn bài viết khỏi trang chủ Blogspot

Trong blogspot khi viết bài bạn muốn ẩn bài viết không cho show ra ở trang chủ thì thủ thuật này sẽ chỉ cách ẩn bài viết trên trang chủ blogpsot.​
Ví dụ bạn có một bài viết tin tức nhưng không muốn người khác biết thì ẩn đi bằng cách thêm vào 1 label được quy định sẵn
Để làm được như vậy, Bạn cần đăng nhập Blogger, vào Design >> Edit HTML(chỉnh sửa HTML), chọn Expand Widget Templates (nhớ Backup Template phòng khi code hỏng để còn tài lại ).

Tìm dòng <b:includable id='main' var='top'>. Tính từ dòng này trở xuống vài dòng code mình sẽ tìm thấy đoạn code giống hoặc tương tự như đoạn code bên dưới.
Mã:
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
Rồi bạn thay nó bằng đoạn code bên dưới.

Mã:
<b:loop values='data:posts' var='post'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != "Tin tức"'>
<b:include data='post' name='printPosts'/>
</b:if>
</b:if>
</b:loop>
</b:if>
<b:else/>
<b:include data='post' name='printPosts'/>
</b:if>
</b:loop>
Lúc này bạn tìm thẻ đóng </b:includable> của <b:includable id='main' var='top'>

Rồi đặt đoạn code bên dưới vào sau thẻ </b:includable> nói trên.
Mã:
<b:includable id='printPosts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
Chú ý cái Tin tức là cái bạn có thể đổi tên ,các bài viết trong Tin tức sẽ không được hiển thị tại trang chủ.
Đọc thêm »
Thủ thuật Blogspot - Code tự động tạo nofollow cho liên kết ngoài

Thủ thuật Blogspot - Code tự động tạo nofollow cho liên kết ngoài

Trong việc làm SEO trên website thì chắc ai cũng biết, mọi người đều khuyên nên thêm thuộc tính rel bằng nofollow cho liên kết đi ra ngoài website. Nhưng có vẻ một vài người sẽ gặp vấn đề thế này, ngay từ bắt đầu làm website bạn không để ý đến chuyện SEO, và bạn đã đăng quá nhiều bài viết với rất nhiều liên kết đi ra ngoài mà không có thuộc tính nofollow. Điều này khiến cho bạn cảm thấy khó khăn trong việc chỉnh sửa toàn bộ những liên kết đó.
Chính vì thế bài viết này mình xin chia sẻ với các bạn một thủ thuật nhỏ giúp các bạn tự động làm vấn đề này một cách nhanh gọn. Mọi liên kết có trên blog sẽ được kiểm tra và thêm vào thuộc tính rel bằng nofollow và mở tại tab mới nếu liên kết đó đi ra ngoài website khác.

Tự động thêm thuộc tính Nofollow bằng jQuery

Bạn hãy đặt đoạn mã sau đây lên trên thẻ </head> và nó sẽ hoàn tất mọi thứ cho bạn

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/><script type='text/javascript'>jQuery(document).ready(function () { jQuery('a[href*="http://"]:not([href*="'+ window.location.hostname +'"])').attr('rel', 'nofollow');
jQuery('a[href*="http://"]:not([href*="'+ window.location.hostname +'"])').attr("target", "_blank");
});</script>

Nếu blog của bạn có mã nhúng jQuery rồi thì xóa dòng đầu tiên đi, còn nếu không chắc thì cứ để nguyên rồi lưu lại.

Bạn nào muốn hiểu các thức hoạt động của nó thì thế này, đoạn jQuery này sẽ kiểm tra toàn bộ liên kết có trên blog của bạn, nếu liên kết đó không giống với tên miền hiện tại thì nó sẽ tự động thêm "rel='nofollow'" và "target='_blank'" cho liên kết đó.
Lời kết :
Mặc dù cái này khá là tiện nhưng, mình vẫn khuyên các bạn nên chèn thủ công các thuộc tính rel bằng nofollow cũng như target bằng _blank cho các liên kết ngoài. Lạm dụng jQuery với Javascript nhiều quá không hoàn toàn không tốt với tốc độ tải trang của website.
Đọc thêm »
Code tự động chèn quảng cáo Adsense vào bài đăng trong Blogspot

Code tự động chèn quảng cáo Adsense vào bài đăng trong Blogspot

Đây là cách được nhiều blogger sử dụng vì quảng cáo sẽ tự động hiển thị trong bài đăng, có thể thay đổi được kích thước và hiển thị được ở nhiều vị trí tối ưu trên blog. Trước khi chèn mã Adsense vào Blog bạn phải chuyển đổi (converter) Google Adsense Converter.
Sau khi chuyển đổi bạn nhận được một mã mới, sử dụng mã này mới có thể chèn vào Template

Để chỉnh sửa Template bạn vào : Mẫu (Design) - Chỉnh sửa HTML (Edit HTML) - Chọn Mở rộng tiện ích mẫu (Expand Widget Templates)

a/ Chèn trên đầu nội dung bài viết

- Tìm đoạn code sau:
<div class='post-header-line-1'/>
- Chèn ngay vào dưới nó đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'> 
<p class='ads'> 

Mã Adsense đã chuyển đổi 

</p> 
</b:if>

b/ Chèn vào dưới cuối mỗi bài đăng

- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:
<div class='post-body entry-content'> 
<p><data:post.body/></p> 
<div style='clear: both;'/> 
</div>
- Chèn vào ngay dưới nó đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'> 
<p class='ads'> 

Mã Adsense đã chuyển đổi 

</p> 
</b:if>

c/ Hiện quảng cáo bên trái mỗi bài đăng

- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:
<div class='post-header-line-1'/>
- Chèn vào ngay dưới nó đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'> 
<p class='ads' style='float:left'> 

Mã Adsense đã chuyển đổi 

</p> 
</b:if>

d/ Hiện quảng cáo bên phải mỗi bài đăng

- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:
<div class='post-header-line-1'/>
- Chèn vào ngay dưới nó đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'> 
<p class='ads' style='float:right'> 

Mã Adsense đã chuyển đổi 

</p> 
</b:if>

Chúc bạn thành công!

Đọc thêm »

Làm đẹp Blogspot bằng việc tùy chỉnh box thông tin




-Như mặc định các thông tin trong bài viết như tên tác giả, thời gian đăng bài, nhãn đều nằm ở cuối bài viết. Nếu bạn muốn thay đổi làm cho blog bạn đẹp hơn, chuyên nghiệp hơn mời bạn xem hướng dẫn cách tùy chỉnh box thông tin dưới đây :

blogspot​Ảnh Demo

Thực hiện: 

Bước 1: Tìm trong template đoạn code sau
Code:
<a expr:name='data:post.id'/>
Bạn sẽ tìm được 2 đoạn code như trên và dán sau nó đoạn code thứ 2 bạn tìm được code bên dưới
Code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='box-info'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
&#187;
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
<b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</div>
<div class='thumbnail-info'>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
<b:else/>
<img alt='no image' class='post-thumbnail' src='https://googledrive.com/host/0Bz_65BAr9KCZMk5fWGQ5SDUzOUU'/>
</b:if>
</div>
<div class='info-box'>
<ul>
<li>Title : <data:post.title/></li>
<li>Author : <span class='post-author vcard'> <span class='fn'><data:post.author/></span></span></li>
<li>Date : <a class='updated timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></li>
<li>Labels : <span class='post-labels'>
        <b:if cond='data:post.labels'>       
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span></li>
</ul>
</div>
</div>
</b:if>

Bước 2: Tìm thẻ sau trong template

Code:
]]></b:skin>
Và dán trước nó đoạn CSS sau:
Code:
.box-info, .ndpost{border:1px solid #323232;background:#161616;background-image:-moz-linear-gradient(#161616,black);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#161616),to(black));background-image:-webkit-linear-gradient(#161616,black);background-image:-o-linear-gradient(#161616,black);background-image:-ms-linear-gradient(#161616,black);-pie-background:linear-gradient(#161616,#000);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px;overflow:hidden}
.thumbnail-info{float:left;padding:5px;background-color:black}
.thumbnail-info img{border:0}
.info-box{float:left;color:white;width:560px}
.info-box ul{margin:0;padding:0}
.info-box li{list-style:none;padding:3px 10px}
Nếu nắm một chút về CSS bạn có thể tùy chỉnh style cho box phù hợp hơn với blog của mình. Chúc bạn thành công!

Đọc thêm »

Thủ thuật tự động chèn adsense vào giữa nội dung bài viết blogspot




-Bài viết blog của bạn đăng các bài viết dài nên bạn muốn chèn quảng cáo Adsense vào giữa bài viết blogger nhưng không biết làm cách nào. Hôm nay Thủ thuật blogspot sẽ hướng dẫn các bạn chèn adsense vào giữa nội dung bài viết blogspot.
blogger, blogspot, blogger tips, google adsenseẢnh Demo

Đề chèn adsense vào giữa nội dung bài viết blogger các bạn thực hiện theo các bước sau:
Bước 1: Vào chỉnh sửa HTML tìm kiếm đoạn mã sau đây <data:post.body/>
Bước 2: Thay thế đoạn code vừa tìm kiếm được
bằng đoạn mã sau đây: 

Code:
<div expr:id='&quot;aim1&quot; + data:post.id'/>
<div style='clear:both; margin:10px 0'>
Đặt mã quảng cáo tại đây
</div>
<div expr:id='&quot;aim2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&quot;);if(r&gt;0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1)}
</script>
Lưu lại mẫu và kiểm tra kết quả. Chúc các bạn thành công với thủ thuật nhỏ này.

Đọc thêm »

Tạo trang Redirect 404 Error cho blogspot




-Nếu như bạn là blogger, bạn hãy nên thực hiện theo hướng dẫn khi gặp lỗi 404 error pages. Bất cứ khi nào, dù bạn hay người dùng đánh lỗi URL ko tồn tại trên site bạn, ngay lập tức sẽ nhận thông báo 404 Error page. Hiển nhiên là điều đó gây ấn tượng không tốt chút nào với người dùng trang website. Hơn nữa, Google , Bing hay công cụ tìm kiếm khác không đánh giá cao giá trị nội dung website của bạn. Để sửa chữa lỗi , bạn không cần ngồi viết lại nội dung ,redirect từng page bởi như thế mất thời gian.
Nhằm tối ưu SEO onpage website thúc đẩy chiến lược marketing online, hôm nay chuyên mục thủ thuật blogspot sẽ giúp bạn chuyển hướng (redirect) trang 404 Error page blogspot của bạn về homepage với vài thao tác đơn giản.
Phương pháp nhanh chóng ,đơn giản nhất để redirect page 404 Error về Homepage trong Blogger là hãy dùng Javascript.
  • Đầu tiên, vào bảng quản lý website Blogger. Sau đó ,vào như sau : Settings > Search Preferences> Custom Page Not Found > Edit .
redirect-404-error-page
  • Sau đó thêm code sau vào khung chỉnh sửa:
redirect-loi-404
  • Bảng mã code sẽ được hiển thị giúp có thể chỉnh sửa theo ý của bạn. Sau đó click Save changes.
Sau đó,  thông báo được hiển thị: “Shortly, the page you’re looking for in this blog does not exist. You will be redirect to homepage shortly” . Con số 5000 tính theo dạng phần nghìn giây.
Thường thì người dùng sẽ được tự động redirect đến Homepage trong 5s. Khoảng thời gian này đảm bảo rằng có đủ thời gian để đọc thông báo.Bạn có thể F5 website của mình ,gõ địa chỉ bất kì chưa có trong website để xem đã redirect thành công chưa .
Việc tạo chuyển hướng 301 về homepage đã giúp góp phần loại bỏ được  khả năng bị google phạt vì lỗi 404.Giúp bạn SEO tốt hơn.
Chúc bạn thành công !
Đọc thêm »
Đăng ký: Bài đăng (Atom)