• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tiện ích Xuất bản lên Twitter cho blogspot

8
21/01/2011

Viết blog là một thú vui đầy thú vị. Viết blog giúp con người đầy trí tưởng tượng và sáng tạo hơn trong công việc. Khi viết blog, tôi luôn mong muốn biến blog của mình thành một cổng thông tin để mọi người cùng chia sẻ, ngoài ra còn là nơi để mình thể hiện ý tưởng và giải trí vào những thời gian rảnh rỗi thường ngày. Blogspot không chỉ là nơi bạn đăng những bài viết, mà còn có thể là nơi bạn nghe nhạc, xuất bản bài viết lên các trang mạng xã hội… Với ý tưởng ngay tại blogspot mà có thể dễ dàng xuất bản bài viết lên Twitter, tôi đã hiện thực hóa ý tưởng này bằng cách tạo ra tiện ích Xuất bản lên Twitter (Publish on Twitter Widget).

Xem Demo.

Để cài đặt tiện ích này, bạn Đăng nhập Blogger, vào Design >> Page Elements. Thêm một tiện ích HTML/JavaScript và đặt đoạn code sau đây vào phần nội dung của tiện ích.

<!-- Publish on Twitter Widget by Huynh Nhat Ha -->
<style style="text/css">
#twitterbrand{float:right;color:#A5ACB2;}
.charlimit {font-family:arial;font-size:14pt;border:0px;color:#A5ACB2;}
#publishbtn {float:right;margin-top:10px;background:#F6F6F6;border:#D9D9D9;border-style:solid;border-width:1px;text-decoration:none;padding:5px 10px 5px 15px;font-size:15px;font-family:tahoma,arial;display:inline-block;_display:inline;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;line-height:16px; color:#2B60DE;}
#publishbtn:hover{float:right;margin-top:10px;background:#A5ACB2;border:#EBEBEB;border-style:solid;border-width:1px;text-decoration:none;padding:5px 10px 5px 15px;font-size:15px;font-family:tahoma,arial;display:inline-block;_display:inline;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;line-height:16px; color:#fff;}
.textinput {font-family:arial;font-size:10pt}
</style>
<script type="text/javascript">
content_textarea = ""
num_char_allowed = 200
function validate_length(){
num_char= document.forms[0].text.value.length
if (num_char<= num_char_allowed){
content_textarea = document.forms[0].text.value
}else{

document.forms[0].text.value = content_textarea
}
if (num_char>= num_char_allowed){
document.forms[0].character.style.color="#ff0000";
}else{
document.forms[0].character.style.color="#A5ACB2";
}
account ()

}
function account(){
document.forms[0].character.value=document.forms[0].text.value.length
}
function gotwitter()
{
window.location='http://twitter.com/home?status='+document.forms[0].text.value+''
}
</script>
<form action="#" method="yyy"><img src="http://a2.twimg.com/a/1295550980/images/logos/logo_twitter_withbird_1000_allblue.png" style="width: 75px;height: 15px;float:left" />
<div id="twitterbrand">
<input type="text" class="charlimit" value="200" name="character" size="1" />
</div>
<textarea style="width:98%; height:60px" class="textinput" name="text" onkeydown="validate_length()" onkeyup="validate_length()"></textarea><br />
<a id="publishbtn" href="#" onclick="gotwitter()">Xuất bản lên Twitter</a>
</form>
<!-- www.huynh-nhat-ha.blogspot.com -->

Trong đoạn code trên bạn có thể thay số 200 bằng số ký tự tối đa cho phép trong khung nhập text của tiện ích.

Lưu tiện ích là OK.

{8 bình luậnAdd yours ?}

17:29:00, 21 thg 1, 2011

hi bạn ,mình muốn thêm một widget hay một cột nằm ngang dưới feature của mình đấy! Mình mò mãi mà không làm được, mong bạn giúp mình với!

Bạn xem nhà mình tại đây nè:

http://baoblog.net/

cám ơn bạn! Mình chờ hồi âm của bạn!

Reply
18:06:00, 21 thg 1, 2011

Bác có thể viết cái thủ thuật bài viết cùng chủ đề và cách hướng add site map google cho blogger không thanks

Reply
20:55:00, 22 thg 1, 2011

Bác có thể làm cái menu giống trang bloggerplus.net không

Reply
21:29:00, 22 thg 1, 2011

hi bạn làm ơn giúp mình hide cái: "tin mới cập nhật & Tương tác cùng bạn đọc" ở trang bài viết không, mình làm hoài mà không được,...cám ơn bạn nhiều!

Reply
22:25:00, 22 thg 1, 2011

Không ẩn đi được đâu vì Template của bạn được thiết kế theo kiểu định dạng chung, k có id hay class riêng cho 1 tiện ích riêng biệt nên nếu ẩn 1 id thì sẽ ẩn hết tất cả nên k thể được, nếu bạn muốn xóa 2 cái đó thì tìm trong Template và xóa đoạn code này nè:

<h3>TIN MỚI CẬP NHẬT</h3>
<div class="box">
<ul>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts3\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
</div>
<h3>TƯƠNG TÁC CÙNG BẠN ĐỌC</h3>
<div class="box">
<ul id="recentcomments">
<script src='/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'></script>
</ul>
</div>

Reply
22:31:00, 22 thg 1, 2011

@Minh Quân Hi Minh Quân, mấy yêu cầu của cậu để tuần sau tớ rảnh sẽ viết nhé, gần tết rồi, tiệc tùng nhiều quá nè :D :56) ;)

Reply
14:33:00, 23 thg 1, 2011

hi vậy bạn giúp mình thêm cột hay widget dưới feature nhé! Mình rất cần ! cám ơn bạn, chúc đón năm mới vui!

Reply
21:39:00, 23 thg 1, 2011

@BB Trước tiên giải đáp cho bạn BB nè. Bạn đọc bài này nhé. :52) ;)

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn