Buttons chia sẽ Facebook đối với Blogger

Facebook đã chính thức giới thiệu ReTweet như các nút facebook cho blog hoặc các trang web của bạn. Các nút này facebook xem nhiều tương tự như ReTweet nút của Tweetmeme. Facebook có 5 phong cách của các nút chia sẻ. Ở đây chúng ta sẽ thấy hai người trong số họ.
Thêm một nút Facebook số cổ phần sẽ hiển thị một số gọn gàng của bạn bao nhiêu lần blog Bài viết đã được chia sẻ trên Facebook.

Facebook Chia sẻ Button Style 1

Mã  Facebook Chia sẻ Button Style 1

   
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Chia sẻ Button Style 2

Mã Facebook Chia sẻ Button Style 2

  
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Chia sẻ Button Style Compact 1

Mã cho Style Chia sẻ Facebook Button Compact 1

  
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Chia sẻ phong cách Button Compact 2

Mã cho Style Chia sẻ Facebook Button Compact 2

  
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Làm thế nào để cài đặt Facebook Chia sẻ Count Button trên Blogger của bạn?

1.Select một trong những nút Chia sẻ phong cách và bản sao các luật tương ứng.2.Vào Thiết kế > Chỉnh sửa HTML – và click ô Mở rộng Mẫu Tiện ích
3.Nhấn Ctrl+F và tìm:
 

<div class='post-header-line-1'/> 

 Hoặc:

<dữ liệu: post.body/>

Sau đó dán mã Facebook Chia sẻ  (mà bạn đã sao chép).
4.Save mẫu và bạn sẽ nhận được một nút facebook tính chia sẻ gần nhau blog của bạn.

Read More

Blogspot: Cách tạo "các bài liên quan" chuyên nghiệp (dùng cho Layout)

Trước đây tôi có viết 1 số bài hướng dẫn về cách làm "các bài liên quan", tuy nhiên, với những bài này thi blog chỉ hiện được các bài "mới nhất" của cùng nhãn và không gì khác hơn. Khi sử dụng gặp ít nhiều hạn chế, tức là số bài hiện sẽ chỉ quanh quẩn mấy bài mới nhất của nhãn.

Thấy được nhược điểm đó, tôi cố gắng khắc phục tối đa nó, làm sao để các bài liên quan hiển thị một cách pro. Bây giờ các bài liên quan sẽ không như trước nữa: nó sẽ hiện bài mới nhất và bài cũ hơn so với bài đang được mở (giống các trang báo chí, nó sẽ hiện không khác gì các trang như Dân Trí, Tuổi Trẻ,... VN Expess vì đã đổi giao diện chứ không thì cũng giống nốt :D). Nói khó hiểu, bạn hãy xem hình minh họa sau đây:


Thực ra hack này tôi đã viết từ lâu, nhưng vì mới chỉ áp dụng trên blogg classic nên tôi ngại viết lại cho Layout, đến hôm nay mới hoàn thành xong.

Tiến hành cài đặt:

* Lưu ý quan trọng: bạn phải chỉnh ngôn ngữ cho blog của mình thành tiếng Anh trước khi thực hiện các bước bên dưới.

Trước khi đặt code vào, bạn phải điều chỉnh một số chỗ sau:

- Vào Page Elements -> Blog ->, tiến hành:

+ Bật chế độ hiện Nhãn,
+ Bật chế độ Posted by, at và chọn dạng thời gian như hình đã chỉ (dạng 6/20/2008 05:30:21 PM).



- Hãy chắc chắn rằng blog của bạn đã được Burn Feed (tức link feed đã được kích hoạt).

Bây giờ đến phần chèn code:

- Nhớ sao lưu 1 bản trước khi chỉnh sửa.
- Vào Edit HTML -> Expand Widget Manager,

Tìm đến dòng

<p class='post-footer-line post-footer-line-3'/>

và chèn code sau ngay bên dưới nó (hoặc có thể dưới 1 thẻ /DIV đóng cũng được).

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.labels'>
<div id='bailienquan'>Loading related posts...</div>
<span id='label_list_display_none' style='display:none; visibility:hidden'><b:loop
values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast
!= &quot;true&quot;'>,</b:if></b:loop></span>
<span id='post_time_stamp' style='display:none; visibility:hidden'><data:post.timestamp/></span>
<br/>
</b:if>
</b:if>

