CÁCH THÊM COMMENT FACEBOOK CHO BLOGSPOT

Các bạn làm tương tự như các bước sau:

Bước 1 - Đăng nhập vào blog

Bước 2 - Chọn mẫu (Template)

Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)

Bước 4 - Thêm đoạn mã bên dưới vào trước thẻ </body>.

<div id="fb-root"></div> <script>(function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Và đoạn code sau lên trên thẻ đóng </head>

<script type='text/javascript'> //<![CDATA[ var purl= location.href; var fb_href = purl.substring(0,purl.indexOf(".html")+5); var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>'; //]]> </script>

Lưu ý : Các bạn thay

data-num-post=5 : số comment hiển thị. Nếu quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment

Cách thêm commnet facebook vào Blogspot

Bước 5 - Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>

- Rồi thêm ngay dưới nó đoạn code sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

Lưu lại vậy là Xong !

Nếu bạn muốn tắt phầm comment bằng G+ thì làm cách sau nhé

Đăng nhâp blog => Cài đặt => Bài đăng và nhận xét => Phần vị trí nhận xét bạn chọn ẩn vậy là xong

Chúc các bạn thêm phần comment facebook cho blogspot thành công !

Read More

CÁCH THÊM WIDGET VÀO VỊ TRÍ BẤT KỲ TRONG BLOGSPOT

Đăng nhập blog => Mẫu (cái thứ 2 từ dưới lên) => Chỉnh sửa HTML

Tới đây bạn có thể thêm phần code bên dưới vào phần bạn muốn hiển thị
(Ngoài ra bạn có thể down trực tiếp code về rồi dùng notepad ++ để chỉnh sửa cho dễ)
Cách thêm một widget thông thường vào Blogspot

Code này thì widget này sẽ hiển thị trên tất cả các trang trong blog như: trang chủ,trang bài viết,trang label....

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML99' locked='false' title='Bài Viết Hay' type='HTML'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <div class='title-left'><data:title/></div> </b:if> <div class='box-left'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section>

Chú ý phần chữ màu đỏ là phần bạn cần thay đổi:
- sidebar1 , HTML99: phần này bạn cần thay đổi nếu bạn thêm > 2 widget vào blogspot (Nếu bạn thêm > 2 cái thì 2 cái bạn thêm phải có phần này đặt tên khác nhau)

Ví dụ: Cái 1 bạn đặt là : id='sidebar1' và id='HTML99' thì cái sau bạn phải đặt khác đi đổi thành id='sidebar2' và id='HTML100' chẳng hạn

Các bạn chú ý thay  id='sidebar1' và id='HTML99'  cho đỡ trùng với 1 Widget đã có sẵn trên blog. Nếu bạn nào thấy trùng thì thay bằng số khác nhé.
- title='Bài Viết Hay' : Tên Widget của bạn cái này bạn có thể bỏ trống được (bạn có thể để là title='' )

Một số cách hiển thị tùy biến bạn có thể áp dụng với Widget

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

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML3' locked='false' title='' 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> </b:section>

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

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML3' locked='false' title='' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "item"'> <!-- 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:section>

3. Chỉ cho phép widget hiển thị ở những trang nhất định:

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML3' locked='false' title='' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == "Link của bạn"'> <!-- 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:section>

Bạn hãy thay phần Link của bạn đường link mà bạn muốn widget đó hiển thị

Ví dụ: http://bittuot.blogspot.com/2013/07/crack-win-7-cho-moi-phien-ban.html

hoặc: http://bittuot.blogspot.com/search/label/Download .. tùy ý thích của bạn

Khi bạn chọn đường link như vậy thì khi bạn click đến link đó widget mới hiển thị, còn những đường dẫn khác widget đó sẽ không hiển thị
4. Widget chỉ hiển thị trên các trang Label

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML4' locked='false' title='test 1' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.searchLabel'>  <!-- 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:section>

5. Widget chỉ hiển thị trên các trang Static pages 

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML4' locked='false' title='test 1' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "static_page"'> <!-- 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:section>

6. Widget hiển thị trên trang tìm kiếm

Là trang hiển thị các kết quả tìm kiếm trên trang của bạn.

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML4' locked='false' title='test 1' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.searchQuery'> <!-- 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:section>

7. Widget chỉ hiển thị tại trang lưu trữ

Trang lưu trữ là trang có dạng kiểu: http://bittuot.blogspot.com/2013/06

<b:section class='sidebar' id='sidebar1' preferred='yes'> <b:widget id='HTML4' locked='false' title='test 1' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "archive"'> <!-- 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:section>

Chúc bạn thành công!

Read More

CODE CHÈN FLASH VÀO BANNER

Chèn hiệu ứng flash cho baner trong trang web 

<div id="DIVFlash" style="position : absolute; top:47px; left:151px; width: 967px; height: 140px;">   <embed src="LINK FLASH" wmode="transparent" width="100%" height="140"></embed> </div>

  

Luu ý: Bạn phải thay LINK FLASH bằng link flash đã úp lên mạng nhé!

Read More

TẠO BUTTON CHO PHÉP BẠN ẨN/HIỆN NỘI DUNG

Chỉ với 1 dòng lệnh kết hợp với các thẻ div là bạn có thể tạo 1 button cho phép ẩn hiện nội dung của bạn khi click vào nó. Thủ thuật này ta thường thấy trong các forum ,web , blog...Các bạn xem đoạn code sau đây nhé.

Phần nội dung hiển thị <div> <div> <input type="button" value="Xem" style="width:75px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }"> </div> <div> <div style="display: none;"> {Phần nội dung bị ẩn} </div> </div> </div>

- Khi các bạn muốn áp dụng cho bài viết của mình thì cứ việc thay thế dòng {phần nội dung bị ẩn} thành nội dung bài viết của bạn là xong.
- Nếu bạn muốn tạo nhiều nút Ẩn/Hiện trong bài viết của mình thì cứ làm tương tự.

Read More

THẺ MARQUEE LÀM HIỆU ỨNG CHO TEXT TRONG HTML

Một số hiệu ứng thẻ < marquee > làm hiệu ứng cho text trong HTML , các bạn cùng xem nhé ! 

1/ Text chạy từ phải qua trái

<marquee ><font size=6 color=blue> nội dung</font></marquee>

2/ Text chạy từ trái qua phải 

<marquee direction="right"><font size=6 color=blue>nội dung</font></marquee>

3/ Text chạy loăng quăng trong màn hình 

<marquee behavior="alternate"><font size=6 color=blue>nội dung</font></marquee>

4/ Text chạy lên

<marquee direction=up><font size=6 color=blue>nội dung</marquee>

5/ Text chạy xuống

<marquee direction=down><font size=6 color=blue>nội dung</marquee>

6/ Text chạy chéo  lên :

<marquee direction=up><marquee>nội dung</marquee>

7/ Text chạy chéo xuống

<marquee direction=down><marquee>nội dung</marquee>

Lưu ý:
++ size=6 hay= mấy là tùy theo ý mình...vd:size=3,=5 tuỳ sở thích mỗi người,
++ Phần color=blue hay =mầu gì là tùy theo ý mình...vd:color=red,=Aqua,=Teal tùy sở thích mỗi người
++ Phần nội dung mình thích điền cái gì vào đó cũng đc.
++ Các bạn có thể phối hợp với các mã lệnh để thêm phần sinh động: mã lệnh là những :< marquee >
< marquee direction="right" > nói chung là tùy bạn biến hóa các mã lệnh,lắp ghép cái này với cái kia lại với nhau.

Read More

ĐẾM NGƯỜI ONLINE TRÊN WEBSITE CỦA BẠN

Bạn có một website cá nhân viết bằng HTML và muốn biết có bao nhiêu người đang online trên website của mình? Việc này thật dễ dàng với sự hỗ trợ của Fastonlineusers, Bạn chỉ việc chèn đoạn mã sau vào trang web của mình: 

Có <script src="http://fastonlineusers.com/online.php?d=www.yoursite.com"></script > người đang truy cập.

Kết quả được thể hiện như sau: Có 1 người đang truy cập.
Trong đoạn mã trên, địa chỉ www.tenwebsite.com được thay bằng địa chỉ website của bạn.
Bạn có thể chèn đoạn mã trên vào bất cứ vị trí nào mà bạn muốn hiển thị số người truy cập trên trang của mình.
Đoạn Script trên chỉ có tác dụng khi bạn có kết nốiInternet và nó sẽ được hiển thị dưới dạng số (Nếu bạn không kết nối Internet bạn sẽ không thấy gì!)
Chú ý nếu bạn sử dụng Frame bạn phải chỉ ra một cách chính xác nơi đến của URL. Cụ thể là trang mà bạn muốn đếm số người online. 

Read More

CODE TỰ ĐỘNG CẬP NHẬT TỶ GIÁ VÀNG, NGOẠI TỆ

Share Code tự động cập nhật tỷ giá Vàng, ngoại tệ từ vnexpress ( rất cool) ,giao diện đẹp 

Ghi chú :
size      =  280                     chiều rộng của khung
fsize     = 12                        kích thước font chữ
bg        =  images/bg.png   Hình nền của khung,các bạn có thể thay hình khác bằng cách đưa link hình vào đây
repeat  = repeat-x               Lặp hình nền theo phương x 
                repeat-y               Lặp hình nền theo phương y
                no-repeat             Không lặp hình nền

r       =1 hiển thị tỷ giá ,      r=0  : ẩn tỷ giá
w     = 1 hiển thị thời tiết ,  w=0 : ẩn thời tiết
g      = 1 hiển thị giá vàng , g=0 : ẩn giá vàng
d    = 0->7 : Set giá trị mặc định cho thời tiết , tương ứng như sau:
+ 0 : TP.HCM
+ 1 : Sơn la
+ 2 : Hải Phòng
+ 3 : Hà Nội
+ 4 : Vinh
+ 5 : Đà Nẵng
+ 6 : Nha Trang
+ 7 : Plieku



Đoạn code Nằm cùng 1 cột : 

<iframe frameborder="0" marginwidth="0" marginheight="0" src="http://www.thienduongweb.com/tool/weather/?size=160&fsize=12&bg=images/bg.png&repeat=repeat-x&r=1&w=1&g=1&col=1&d=0" width="160" height="350" scrolling="no"></iframe><br /><small> <a href="http://hoanglamcm.net" style="color:#0000FF;text-align:left" target="_blank"><img src="" border="0" title="hoanglamcm.net"  style="vertical-align:middle"  /></a></small>

Đoạn code nằm 2 cột :

<iframe frameborder="0" marginwidth="0" marginheight="0" src="http://www.thienduongweb.com/tool/weather/?size=280&fsize=12&bg=images/bg.png&repeat=repeat-x&r=1&w=1&g=1&d=0" width="280" height="220" scrolling="no"></iframe><br /><small><a href="http://hoanglamcm.net" style="color:#0000FF;text-align:left" target="_blank"><img src="" border="0" title="hoanglamcm.net"  style="vertical-align:middle"  /></a></small>

Read More

CHÈN TIN HOT VÀO BLOG

<script type="text/javascript">
epi_id = 'epi-widget-container';
epi_width = '170';
epi_height = '700';
</script>
<script type="text/javascript" src="http:
//www.baomoi.com/Widget/JS/Widget.js">
</script>
<script type="text/javascript" src="http:
//www.baomoi.com/Widget/GenerateJS.aspx?zone=59&count=10&ntype=popular&dtype=2&target=0">
</script>

Hoặc các bạn có thể vào trang này để thiết kế theo ý thích của mình: http://www.baomoi.com/Widget/CreateWidget.aspx

Read More