netoops blog
Trang này chỉ copy lại để làm tài liệu cho mình thôi: Nếu có bài của bạn, thì xin bỏ qua. Cảm ơn.
Showing posts with label DDNV. Show all posts
Showing posts with label DDNV. Show all posts

Thursday, 22 November 2012

Một số vấn đề thường gặp ở Blogspot


2012

Sunday, 18 November 2012

Chèn một đoạn văn bản cuối bài đăng


Ghé qua một số blog tôi thấy cuối bài đăng chèn thêm một đoạn văn bản mang nội dung cám ơn bạn đọc (di4vn.com, vietnam-blogger.com) hay cảnh báo về bản quyền (gocbep.com). Đoạn văn này có thể thêm dễ dàng vào mã nguồn theo hướng dẫn sau.
Đăng nhập Blogger, click trên Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML), đánh dấu Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm vị trí <p><data:post.body/></p> (có thể dùng Ctrl + F).

Hướng dẫn 1. Blog không sử dụng "
Đọc thêm":

Chỉ cần tạo một đoạn văn bản dán kế phía dưới code tìm thấy trên và lưu lại. Bạn có thể đặt đoạn văn này có định dạng, màu sắc và nằm giữa hai thẻ <p> và </p>.

Hướng dẫn 2. Blog sử dụng "
Đọc thêm":

Code trong hướng dẫn sử dụng "Đọc thêm" như sau:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
</b:if>


Bây giờ bạn sửa lại và bổ sung thêm phần màu đỏ:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
<b:else/>
<p>Nội dung đoạn văn bản cuối bài đăng</p>
</b:if>


Ví dụ tôi đã đưa vào blog này (Bao gồm "Đọc tiếp ..." và đoạn văn bản):

    <p><data:post.body/>
    <b:if cond='data:blog.pageType != "item"'>
    <p><a expr:href='data:post.url'><span style='font-weight:bold;'>Đọc tiếp ... </span></a></p>
    <b:else/>
    <p><div style='font-style: italic; text-align: justify;'>Cám ơn bạn đã ghé <a href='http://www.thuthuatblog.com' target='_blank'><span style='font-weight: bold;'>ThuThuatBlog.com</span></a>. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng nhấn <span style='font-weight: bold;'>Post a Comment</span> phía cuối. Nếu muốn nhận bài viết mới qua email hãy đăng ký địa chỉ ở khung bên trái. Để ghé thăm lại, bạn có thể nhấn vào thực đơn <span style='font-weight: bold;'>Favorites</span> (Internet Explorer) hoặc <span style='font-weight: bold;'>Bookmark</span> (Mozilla Firefox) lưu lên trình duyệt hay <span style='font-weight: bold;'>Bookmark</span> kế dưới đây lưu lên các trang chia sẻ trực tuyến. Ngoài ra bạn có thể đọc bài viết bằng các công cụ đọc tin <a href='http://www.thuthuatblog.com/feeds/posts/default' target='_blank'><span style='font-weight: bold;'>Feed</span></a>. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.</div></p>
    </b:if>
  </p>


Bạn có thể thấy hiển thị cuối mỗi bài viết trên blog này.

Chúng ta đang dùng "Đọc thêm" nhưng lại sử dụng theo Hướng dẫn 1 đoạn văn bản sẽ xuất hiện trên blog dù bài đăng chỉ là nội dung tóm tắt (phần đầu bài). Trong khi sử dụng Hướng dẫn 2 đoạn văn chỉ xuất hiện khi xem post đầy đủ.

Tiện lợi của hướng dẫn này giúp bạn chỉ cần thêm một lần, không phải mất công copy dán mỗi khi bài viết hoặc lưu sẵn vào Post Template (tìm thấy trênSettings -> Formatting). Ngoài ra sau này bạn cũng không cần phải vào từng post để sửa lại khi cần thay đổi nội dung đoạn văn bản cuối.

Dưới đây là một số mẫu bạn có thể sử dụng:

Mẫu 1:

Cám ơn bạn đã đọc, nếu bạn thấy hay hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ đường dẫn đến bài viết. Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung. Chúc bạn tìm được những bài viết hữu ích.

Mẫu 2:

Bạn vừa đọc xong bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox). Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung bên trái. Chúc bạn vui vẻ!

Mẫu 3:

Cám ơn bạn đã đọc bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) và thường xuyên ghé thăm để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!

Mẫu 4:

Bạn vừa đọc xong bài viết, hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ và quay lại để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!
AddThis
Nếu so sánh phần viết nhận xét giữa Blog*Spot với Wordpress thì Wordpress tỏ ra trội hơn hẳn. Mặc dù định cư với Blog*Spot nhưng tôi vẫn phải nói rằng, phần viết nhận xét (comment) của Wordpress quá tuyệt vời. Nó bao gồm 4 khung nhập liệu, nằm ngay dưới mỗi bài viết, rất dễ dàng và thuận tiện cho người viết nhận xét. Trong Blog*Spot, muốn viết nhận xét, bạn phải bấm vào liên kết Post a comment (hoặc Đăng một nhận xét), rồi viết nhận xét trên một trang mới hoặc cửa sổ popup. Tại sao bạn không cải tiến một chút, làm cho phần đăng nhận xét của Blog*Spot giống như Wordpress.
Điều lưu ý đầu tiên là cách thực hiện này chỉ có tác dụng với New Blogger(tức là dạng LayOut, XML) còn với dạng Blog*Spot dùng template dạng classic thì không thực hiện được.

Bạn có thể xem kết quả sau khi thực hiện 
tại đây hoặc Đây.

Các bước thực hiện như sau:

1. Trước khi thực hiện, bạn hãy sao lưu template của bạn một cách cẩn thận.
2. Đăng nhập vào blog, từ Dashboard - > LayOut - > Edit HTML. Nhớ đánh dấu kiểm vào dòng Expand Widget Templates.
3. Tìm đến đoạn 
Code này. (click view code).
4. Thay thế bằng đoạn code sau: 
Tải về đoạn code thay thế.
5. Copy đoạn code sau và paste vào ngay trên thẻ </HEAD>
<script languange='javascript'>
function showcomment(a,b){
var di4vn = document.getElementById(a);di4vn.style.display = 'none';
di4vn = document.getElementById(b);di4vn.style.display = 'block';}
</script>


6. Tìm đoạn code sau:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> 
<data:top.commentLabelPlural/></b:if></a></b:if></b:if>
</span>



và thay thế bằng đoạn code sau:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' >
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> 
<data:top.commentLabelPlural/></b:if></a></b:if></b:if>
</span>



8. Bấm Save Template.

9. Đến đây coi như bạn đã hoàn thành, tuy nhiên bạn cần chỉnh sửa thêm trong phần Setting của blog. Từ Dashboard bạn bấm chọn Setting - > Comments. Tại mục Show comments in a popup window? bạn nhất thiết phải chọn Yes thì cách thực hiện trên mới có hiệu lực.

Cách làm này sẽ hiển thị ngay khung nhận xét ngay trong trang đăng bài viết (ngay dưới bài viết), giúp người đọc nếu muốn viết nhận xét dễ dàng hơn. Nếu bạn gặp khó khăn trong việc thực hiện, hãy gửi mẫu (template) của bạn qua email cho tôi, tôi sẽ thực hiện giúp bạn.

Các xóa đi các header

xóa đi cái header mặc định của blog. Cái header bao gồm Title (hoặc Image), Description nằm ở phía trên cùng của blog. Để xóa nó, bạn vàoTemplate -> Edit HTML. Click chọn Expand Widget Templates. Tìm đoạn code có dạng như sau:Xóa đi cái header mặc định của blog. Cái header bao gồm Title (hoặc Image), Description nằm ở phía trên cùng của blog. Để xóa nó, bạn vàoTemplate -> Edit HTML. Click chọn Expand Widget Templates. Tìm đoạn code có dạng như sau:
CODE 1:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Test1 (Header)' type='Header'>
....
<!--Show just the image, no text-->
....
<!--Show image as background to text-->
....
</b:widget>

</b:section>
</div>


Bạn hãy xóa đi tất cả những dòng nằm giữa dòng thứ 2 trên đếm xuống và dòng thứ 2 dưới đếm lên. Tức là bắt đầu xóa từ dòng <b:widget id='Header1' ... đến dòng </b:widget>. Ở dòng thứ 2 bạn hãy bỏ đi cụmmaxwidgets='1' và sửa showaddelement='no' thành showaddelement='yes'. Đoạn code còn lại sau các thao tác này là:

CODE 2:

<div id='header-wrapper'>
<b:section class='header' id='header' showaddelement='yes'>

</b:section>
</div>


Xong bạn bấm Sava Template. Lưu ý là bạn sẽ gặp một thông báo:

Thông báo này hỏi rằng bạn có "quyết định" xóa header đi không. Bạn chọnConfirm & Save. Xong

Saturday, 25 August 2012

đăng ở cuối bài viết ddnviet



 <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> </div>
    </div>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
      <data:post.body/>


<div style='background: #eee; border: #4F4F4F 1px solid; padding: 4px; width: 500px;'>
Vì tính chất nguy hiểm của TQ ngày càng gia tăng, nên DDNV lập blog này để thông báo cho mọi người cùng cảnh báo cho nhau trước mọi hiểm họa của TQ gây ra,
<br/>
Để cho mọi người đều biết, mong là quý vị quảng bá trang này rộng rãi, hay gởi bài mới cho chúng tôi đăng lên blog cho mọi người biết.
<br/>
Cảm ơn quý vị
<br/>
DDNV
</div>



<b:include data='post' name='related-posts'/>


















      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>



    <div class='post-footer'>



TẠO BẢNG THÔNG BÁO CHO BLOG (KIỂU 3) - Phần 2

