Tìm Bài Viết

Loading
Hiển thị các bài đăng có nhãn Thủ Thuật Cho Blog. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Thủ Thuật Cho Blog. Hiển thị tất cả bài đăng

Chat nhiều nick với Yahoo Messenger

Bước 1 : Vào Start chọn Run hoặc ấn tổ hợp phím Alt + R, sau đó gõ lệnh regedit.
 
Bước 2 : Trong hộp thoại Registry Editor bạn mở dần theo đường dẫn HKEY_CURRENT_USER – Software – Yahoo – Pager – Test.
           Bạn click chuột phải vào cửa sổ trắng tinh bên cạnh và chọn New – String Value. Nó sẽ hiện lên cái tên mặc định là “New Value #1” bạn sửa nó thành “Plural“. Sau khi tạo xong bạn nháy chuột phải vào chữ plural đó chọn Modify và điền vào ô "Value Data" số 1 sau đó nhấn ok
Bước 3 :  Khởi động lại máy, và bây giờ bạn thử đăng nhập một lúc nhiều nick trên YM xem nào

Thủ Thuật hiển thị chat box cực pro trên blog

Thủ thuật rất đơn giản :
Bạn Chỉ việc thêm đoạn code của chat box vào đoạn code bên dưới sau đó tạo một widget và dán vào là xong

<style type="text/css">


#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://farm3.static.flickr.com/2636/3935353655_32c6d2bb30_o.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #CC6600;
background:#CC6600;
padding:3px;
}
</style>


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>


<div id="gb">


<div class="gbtab" onclick="showHideGB()"> </div>


<div class="gbcontent">


<!--Chèn Code của shoutMix ngay đây -->
                        <!--CODE-->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Hide]
</a>
</div>


</div>


</div>


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Thủ thuật chia header thành 2 cột

Bạn hoàn toàn có thể chèn thêm các tiện ích vào header của Blogger chẳng hạn như Box search hoặc các quảng cáo sau khi bạn chia header của bạn thành 2 hay 3 cột khác nhau. Hướng dẫn dưới sẽ giúp bạn thực hiện điều này.
Bây giờ ta bắt đầu:

Dưới đây là hình ban đầu của template (khi chưa có chia cột)





1. Đăng nhập blog
2. Vào Chỉnh sửa Code HTML
3. Tìm đọan code bên dưới

/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}


#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}


#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}


4. Thay thế chúng bằng đọan code sau:



/* Header
===================================
*/


#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}


#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}


#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}


#r_head{
width:300px;
float:left;
padding-top:10px;
}


5. Xuống thấp hơn tìm đọan code sau (hoặc tương tự):

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

6. Thay thế chúng bằng đọan code sau:



<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

7. Save template.

Như vậy đã xong

ảnh minh họa sau khi chia cột

Hiển thị widget ở nhưng trang nhất định trong blogspot

Để tạo nên sự riêng biệt cho một số trang nào đó cho blog của mình, bạn có thể tạo 1 widget và chỉ cho nó hiển thị ở trang đó. ( ví dụ : tạo một widget gallery ảnh chỉ cho phép hiển thị khi ta tìm tới nhãn picture..., hoặc chỉ cho phép những widget nào đó chỉ được phép hiển thị ở trang chủ ). Bài viết này sẽ hướng dẫn các bạn làm điều này.

Trước tiên, bạn phải biết rõ vị trí code của các widget trong code template. Để xác định việc này, bạn phải xác định được ID của các widget đó, và việc này cũng rất đơn giản, ví dụ : ta có tiện ích(widget) "Người theo dõi" (xem hình minh họa bên dưới)



Bạn nhấp chọn "Chỉnh sửa" sẽ hiện ra hộp thọai như bên dưới:


Phần khoanh tròn màu đỏ chính là ID của widget. Như vậy ta đã xác định được id của nó, bây giờ vào code template để xác định vị trí của nó (xem hướng dẫn bên dưới)

☼Xác định code của widget trong code template:
1. Đăng nhập blog
2. Vào chỉnh sửa code HTML(edit code HTML), chọn mở rộng mẫu tiện ích(Expand Widget Templates).
3. Tìm đọan code như bên dưới, nó chính là code của widget "Người theo dõi" (có thể nhấn Ctrl +F rồi điền từ khóa "Foll owers2" để tìm).



Khi đã xác định được code của 1 widget, bây giờ ta bắt đầu vào thủ thuật, để đơn giản ta xét code của 1 widget HTML/Javascript (như bên dưới):

<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>

A. Chỉ cho phép widget hiển thị ở trang chủ:


- Bạn thêm đọan code màu đỏ như bên dưới :

<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'&gt;
<!-- 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>

B. Chỉ cho phép widget hiển thị ở từng bài viết:


- Bạn thêm đọan code màu đỏ như bên dưới :

<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>

<!-- 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>
C. Chỉ cho phép widget hiển thị ở những trang nhất định:


- Bạn thêm đọan code màu đỏ như bên dưới :


<b:widget id="HTML3" locked="false" title="" type="HTML">
<b:includable id="main">
<b:if cond="data:blog.url == &quot; link bài viết  &quot;">

<b:if cond="data:title != &quot;&quot;">
</b:if></b:if></b:includable></b:widget>
<h2 class="title">
<data:title></data:title></h2>


<div class="widget-content">
<data:content>
</data:content>
</div>
<b:include name="quickedit">
</b:if> 
</b:widget>
Chúc Bạn Thành Công

Tùy chỉnh hoặc ẩn thanh navbar cho blogger

1. Thay đổi mầu sắc cho navbar:
Bạn đăng nhập vào blogger => chỉnh sửa bố cục => chọn Edit trên Navbar. Bạn chọn lựa mầu sắc mình thích rồi lưu lại.



Xem hình mẫu
 
2. Ẩn hoặc xóa Navbar:

Trong Edit HTML, bạn tìm đoạn mã sau:
 
<style type='text/css'>

#navbar-iframe {
height: XXX;
visibility: XXX;
display: XXX;
}
</style>

(XXX : là các giá trị )

Bạn thay đoạn mã trên bằng đoạn mã dưới đây : (nếu bạn không tìm thấy đoạn mã trên, hãy chèn đoạn mã dưới đây vào ngay dưới thẻ <head> )

<style type='text/css'>

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
</style>


Chúc thành công

Đưa công cụ tìm kiếm tùy chỉnh của google vào blogspot



Google hiện đứng đầu trong lĩnh vực tìm kiếm. Công cụ tìm kiếm này tỏ ra hiệu quả khi chiếm hơn 60% lượng khách truy cập vào Thủ Thuật Blog trong số hơn 60% nguồn khách đến từ công cụ tìm kiếm (xem thống kê dưới bài viết). Rất nhiều trang web, diễn đàn hay blog sử dụng công cụ này làm công cụ tìm kiếm chính. Đặc biệt các trang tiếng Việt có thể tìm kiếm nguồn thu khi tham gia chương trình quảng cáo Adsense for search hiển thị quảng cáo ở kết quả tìm kiếm. Ngoài ra có một cách khác để sử dụng công cụ này thông qua dịch vụ Custom Search Engine (Tìm kiếm tùy chỉnh).

Bước 1. Thiết lập

Trước tiên hãy vào địa chỉ http://www.google.com/cse/  và click trên nút Create a Custom Search Engine. Bạn có thể được yêu cầu đăng nhập tài khoản Google hoặc chấp nhận các điều kiện sử dụng. Tiếp tục bạn sẽ thấy xuất hiện trang web yêu cầu điền các thông tin như hình.



Basic information

- Search engine name: Đặt tên cho công cụ tìm kiếm

- Search engine description: Miêu tả công cụ tìm kiếm

- Search engine keywords: Nhập từ khóa cho công cụ tìm kiếm

- Search engine language: Chọn ngôn ngữ. Nếu blog của bạn là tiếng Việt hãy chọn Vietnamese.
What do you want to search? (Bạn muốn tìm kiếm gì?)
Chọn một trong ba lựa chọn
- Only sites I select (Chỉ trang tôi chọn).

- The entire web, but emphasize sites I select (Toàn bộ nhưng nhấn mạnh trang tôi chọn).

- The entire web (Toàn bộ trang).

Select some sites (Chọn một số trang web)
Nhập vào trang bạn chọn, ở đây chúng ta dùng Blogger. Vì vậy hãy nhập theo cú pháp:

http://yourname.blogspot.com/

Select an edition (Chọn xuất bản)
Hãy chọn Standard Edition để sử dụng miễn phí. Nếu không muốn xuất hiện quảng cáo thì click vào Do not show ads on results pages.
Click I have read and agree to the Terms of Service để chấp nhận điều kiện trước khi click Next để tiếp tục. Bạn sẽ được đưa đến trang có hình sau và nhấn Finish.



Chúng ta sẽ đến trang quản lý, trong đó chúng ta có thể tạo một trang chủ riêng với công cụ tìm kiếm cũng như thêm vào các tiện ích của Google vào homepage, xem thống kê (statistics) hay xóa công cụ đã tạo (delete) và quan trọng nhất nhấn control panel để tùy chỉnh hoặc lấy code.





Bước 2. Cấu hình hiển thị

Quan sát thực đơn hàng ngang để tùy chỉnh cho công cụ tìm kiếm của riêng bạn.


Basic: Những thay đổi cơ bản về chọn ngôn ngữ, mã chữ.

Sites: Nhập các trang web mà bạn muốn chỉ tìm kiếm trong những trang này. Cụ thể ở đây là địa chỉ blog của bạn.
Refinements: Tạo các nhãn ưu tiên cho kết quả tìm kiếm.
Look and feel: Chọn kiểu công cụ, chọn màu sắc kết quả, thêm logo...
Code: Lấy mã cho vào blog, cụ thể xin đọc bên dưới.
Make money: Khai báo thêm tài khoản Google Adsense nếu bạn muốn kiếm tiền từ các kết quả tìm kiếm. Nếu chưa có, hãy tham khảo bài hướng dẫn này trước khi đăng ký.
Preview: Xem trước. Các menu còn lại bạn không cần quan tâm lắm.
Bước 3. Lấy mã:

Có hai lựa chọn. Lựa chọn đầu cho kết quả xuất hiện trên blog, bạn cần phải lấy mã hộp tìm kiếm nằm trong Search box code và mã kết quả tìm kiếm nằm trong Search results code. Mã kết quả này phải được đặt trên blog bằng cách thêm widget HTML/JavaScript và cần thiết phải chỉnh lại kích thước var googleSearchFrameWidth hợp với kích thước nơi xuất hiện

Lựa chọn 1




Lựa chọn 2


Ở lựa chọn thứ hai, kết quả tìm kiếm sẽ xuất hiện nhanh hơn ở một trang được hosting bởi Google







Hình. Thống kê từ Google Analytics


Chúc bạn thành công!
Trích từ Thủ Thuật Blog

Hướng Dẫn Đăng Ký Tên Miền Miễn Phí tenban.kute.vn Cho Plus

Để chuyển một tên miền vn.myblog.yahoo.com/yourblog (nghe dài dòng và khó nhớ quá ) thành yourblog.kute.vn (dể nhớ mà còn kute nữa) bạn thực hiện như sau :
1. Truy cập vào : http://www.kute.vn/myred/   sẽ hiện ra trang như sau : 


Bạn check thử tên miền bạn cần đăng ký xem đã có ai đăng ký chưa nếu chưa sẽ hiện ra cửa sổ này có hai tên miền cho bạn lựa chọn , bạn hãy chọn một trong hai



Sau khi chọn tên miền xong , yêu cầu bạn đăng ký tài khoảng để quảng lý tên miền bạn hãy điền thông tin cá nhân theo yêu cầu , còn ở chổ Mục tiêu URL thì bạn hãy điền như trong hình sau :




Sau đó click tiếp tục để hoàn thành  bạn hãy điền thông tin thêm lần nữa là hoàn tất
* Chú Ý : Phải khai địa chỉ email thật để kích hoạt thì tên miền mới hoạt động được .




Chúc các bạn có tên miền như ý và đừng quên comments để khuyến khích mình nhé !

Hướng Dẫn Đăng Ký Tên Miền Miễn Phí co.cc Cho Blogspot và Blog Plus


Trong Bài Trước mình có giới thiệu một bài của anh phanmem về cách đăng ký tên miền miễn phí uni.cc cho blogspot qua trung gian everyDNS nhằm giúp cho blog có dạng yourblog.blogspot.com không bị ngăn truy cập bởi mạng VNPT . Hôm nay mình cũng sẽ giới thiêu cho các bạn cũng một dịch vụ đăng ký tên miền miễn phí nhưng còn tuyệt vời hơn vì còn miễn phí luôn cả việc quản lý DNS mà không phải qua trung gian ( giảm bớt được một công đoạn  ) không những riêng blogspot mà những blog khác cũng có thể sử dụng dịch vụ này đó là CO.CC  ( quá đã ^_^ )


Thôi giới thiệu vậy đủ rồi bây giờ mình bắt đầu thực hiện nha .
  • Đối với Blogspot vì có hỗ trợ CNAME nên mình đăng ký như sau :
+ Đầu tiên bạn truy cập vào co.cc  sau đó check thử xem domain nào chưa được đăng ký .


Sau khi đã check được tên miền vừa ý sẽ hiện ra bãng sau bạn click vào continue to registration để tiếp tục
 
Nếu bạn đăng ký tài khoảng trước rồi thì chỉ cần đăng nhập còn nếu chưa thì phải đăng ký cho mình một tài khoảng mới sữ dụng tên miền được ( đăng ký rất dễ )



Bây giờ mình bắt đầu tạo zone records để trỏ tên miền qua blogspot các bạn hãy điền thông số như trong hình dưới nha :




sau đó click vào cài đặt (set up) vậy là xong bây giờ đem tên miền mới thiết lập vào blogspot khoảng 1h sau blog của bạn sẽ có một tên miền mới .
Xem thử DEMO kết quả nha : http://www.duydieu.co.cc
  • Còn đối với blog Plus bạn làm cũng như các bước trên nhưng phần set up thì làm như vầy nha :
Bạn hãy điền thông tin vào như hình sau :
- Trong Đó :
  1. Redirect To (URL) : là tên blog bạn cần đỗi vd như hình dưới
  2. Page Title : Là tiêu đề của blog
  3. Frame : URL Hiding (Hide real address) là chỉ hiển thị tên miền mới (nếu bạn muốn dấu tên miền cũ) còn không muốn thì hãy chọn mục còn lại .
  4. Description : mô tã sơ về blog bạn.
  5. Keywords : Từ khóa

Sau khi điền những thông tin như trên bạn click vào set up sẽ hiện ra bảng sau :


Bạn hãy click set up thêm lần nữa vậy là blog của bạn có tên miền của co.cc rồi đó . Các bạn có thể xem thử DEMO blog Plus của mình nè http://thieu-gia.co.cc 

Chúc các bạn thành công với tên miền mới nha

Tạo Khung Đăng Nhập Cho Blogspot

Bài này mình sẽ giới thiệu với các bạn một công cụ sẽ giúp bạn đăng nhập vào google một cách nhanh chóng mà khỏi phài truy cập vào Blogger.com hoặc khách đến thăm blog bạn có thể đăng nhập vào tài khoảng của mình mà không cần rời trang của bạn . Bạn chỉ việc copy đoạn code sau
và dán vào widget và đặt bất cứ đâu trên blog bạn . ( xem hình dưới )
Code :

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">


<input value="http://draft.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fdraft.blogger.com%2F" name="continue" type="hidden"/>
<div><label for="Email"> Tên Đăng Nhâp: <br/><input id="Email" tabindex="1" name="Email" size="20" type="text"/></label></div>
<div><label for="Passwd"> Mật khẩu : (<a href="https://www.blogger.com/forgot.g" target="_top" title="Quên mật khẩu?"> Quên Mật Khẩu ?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="on" name="Passwd" size="20" type="password"/></div>
<br/><input id="signin-btn-ns" tabindex="0" value="Đăng nhập" class="ubtn ubtn-block" name="submit" type="submit"/></form>
Hình minh họa





Thêm Hiệu Ứng Zoom Ảnh Cho Blogspot

Thông thường , khi vào các forum, các bạn đều gặp qua chức năng zoom ảnh mỗi khi người viết
đăng tải ảnh có kích thước khá lớn. Chức năng này giúp người đọc nhanh chóng phóng to, thu nhỏ
được hình ảnh một cách dễ dàng. Thủ thuật này khá hay, và mình sẽ giới thiệu cách tạo hiệu ứng
zoom này cho Blogger nhờ file JS có tên FancyZoom. Mời các bạn xem thử ( tại đây )


1. Đầu tiên, các bạn đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng mẫu tiện ích)

2. Thêm đoạn code bên dưới vào ngay bên trên thẻ < /head>

<script src='http://boyprodx.110mb.com/ZoomImage.js' type='text/javascript'/><script src='http://boyprodx.110mb.com/ZoomImageinHTML.js' type='text/javascript'/>

3. Sau đó, kéo xuống khoảng dưới, xóa thẻ <body> và thay thế bằng code

<body onload="setupZoom()">

4. Save lại template .

Vậy là bạn đã thiết lập được tính năng zoom cho Blogger rồi đấy. Tuy nhiên, để dùng được
tính năng này, thì kể từ giờ , bạn không dùng thẻ <img src="Link hình" /> để chèn hình nữa,
mà phải dùng code sau :

<a href="Link hình"><img src="Link hình" width="300" height="200" border="0" /> </a>

Lưu ý :


Link hình phải có đuôi mở rộng như .jpg , .png, .gif ...
Width : Chiều ngang thumbnail của ảnh.
Height : chiều cao thumbnail của ảnh.

Ví dụ như :
<a href="http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_New_2009.png">
<img src=http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_New_2009.png
height="200" width="300" border="0" /></a>

Nguồn Từ Blog Tin Hoc

Chèn Thanh Gõ Tiếng Việt Vào Blog


  Cách cài đặt như sau :

hình minh họa



  • Đăng nhập blogger => chỉnh sữa mẫu HTML và tìm đến thẻ <HEAD> và chèn đoạn code này ngay bên dưới :

Code :
<script src="http://mudim.googlecode.com/files/mudim-0.8-r142.js" type="text/javascript"></script>


Hoặc có thể chèn vào <BODY> cũng được bạn tìm đến thẻ <BODY> và chèn đoạn code này vào ngay bên trên có
Lưu ý : thủ thuật này dành cho Google Blogger , những Blog khác mình chưa thử .
Chúc bạn thành công

Cách Nhúng Mã HTML/JavaScript cho Blogspot


Như ta đã biết những đoạn code/mã javascript là một công cụ không thể thiếu cho những
Blogger đối với những Blogger pro thì việc này không có gì là khó nhưng đối với những bạn
"mới vào nghề " thì có lẽ những đoạn code/mã Javascript còn rất xa lạ trong bài này mình xin
được chia sẽ với các bạn cách nhúng những đoạn mã javascript vào blog và đặt chúng vào những nơi thích hợp trong blog mà bạn muốn .