Xem hình ví dụ của tôi :


Tiếp tục, bạn chèn đoạn code dưới đây vào ngay trên thẻ đóng </body>:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
home_page = "http://www.vietwebguide.com/";
maxPosts = 12;
feed2js = "http://feed2js.org//feed2js.php";
</script>
<script src='http://www33.websamba.com/anhvosite/blogger/js/related_posts_01.js'
type='text/javascript'/>

<div id='cacbailq1' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga("min");</script>
</div>

<div id='cacbailq2' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga("max");</script>
</div>

<div class='cacbailienquan' id='cacbailienquan' style="display:none;">

<script src='http://www33.websamba.com/anhvosite/blogger/js/related_posts_02.js'
type='text/javascript'/>
<script type='text/javascript'>
displayCBLQ("cacbailq1","Các bài mới nhất cùng chủ đề:");

displayCBLQ("cacbailq2","Các bài cũ hơn cùng chủ đề:");
</script>
</div>
</b:if>

Những chỗ cần thay:

home_page = "http://www.vietwebguide.com/";
maxPosts = 12;

chính là link địa chỉ blog của bạn (địa chỉ hiện tại đang dùng, đừng quên dấu / cuối cùng nhé, và số bài liên quan muốn hiển thị (ví dụ là 12 bài chẳng hạn).

* Code chạy rất đẹp với các nhãn tiếng Anh hoặc tiếng Việt không dấu. Với các nhãn tiếng Việt, có một số từ code không hiểu được nó, do đó không lấy được các bài liên quan. Vì thế, các bạn nên sử dụng ít nhãn tiếng Việt trong blog thôi, hoặc chỉ nên dùng nhãn tiếng Việt không dấu là tốt nhất.

Read More

Cách thêm số trang cho blogger , thay cho "Newer Post" "Home" "Older Post "

Mặc định của các mẫu blogspot, phía dưới cùng gần sát với footer là các danh mục về "trang" thông thường khi vào trang đầu tiên thì bao gồm 2 link là "Home" và "Old Post". Khi bạn click vàp "Old Post" thì sẽ được chuyển đến trang tiếp theo thì có thêm link "Newer Post".
Và giờ tôi xin giới thiệu các bước thực hiện áp dụng cho Blogspot - Blogger để có được danh mục số trang như hình bên.

1.Đăng nhập vào Bảng điều khiển Blogger của bạn 
2. Vào Thiết kế > Chỉnh sửa HTML – và click ô Mở rộng Mẫu Tiện ích
3. Nhấn Ctrl+F và tìm:

]]></b:skin>

và thay thế bằng

.showpageArea a {text-decoration:underline;} .showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px; padding:3px;} .showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;} .showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc; background: #cccccc;margin:0 3px;padding:3px;} .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;} .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;} .showpage a:hover {text-decoration:none;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;} ]]></b:skin>

Đây là phần CSS trong đó xác định các giao diện của các navigation.You trang có thể sửa đổi nó theo nhu cầu của bạn
4.Next là phần JavaScript. Tìm

</body>

và thay thế bằng

<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'> var pageCount=5;var displayPageNum=5; var upPageWord =&#39;Previous&#39;; var downPageWord =&#39;Next&#39;; </script> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js'   type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends --> </body>

Như bạn thấy, có một số thông số tùy chỉnh trong mã này

var pageCount = 5;

Mã này xác định số lượng các bài viết đó sẽ được hiển thị trên mỗi trang.

var displayPageNum = 5;

Mã này xác định số lượng các con số định hướng bổ sung trang đó sẽ được hiển thị trên trang.

var upPageWord = 'Previous';
var downPageWord = 'Next';

Hai dòng xác định các văn bản đó sẽ được hiển thị cho previous page và next page tương ứng.

Nhãn Fix