Tiếp theo phần 1 (Xem TẠI ĐÂY), hôm nay mời bạn tiếp tục xem phần 2...với kiểu này thì các thông điệp, thông báo của bạn sẽ được gởi cho khách tham quan hoặc bạn bè bằng những dòng chữ viết ngay trên file Flash khá đẹp (bạn có thể trang trí cho Blog thêm đẹp bằng những file Flash này...)
Bạn bấm vào các mẫu phía dưới để thấy rõ hơn, ứng với mỗi file Flash là code để dán vào Web/Blog (các bạn đăng nhập vào blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code vào). Trong đoạn code các bạn chỉ cần thay đổi các dòng chữ như: BẤM VÀO ĐÂY XEM THÔNG BÁO, ĐÓNG THÔNG BÁO LẠI...bằng các dòng chữ mà mình muốn và quan trọng hơn hết là thay dòng chữ"dunghennessy xin chào các bạn...........thành công trong cuộc sống" bằng dòng chữ mà bạn muốn gởi đến khách tham quan hoặc bạn bè (đây là những dòng thông báo sẽ hiển thị ngay trên file Flash).

Vì phải áp dụng nhiều file Flash để minh hoạ cho bài viết nên tốc độ load có thể hơi chậm, mong các bạn thông cảm.
Mẫu 11:











code của mẫu 11:





Mẫu 12:










Code của mẫu 12:





Mẫu 13:










Code của mẫu 13:





Mẫu 14:










Code của mẫu 14:





Mẫu 15:










Code của mẫu 15:





Mẫu 16:










Code của mẫu 16:





Mẫu 17:










Code của mẫu 17:





Mẫu 18:










Code của mẫu 18:





Mẫu 19:










Code của mẫu 19:





Mẫu 20:










Code của mẫu 20:





Read more: TẠO BẢNG THÔNG BÁO CHO BLOG (KIỂU 3) - Phần 2 | dunghennessy 
Under Creative Commons License: Attribution Share Alike

http://dunghennessy.blogspot.com.au/2012/01/tao-bang-thong-bao-cho-blog-kieu-3-phan.html

Hiển thị widget chỉ ở trang chủ hoặc trang riêng biệt (DDNV)

 Báoblogs:Một khi bạn tạo một widget trên blog thì nó sẽ được hiển thị ở tất cả các trang theo mặc định, bao gồm cả trang chủ. Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt nào đó. Thủ thuật này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được id của widget mà bạn tạo ra.


Lấy ví dụ widget mà bạn tạo có id là HTML10 và bạn đặt tiêu đề cho widget đó là BLOGGER TIPS. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích.

Trường hợp 1: Hiển thị widget chỉ ở trang chủ: Tìm và thêm đoạn code được đánh dấu màu đỏ và màu xanh như bên dưới.


<b:widget id='HTML10' locked='false' title='BLOGGER TIPS' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Trường hợp 2: Hiển thị widget ở tất cả các bài viết, trừ trang chủ:Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 3: Chỉ hiển thị widget ở một trang riêng biệt nào đó:Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url == "URL của trang riêng biệt"'>

Trường hợp 4: Chỉ hiển thị widget ở các trang chính gồm trang chủ, các trang Label và Archive: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 5: Chỉ hiển thị widget ở các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 6: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 7: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang bài viết: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 8: Chỉ hiển thị widget ở tất cả các trường hợp trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 9: Chỉ hiển thị widget ở tất cả các trang trừ một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>

Trường hợp 10: Chỉ hiển thị widget ở tất cả các trang trừ hai trang riêng biệt nào đó trở lên: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'>
<b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>

Trường hợp 11: Nếu bạn muốn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang: Bạn sử dụng lệnh điều kiện như thế này:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Đây là điều cần hiển thị ở trang chủ
<b:else/>
Đây là điều không hiển thị ở trang chủ
</b:if>

Trường hợp 12: Chỉ hiển thị widget ở một trang nhãn: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/search/label/Tennhan"'>

Trường hợp này chỉ hoạt động với tên nhãn không dấu như Blogger, CSS, Thuthuat, Thuvien (không dùng cho nhãn tiếng Việt). Đối với các nhãn có khoảng cách như Recent Posts thì phải đặt là Recent%20Posts (tức là thay khoảng cách bằng %20).

Các liên kết trang nhãn trong trường hợp này cũng không hoạt động được khi có đuôi ?max-results=

Những thủ thuật nhỏ này rất có ích trong việc xây dựng trang chủ cho blog của bạn
 

Hiện tất cả bài viết trong blog theo mõi nhãn (Code Sơ đồ cho Blog của bạn: )


Code Sơ đồ cho Blog của bạn:


  • Dễ sử dụng, chỉ có hai dòng kịch bản.
  • Phân loại theo nhãn.
  • Có thể sử dụng cho nhiều nhãn hiệu trong mỗi bài viết.
  • Cung cấp cho "New!" Văn bản cho 10 bài viết gần nhất.



Đăng nhập vào Blogger Bảng điều khiển và điều hướng đến thiết kế - Page Elements
Nhấp vào "Thêm Tiện ích HTML / Javascript" chép đoạn code sau:
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://havanduongchucam.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Sửa http://havanduongchucam.com/ thành URL blogger của bạn
 Chúc bạn thành công!
Nguồn:http://www.abu-farhan.com/
Copyright 2010 Chú ý; trang này chỉ để chủ xem.

Home | Layout | Template | Allposts | Viết |