VD ta có đoạn mã này : (lịch gồm Âm và Dương)

<center><a name="amlich"></a><script language="JavaScript" src="http://mangvn.org/nukeviet/js/amlich.js" type="text/javascript"></script><script language="JavaScript">showVietCal();</script><script language="JavaScript">document.writeln(printSelectedMonth()); </script><table border="0" width="100%" style="border-collapse: collapse; font-size: 10 px; color: black; font-family: verdana"> <tr> <td align="center"><form name="SelectMonth" action="#amlich"">Tháng <select name="month"><option value="1">1<option value="2">2<option value="3">3<option value="4">4<option value="5">5<option value="6">6<option value="7">7<option value="8">8<option value="9">9<option value="10">10<option value="11">11<option value="12">12</select><input type="button" value="Xem" onClick="javascript:viewMonth(parseInt(month.value), parseInt(year.value));"><br>Năm  <INPUT NAME="year" size=4 value="2005"> <input type="button" value="Xem" onClick="javascript:viewYear(parseInt(year.value));"></form> </td> </tr></table>

s" type="text/javascript"></script><script language="JavaScript">showVietCal();</script><script language="JavaScript">document.writeln(printSelectedMonth()); </script><table border="0" width="100%" style="border-collapse: collapse; font-size: 10 px; color: black; font-family: verdana"> <tr> <td align="center"><form name="SelectMonth" action="#amlich"">Tháng <select name="month"><option value="1">1<option value="2">2<option value="3">3<option value="4">4<option value="5">5<option value="6">6<option value="7">7<option value="8">8<option value="9">9<option value="10">10<option value="11">11<option value="12">12</select><input type="button" value="Xem" onClick="javascript:viewMonth(parseInt(month.value), parseInt(year.value));"><br>Năm  <INPUT NAME="year" size=4 value="2005"> <input type="button" value="Xem" onClick="javascript:viewYear(parseInt(year.value));"></form> </td> </tr></table>

Bạn muốn chèn vào Blog thì thực hiện các bước sau :
  1. Đăng nhập Blogger => Bảng điều khiển => chọn " Bố Cục "



và click vào chổ thêm tiện ích sau đó sẽ hiện ra bảng như sau :


Bạn chọn vào Dấu + chổ đánh dấu màu đỏ và paste code/mã Javascript vào sau đó save lại
nếu bạn muốn di chuyển "Tiên ích " bạn vừa thêm vào hoặc những "Tiện ích " khác  đến chổ mà bạn muốn thì bạn click chuột vào "Tiện ích" đó rồi giữ nguyên và di chuyển đến chổ mà bạn thấy có hiện ra khoảng trắng có dấu  -------- vậy đó thì bạn đặt vào và thả chuột ra ( xem hình minh họa bên dưới )



Chúc bạn vui và đừng quên comments lại cho mình nhé

Code Phân Trang Cho Blogspot

Bài này mình muốn giới thiệu cho các bạn một cách làm cho blog sẽ hiển thị số trang hoặc
để cho người đọc có thể chuyển đến những trang khác nhanh hơn trong blog bạn  bằng một
công cụ rất đơn giản là HTML/javasript  mà không cần phải chỉnh sửa mẫu HTML

hình minh họa

Các bước thực hiện như sau :
Đăng nhập bảng điều khiển => vào ' Bố Cục '



Vào phần 'Thêm Tiện ích ' sau khi xuất hiện bảng 'thêm tiện ích' bạn click chọn phần HTML/javasript và chép đoạn code này vào :