Bây giờ chúng ta có một mặc định problem.By, các blogger trang nhãn sẽ hiển thị 20 posts.Chúng ta sẽ phải cắt giảm này xuống giá trị mà chúng tôi đã cho biến pageCount (Hoặc các bài viết trên mỗi trang).Đối với điều này chúng ta sẽ phải chỉnh sửa mẫu của chúng ta

Làm thế nào để chỉnh sửa các mẫu để cắt ngắn các bài viết trên mỗi trang?

Chuyển đến Chỉnh sửa HTML trang và Mở rộng Mẫu Tiện ích
Bây giờ tìm thấy nhau xuất hiện của

'data:label.url'
 

(Bao gồm cả các dấu ngoặc kép) và thay thế nhau của nó với

'data:label.url + "?&max-results=5"'

Ở đây 5 là số lượng các bài viết được hiển thị trên mỗi trang.
Bây giờ nếu bạn đang sử dụng các widget  bởi phydeaux3, sau đó tìm.

a.href = "/ search / label / '+ encodeURIComponent (t);

và thay thế bằng

a.href = '/search/label/'+encodeURIComponent(t)+'?&max-results= 5';

Đây cũng 5 là số lượng các bài viết được hiển thị trên mỗi trang.


Bài viết thế là xong , chúc các bạn thành công !

Theo Archive24h.com

Read More

Tự động viết tóm tắt cho các Blogger với Thumbnail

Ảnh minh họa.

1.Đăng nhập vào Bảng điều khiển Blogger của bạn 
2. Vào Thiết kế > Chỉnh sửa HTML – và click ô Mở rộng Mẫu Tiện ích
3. Nhấn Ctrl+F và tìm: 

</head>

và thay thế bằng

<script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 230; summary_img = 140; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/> </head>

Tiếp tục tìm.

<data:post.body/>

và thay thế bằng 

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <div style='clear: both;'/> <span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span> </b:if> </b:if>

Thế là xong, chúc các bạn thành công !

Read More

Làm thế nào để thiết lập một tên miền phụ trên Blog-Blogger một Custom Domain

Hướng dẫn này là cho tất cả những người đã sử dụng tên miền tuỳ chỉnh với các Blogger. Nếu bạn đã có một blogger ở một miền tùy chỉnh như www.yourdomain.com, sau đó bạn có thể muốn thêm một lĩnh vực phụ-miền tùy chỉnh như vv gallery.yourdomain.com blog.yourdomain.com Một ví dụ về một phụ -miền là bloggertemplates.bloggerplugins.org Đây là một blog blogger hỗ trợ, mà tôi tạo ra trên tên miền phụ. Để tạo blog tại tiểu lĩnh vực, bạn cần phải tạo ra CNAME hồ sơ cho cùng.

Tạo Sub Domain trên một miền Blogger Custom

Ở đây chúng ta sẽ tìm hiểu làm thế nào chúng ta có thể thêm một miền phụ mới để blog blogger tên miền tuỳ chỉnh của bạn. Ví dụ chúng ta sẽ tìm hiểu làm thế nào để tạo ra một miền phụ blog.yourdomain.com đến blog miền tuỳ chỉnh của bạn. (Nếu bạn có cần một số thay đổi sub-domain khác blog với những gì bạn muốn). Để làm được điều đó chúng ta cần phải tạo 2 CNAME hồ sơ. (Một trong số họ sẽ được sử dụng cho mục đích chuyển hướng)
1. blog.yourdomain.com chỉ tới ghs.google.com
2. www.blog.yourdomain.com chỉ tới ghs.google.com
Nếu bạn đang có một tự lưu trữ trang web, sau đó bạn sẽ phải tạo ra các CNAME hai Records với Host.You Web của bạn có thể có thể làm điều đó từ các "đơn giản Khu DNS Editor" trong hầu hết các cPanels. Nếu bạn không có như là một lựa chọn, liên hệ với chủ web của bạn và yêu cầu họ để tạo ra các CNAME hai hồ sơ cho you.After tạo ra những hồ sơ với dịch vụ lưu trữ của bạn (và sau khi họ đã nhân giống), xuất bản blog blogspot của bạn để có tên miền phụ(Bỏ qua các Tuts với $ Sáng tạo về đăng ký tên miền khác nhau Họ không áp dụng cho tự tổ chức. Trang web)
Nếu bạn không có một tự lưu trữ trang web, sau đó để tạo ra các CNAME bạn cần phải đăng nhập vào bảng điều khiển tên miền của bạn. Vì vậy, nếu bạn mua tên miền thông qua các blogger, sau đó bạn phải đăng nhập đầu tiên Google APPS để có được vào bảng điều khiển tên miền của bạn

