Tạo " Trả lời" cho phần comment của độc giả tại khung comment BLOGSPOT

Xem ảnh:

Bài viết sau tôi xin hướng dẫn các bạn một thủ thuật rất hay đó là tạo câu trả lời cho độc giả khi chỉ cần nhấp
"Trả lời" ngay trên tựa đề comment của độc giả.Xem ảnh trên chắc các bạn đã hiểu.

Bước 1: Đăng nhập vào blog của bạn rồi nhấn Cài đặt
Xem ảnh:

Bước 2: Đặc biệt chú ý: Các bạn hãy nhìn vào thanh địa chỉ trình duyệt web của mình sẽ thấy như sau:

http://www.blogger.com/blog-options-basic.g?blogID=6488591162153804155

Hãy đặc biệt chú ý các con số đó ! Vì sao ? Vì đó chính là địa chỉ  ID blog của bạn. Các con số trên chính là ID blog khothuthuat của tôi.

Bước 3: Nhấn Thiết kế => Chỉnh sửa HTML=> Mở rộng tiện ích , rồi nhấn CTRL + F  để tìm dòng sau: 

     <data:commentPostedByMsg/>

Bước 4: Sau khi tìm được dòng đó thì hãy coppy đoạn code sau dán vào liền sau sát dòng đó.

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Trả Lời</a></span>

Chú ý: Thay địa chỉ ID blog bạn vào dòng chữ màu xanh YOUR - BLOG - ID bằng các con số lúc nãy thấy trên thanh trình duyệt.( Bước 2 ở trên đó)Thế là xong rồi, ở đây chỉ một sự chú ý đó là đại chỉ ID BLOG của các bạn bằng các con số mà thôi. Chúc thành công !

Ví dụ cho bạn nếu sợ làm sai:

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=6488591162153804155&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Trả Lời</a></span>

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/tao-tra-loi-cho-phan-comment-cua-oc-gia.html">Tạo " Trả lời" cho phần comment của độc giả tại khung comment BLOGSPOT</a>

In Bài Đăng

Làm thế nào để Thêm jQuery Social Bookmarking cho blog?[kì3]

Xem ảnh:

Các bước thực hiện:
Đầu tiên, các bạn hãy vào Trình bày (Layout) và chọn Thiết kế, sau đó chọn Chỉnh sửa HTML.
Bước 2: Chọn Mở rộng mẫu tiện ích, kéo xuống tìm dòng sau ]]></b:skin>
 Hãy coppy code dưới đây rồi dán trước dòng đó.

/* SosialBookmark
*/

#sharebox{
height:48px;
width:400px;
margin:0;
padding:5px 0;
}

ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}
ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; position:absolute;}
ul.sharebox li a { margin:0 0 0 -24px; display:block;}
ul.sharebox li a:hover { margin:0 0 0 -8px; }
ul.sharebox li img { border:none;}

Bước 3: Kéo xuống tìm dòng sau tiếp theo: </head>

Bước 4: Coppy đoạn code sau rồi dán trước dòng vừa tìm được.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
(function($){
$.fn.sharebox = function(){
var element = this;

$(element).find(&quot;li&quot;).each(function(i){
$(this).css(&quot;z-index&quot;, 10- i);
if (i&gt;0)
$(this).css(&quot;left&quot;, i * 24 + 100);
});

}
})(jQuery);
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#sharebox&quot;).sharebox();
});
</script>

Tiếp tục tìm dòng sau: <data:post.body/> , rồi dán vào trước dòng đó đoạn code sau:

<ul class='sharebox' id='sharebox'>

<li><img alt='Share this' src='http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat1-1.png'/></li>

<li><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Digg' src='http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat2.png'/></a></li>

<li><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to StumbleUpon' src='http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat3-1.png'/></a></li>

<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Delicious' src='http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat4.png'/></a></li>

<li><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Technorati' src='http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat5.png'/></a></li>

<li><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Reddit' src='http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat6.png'/></a></li>

</ul>

Hoàn thành xong,nhấm save rồi ra xem kết quả.
Một vài chú ý:
Để đảm bảo cho việc hiển thị tốt các code cũng như chạy ổn định các file js thì có vài điều sau:

• Nếu ai có host riêng thì nên download file js về  rồi úp lên host riêng của mình, tránh dùng chung.vì file js đôi lúc  có sự cố xảy ra làm không hiển thị được CODE.
• Nên chọn một số trang web úp ảnh nhu PHOTOBUCKET,UPANH,...để lưu ảnh khi trong code có ảnh để tiện sử dụng.

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/lam-nao-e-them-jquery-social.html">Làm thế nào để Thêm jQuery Social Bookmarking cho blog?[kì3]</a>

In Bài Đăng

Làm thế nào để Thêm Social Bookmarking cho blog? [ kì 2 ]

Xen ảnh:

Đó là hình ảnh dùng tại blog mình, bạn cũng muốn có một thanh như vậy, Hãy làm như sau:
Bước 1: Login vào blog của bạn, chọn Thiết kế, rồi chọn chỉnh sửa HTML.
Bước 2: Chọn  MỞ rộng tiện ích, sau đó kéo xuống nhấn CTRL + F  để tìm dòng sau:

      <data:post.body/>

Bước 3: Sau khi tìm được hãy coppy đoạn code sau rồi dán vào ngay sau dòng tìm được trước đó.

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIcNYe00-mlnH2XDiD9J73VQzNySVvaaN4FzWAVTHuXNsYhJwHYiKtRUDqdtfqDSqhO2a0kFC76ivru0NKsZuU27CCDwJ54_fxfB7721HCpEgL4Vk8Ama4DXvlYGgCLMeiVsHc_dtgo9f_/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE99LNgIOzfFMRRdS8J8P21WUBGcGuWtQgxQzx4unYcdoxGxFP-xWDcugxr27aF_LsqdREMhc13C_HAtsiZhyQwQIhhD2PI1DaXgwbH2adnpacS-oqgdWwB8v6B0QYlhO63fST8aT-PsHU/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKDQ_FMmK0agtszT2BoheXYL8M1yM5JtBLqFNLTA-0Aw3NvWPbPOk9ZPuausk29yn9fU23UoyVPmQtl-1ixLFUl9Zs1vbFXmWozXVtv3_ZLFGxUOtTZ4VN-N-xFybEdpyUzolRIcDOPe1X/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkMmLsgqELRFMHKbhgXgK-J6I7g3XXCCgrt_RiGV9_lC7rMG8C-27ZHSu0-Da9XTRkPAh6pdXTPnVG2aVGvJQsv5eq_NMXqnvLBHczVGEezlbNWKaSmaGwb2NeNb_wtnAOI-jEa_3RbXX/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVyfhzywgObqnff9gF6jQmeeuil8QFzMtHCxo-e2a5famj6uIwlNza_oungs5-rjhy4d5ro-W9Dw0nk0mbVVQWoW9zfZO7PC4Mj7GzuJ8cehBAGxPElrL1l5NqYxZ0IwDRed2JzWnWskCl/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/lam-nao-e-them-social-bookmarking-cho_12.html">Làm thế nào để Thêm Social Bookmarking cho blog? [ kì 2 ]</a>

In Bài Đăng

Làm thế nào để Thêm Social Bookmarking cho blog?

Ảnh tại blog:

Các bước thực hiện:
Đầu tiên, các bạn hãy vào Trình bày (Layout) và chọn tab Chỉnh sửa HTML, chọn Mở rộng mẫu tiện ích . Sau đó , hãy thêm đoạn code dưới đây ngay sau thẻ <data:post.body/> . Nhớ thay YOURBLOG thành tên blog của bạn. Sau đó save xem kết quả.

HTML CODE

<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkname=&amp;linkurl=http%3A%2F%2FYOURBLOG.blogspot.com%2F"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share/Save/Bookmark"/></a><script type="text/javascript">a2a_linkname=document.title;a2a_linkurl="http://YOURBLOG.blogspot.com/";</script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/lam-nao-e-them-social-bookmarking-cho.html">Làm thế nào để Thêm Social Bookmarking cho blog?</a>

In Bài Đăng