<style> .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } </style> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount=5; var displayPageNum=3; var firstPageWord = 'First'; var endPageWord = 'Last'; var upPageWord ='Previous'; var downPageWord ='Next'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0
(itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0
(itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; }else{ html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>'; } if(postNum==1) postNum++; html += '</div>'; if(isPage
isFirstPage
isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

Sau khi đã thêm mã Javascript bạn phải đặt tiện ích mới thêm vào ngay bên dưới trang đăng bài. Xem hình minh hoạ  này :




Bạn nhớ là phài đặt ở dưới trang đăng bài .Trong đoạn mã trên bạn có thể thay đổi giá trị được đánh dấu màu đỏ như ở dưới.

1 : var pageCount = 5;
Con số này thể hiện số bài sẽ được hiển thị trên mỗi một trang. Bạn có thể thay đổi tuỳ ý, thông thường chọn số nhỏ hơn 10 để Blog được hiển thị với tốc độ nhanh hơn. và bãn phải cài đặt lại số bài đăng trên blog cho trùng khớp với thông số đó.
2 : var displayPageNum = 3;
Số trang sẽ hiể thị trên blog VD như thông số trên thì sẽ hiể thị :
 1..2..3...next...last
Như vậy bạn đã có một Tiện ích mới để lựa chọn thêm vào Blogger/Blogspot của mình. Hãy commnet nhận xét về tiện ích này nếu bạn thấy thích thú với nó nhé.

Chúc các bạn thành công.

Đăng Ký Tên Miền Qua DNS Trung Gian

 Đọc bài này của anh phanmem thấy hay nên muốn đăng lại cho các bạn nào chưa xem thì
xem nha (mình cũng đăng ký rùi   )
Blogger.com là dịch vụ blog miễn phí nổi tiếng của Google được rất nhiều blogger trên thế giới sử dụng. Tuy vậy, nó lại vấp phải một hạn chế rất lớn ở Việt Nam là các thuê bao internet của ISP VNPT không thể truy cập được. Trước kia Egoldviet đã từng đăng lại môt bài của Phamen về Sử dụng tên miền riêng cho blog tại Blogger.com để tạo một tên miền riêng cho blog tại Blogger.com, đồng thời giúp cho các blog này thoát khỏi bị chặn bởi VNPT. Hôm nay lại đăng bài tiếp theo về giới thiệu cách thay tên miền của Blogger.com (blogspot.com) bằng một tên miền miễn phí.

Cách làm sau đây sẽ tạo cho blog tại Blogger.com của bạn một tên miền ngắn hơn, dễ nhớ hơn, và quan trọng nhất là thoát khỏi sự ngăn chặn của VNPT.

http://phamen.blogspot.com/ >> http://www.phamen.uni.cc/

Chắc hẳn các bạn đã gặp rất nhiều các nhà cung cấp tên miền miễn phí hiện nay trên mạng như: .tk, .kiss.to, .good.as, v.v.. và bạn hẳn đã từng một lần đăng kí một tên miền miễn phí nào đó. Nhưng để làm được theo cách này, chúng ta cần một nhà cung cấp tên miền cho phép chúng ta quản lý DNS chứ không chỉ là Forwarding. Thật may, có một dịch vụ cung cấp tên miền miễn phí cho phép chúng ta quản lý cả DNS, đó chính là Uni.cc.

Như chúng ta đều biết, Blogger.com của Google không hỗ trợ cho bản ghi A mà chỉ hỗ trợ cho bản ghi Cname. Nhưng thật chẳng may, Uni.cc cho chỉ cho phép chúng ta quản lý có 3 bản ghi là: Bản ghi A (A records), Bản ghi NS (NS records) và Bản ghi MX (MX records). Họ không cho chúng ta tạo các bản ghi Cname để trỏ tới Blogger.com. Vậy phương án nào sẽ giải quyết vấn đề này?
Thật may, đã có rất nhiều dịch vụ DNS trung gian giúp ta giải quyết bài toán này. Phamen xin đơn cử một dịch vụ DNS trung gian miễn phí được cho là tốt và dễ sử dụng nhất hiện nay, đó chính là EveryDNS. EveryDNS cho phép chúng ta quản lý toàn bộ các bản ghi và qua đó trỏ tới những nơi mà ta muốn. Do vậy, bài toán này sẽ được thể hiện qua sơ đồ sau:



Nào, bắt đầu chúng ta cùng thực hiện.

Bước 1: Đăng ký một tên miền miễn phí
Việc đăng ký Uni.cc hết sức đơn giản, nó giống như bạn đăng ký ở những dịch vụ trực tuyến khác nên Phamen sẽ không bàn đến việc này nữa.
Sau khi đăng ký xong, các bạn hãy vào phần quản lý DNS của tên miền mà bạn vừa tạo được.
  • Trong phần DNS Setting – Record type hãy chọn NS (For external name servers)
  • Ở Mục Name server #1 và #2, bạn hãy điền vào Ns1.everydns.net và Ns2.everydns.net.
  • Sau khi đã kiểm tra chắc chắn các thông số trên, bạn hãy click vào nút Update DNS records. Vậy là xong bước đầu tiên, bận cần phải chờ trong khoảng 24h để bản ghi NS được cập nhật.



Bước 2: Đăng kí và thiết lập thông số ở EveryDNS

Việc đăng ký cũng hết sức đơn giản, bạn chỉ cần vào EveryDNS, điền các thông tin cần thiết là ngay lập tức bạn đã có một tài khoản ở đây. Sau khi đăng ký xong, bạn hãy đăng nhập vào chương trình quản lý DNS bên trong của EveryDNS và thực hiện các việc sau.
  • Trong ô Add new domain: bạn hãy điền tên miền mà bạn đã đăng kí ở Uni.cc vào đây và click vào nút >> (Basic) để thêm một tên miền mới. Sau khi tên miền đã add thành công thì nó sẽ xuất hiện ở bên trên.




  • Click chọn vào domain name đã add được ở bên trên, trong phần Current Records sẽ xuất hiện hai bản ghi là A và CNAME với các thông số mặc định. Công việc của bạn là xóa bản ghi A đi bằng cách click vào nút Delete ở bên tay phải.





  • Ở phần Add a record: bạn hãy điền www vào ô Full Qualified Domain Name, ô Record Type chọn giá trị là CNAME, và ô Record Value hãy điền vào ghs.google.com.



Xong xuôi thì các bạn click vào nút Add Record. Sau khi thành công thì ta sẽ được như hình dưới đây:




Vậy là xong phần kĩ thuật cho DNS trung gian, bây giờ bạn có thể chắc chắn là đã tạo được một bản ghi CNAME cho domain và đã được trỏ tới host của Blogger.com. Bước cuối cùng mà chúng ta cần làm là thêm domain này vào blog của bạn thôi.

Bước 3: Add domain vào Blogger.com
Đây là bước cuối cùng và cũng là bước đơn giản nhất. Hãy login vào Dashborad của Blogger.com, ở mục Setting, bạn hãy chọn Publishing và làm như sau:
+ Trong ô Your domain: điền tên miền mà bạn đã đăng ký được ở Uni.cc và click vào nút Save Setting, nhớ là phải có www ở trước vì ta đã tạo một CNAME cho nó.




Sau khi đã lưu lại các thay đổi, bạn phải chờ trong vòng 24h (như Phamen đã test thử thì chỉ khoảng 4-5 tiếng thôi) để bản ghi NS và bản ghi CNAME được cập nhật. Sau khi cập nhật thì bạn có thể ung dung với tên miền mới cho blog tại Blogger.com mà không hề gặp một trở ngại nào với VNPT rồi đấy.

Kết quả đây, các bạn có thể xem thử thành quả: http://www.phamen.uni.cc/
Chúc Các bạn thành công với tên miền mới cho mình .