Nếu bạn mua tên miền từ Blogger

Nếu bạn mua tên miền từ bên trong Blogger, sau đó bạn phải nhận được vào bảng điều khiển tên miền của bạn. Để làm điều đó đi
http://google.com/a/cpanel/yourdomain.com
bạn sẽ phải thay thế yourdomain.com với tên miền của bạn. Từ Google APPS bảng điều khiển, Tới Thiết lập Tên miền > Tên miền và nhấp chuột vào Cài đặt DNS nâng cao. Từ trang mới, Đăng nhập vào Bảng điều khiển DNS(Của Enom hoặc Godaddy với tên người dùng và mật khẩu mà bạn nhận được từ đây.)

CNAME tạo về đăng ký khác nhau

1. Tạo CNAME trên Enom

1.Login của bạn Enom tài khoản (Nếu bạn đăng nhập từ Google APPS, Bạn có thể trực tiếp tiến hành 04 Tháng Chín)
2.From trình đơn thả xuống ở Lĩnh vực tab, chọn My Domain và bạn sẽ được dẫn đến trang Quản lý Tên miền.
3.Click vào tên miền của bạn
4.To thêm một CNAME ghi, Nhấp vào NEW ROW.
5.Enter blog như Host Name, ghs.google.comnhư Địa chỉvà CNAME như Ghi Loại
Tương tự như vậy thêm một ghi với www.blog như Host Name, ghs.google.comnhư Địa chỉvà CNAME như Ghi Loại

2. Tạo CNAME trên Godaddy

1.Đăng nhập của bạn Godaddy tài khoản (Nếu bạn đăng nhập từ Google APPS, Bạn có thể trực tiếp tiến hành ngày 5 tháng 9)
2.Open các Lĩnh vực tab và chọn Tên miền của tôi. Bạn sẽ được dẫn đến trang quản lý tên miền.
3.Click vào tên miền của bạn và bấm Cài đặt nhiều hơn từ Bảng điều khiển
4.Kích Quản lý theo Tổng số DNS / MX
5. Click Thêm CNAME mới Ghi.
và tạo ra nó như thể hiện trong hình.

Tạo một một

3. Tạo CNAME trên Name.com

1. Đăng nhập của bạn Tên Tài khoản
2.Click vào tài khoản và sau đó vào tên miền của bạn
3.Click vào Quản lý DNS hình thức bên phải và thêm các chi tiết như trong ảnh chụp màn hình và Gửi

Thêm một số khác như trong ảnh chụp màn hình và Gửi

4. Tạo CNAME trên Namecheap.com

1. Đăng nhập vào tài khoản của bạn và bấm vào Namecheap vào tên miền của bạn.
2.From các bên còn lại, Click vào Tất cả các chủ nhà Records
3.Add các hồ sơ như trong ảnh chụp màn hình

Chuyển blog blogspot của bạn đến các tiểu Custom-Domain

Tôi giả sử rằng bạn đã có một blog mà bạn muốn chuyển sang các tên miền tuỳ chỉnh-sub. Nhận được vào Bảng điều khiển của nó và điều hướng đến Cài đặt > Xuất bản > Custom Domain và bấm vào liên kết nói "Đã sở hữu một tên miền? Chuyển sang cài đặt nâng cao " Trả cung cấp địa chỉ blog.yourdomain.comhoặc www.blog.yourdomain.com(Bạn có thể chọn bất kỳ của chúng như là một mong muốn của bạn) ở đó. Loại hình ảnh xác thực và lưu các thiết lập. Kích hoạt tính năng tùy chọn chuyển hướng và Lưu các thiết lập lại một lần nữa.

Read More