Browsing "Older Posts"

Browsing Category "codeblog"

Xóa bỏ dòng chữ Cung cấp bởi Bloger cho Blogsport

Chủ Nhật, 14 tháng 8, 2016 / No Comments

Xóa bỏ dòng chữ Cung cấp bởi Bloger cho Blog

Dòng chữ cung cấp bởi Blogger chính là Attribution Widget -một tiện ích được tích hợ sẵn trong blogsport mà khi vào phần bố cục (layout) cũng không xóa được

Xóa bỏ dòng chữ Cung cấp bở Bloger cho Blog

Để xóa được ta sẽ làm theo cách sau
Đăng nhập Blog > vào mẫu >chỉnh sửa HTML >Ấn Ctrl F tìm chữ 'Attribution'
Tiếp theo để ý dòng

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Thay từ true thành false rồi lưu lại

Cuối cùng vào phần Bố cục, mở tiện ích [Định cấu hình Thuộc tính] Cung cấp bởi blogger . Lúc này ta sẽ thấy đã có thêm chữ Xóa bỏ, ấn Xóa bỏ và lưu lại là xong.

Thế là xong_Chúc các bạn thành công !!!

Thêm bài viết liên quan bên dưới bài đăng trong blogspot

Thứ Bảy, 13 tháng 8, 2016 / 1 Comment

Tạo bài viết liên quan cho blog

Hướng dẫn chèn khung Comment Facebook vào Blogspot.

/ 1 Comment

Chèn khung comment facebook vào blogsport

Hướng dẫn chèn khung Comment Facebook vào Blogspot.

Facebook vô cùng rộng lớn những chức năng trên Website, Blog cũng là những đáp ứng hay cho người vào xem. Ngoài ra Facebook sẽ giúp bạn tăng đáng kể lượt truy cập qua những tiện ích chia sẻ, Page và Comment Facebook.

Hướng Dẫn Tạo Comment Facebook Cho Blogspot
Bước 1: Các bạn vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Ctrl + F tìm tới thẻ đóng </head> và dán code dưới đây ngay bên trên nó:

 <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="650"></div>';
//]]>
</script>

Trong đó:
data-num-post="5": là số bình luận hiển thị ra
width="650": bằng độ rộng của khung comment.
Bước 3: Bạn tìm tới <body> và dán đoạn code dưới đây ngay dưới nó:

<div id='fb-root'/>
<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>

Bước 4: Bạn tìm tới đoạn: <b:include data='post' name='post'/> và dán đoạn code dưới đây ngay bên dưới nó"

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

Bước 5: Lưu mẫu lại và xem kết quả
Chú ý: Đoạn tìm ở bước 4 là theo mẫu chung, bạn hoàn toàn có thể tìm với vị trí mà bạn muốn để comment Facebook theo ý bạn bằng cách tìm tới khu vực <DIV> của nó và dán vào.
Chúc các bạn thành công...!!!

Hướng dẫn xóa phần nhận xét trong blogspot

/ No Comments

Hướng dẫn xóa phần nhận xét trong blogsport

xóa phần nhận xét trong blogspot

Khi add bất cứ template nào lên blogspot chúng ta đều phải chỉnh sửa, vì dù ta có thích giao diện của template nhưng vẫn có chỗ chưa hài lòng và muốn chỉnh sửa theo ý của mình.

Hôm nay mình sẽ hướng dẫn các bạn xóa phần "đăng nhận xét" của blogspot.

Bước 1: Bôi đen phần bạn cần xóa, sau đó nhấn chuột phải => kiểm tra phần tử.

Bước 2: Nó sẽ hiện ra phần tử bộ code bên trong của phần đăng nhận xét, nhiệm vụ của bạn bây giờ phải tìm được phần code này ở trong HTML ở trong blogspot và xóa nó đi.

Bước 3: Copy phần code vừa tìm.

Bước 4: Sau đó các bạn vào mẫu => chỉnh sửa HTML.

Bước 5: Nhấn chuột vào bộ code rồi ấn "Ctrl + F" để mở cửa sổ tìm kiếm, sau đó bạn paste phần trong ngoặc kép vào ô tìm kiếm, vì nếu bạn paste cả bộ code dài trước đó bạn copy thì nó sẽ không đọc được và không tìm thấy.

- Khi tìm bất cứ phần tử nào cũng vậy, bạn hãy tìm tên của phần tử đó trong bộ HTML, thường thì tên phần tử ở trong ngoặc kép " ".

Bước 6: Sau đó bạn tìm bộ code sau và xóa nó đi.

Bước 7: Lưu mẫu và xem thành quả.

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

Thêm thanh cuộn phần trăm vào thanh cuộn cho Blogger

/ No Comments

Thêm thanh cuộn phần trăm vào thanh cuộn cho Blogger

Như các bạn cũng biết thì thanh cuộn đóng một vị trí khá quan trọng, chúng ta sử dụng nó như một công cụ xác định vị trí chúng ta đang ở trong một trang web, trên hay dưới hay là một vị trí bất kỳ nào đó ở thân trang. Tại bài viết này tôi muốn hướng dẫn cho các bạn hiệu ứng hiển thị phần trăm cho thanh cuộn, để giúp website bạn trông bắt mắt hơn đối với người sử dụng. Demo bạn có thể xem ngay tại bài viết này, nhìn thanh cuộn ở phía bên phải màn hình.

Thêm phần trăm vào thanh cuộn cho Blogger

HƯỚNG DẪN CÀI ĐẶT VÀ SỬ DỤNG PHẦN TRĂM VÀO THANH CUỘN CHO BLOGGER

Đầu tiên đương nhiên là đăng nhập vào Blogger của bạn, chọn blog mà bạn muốn chèn. Tiếp theo tại menu phía bên phải chọn Mẫu >> Chỉnh sửa HTML. Tiếp đến tìm đến thẻ ]]></b:skin> và chèn đoạn CSS vào phía trên.

#scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #2187e7;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: ” ”;
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}

Kế đến các bạn tiếp tục tìm đến thẻ </head> và chèn đoạn code sau vào phía dưới.

<div id='scroll'></div>

Cuối cùng tìm đến thẻ </body> chèn đoạn JavaScript sau ngay bên trên, xong rồi chọn Lưu Mẫu.

<script type='text/javascript'>
/*<![CDATA[*/
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
/*]]>*/
</script>

Hi vọng hiệu ứng phần trăm vào thanh cuộn giúp bạn có một Blogger đẹp hơn và tạo cảm giác thích thú hơn cho người đọc, từ đó người đọc sẽ có cảm tình và theo dõi blog của bạn nhiều hơn.
Chúc các bạn thành công !

Code hiển thị số người đang online cho Blog

/ No Comments

Code hiển thị số người đang online cho Blog

Hiển thị số người đang online cho bạn biết được số khách đang truy cập hiện tại trên Blog

1.Đầu tiên bạn truy cập vào đây : http://whos.amung.us/

2.Bạn chọn :Widgets

3 Chon loại Widgets mà bạn thích và copy Code về Blog

Cài đặt số liệu thống kê trên trang web của bạn là rất dễ dàng.Bạn có thể dung miễn phí hoặc mất tiền (có nhiều chức năng hay hơn) . Đơn giản chỉ cần sao chép đoạn mã html mà bạn nhìn thấy dưới đây và dán nó vào mỗi trang bạn muốn theo dõi.

Code hiển thị số người đang online cho Blog

Muốn có một widget phong cách khác nhau? Xem tất cả các loại khác nhau trong bộ sưu tập sau tại :whos.amung.us - showcase

4 .Tiếp theo bạn thêm nó vào website hay blog của bạn

(blog có thể là WordPress,Blogspot)
Mình xin lấy 1 vài ví dụ

Thêm vào blog WordPress: bạn chọn Appearance > Widgets (hoặc Giao diện > Widget nếu bạn đang dùng tiếng Việt). Bạn dán đoạn mã đã sao chép ở bước 1 vào rồi nhấp Save.

Thêm cho Blogspot: Bạn đăng nhập vào blog ==> Chọn bố cục ===> Tìm đến thêm Tiện ích (Chọn HTML/Javascript) ==> ban copy đoạn code rồi bạn dán đoạn mã đã sao chép ở bước 1 vào rồi nhấp Save.

Bạn muốn thêm vào website của bạn bạn bạn vào đây xem tiếp nhé:
Cách đếm số người đang truy cập website hay blog của bạn

Cái này mình đang áp dụng cho cai blog Webhayit.blogspot.com của mình và thấy khá là hay
Vậy là Ok chúc các bạn thành công !

Code Tạo hiệu ứng Trỏ chuột cực đẹp cho Blog

/ No Comments

Code Tạo hiệu ứng Trỏ chuột cực đẹp cho Blog

Chỉ cần Copy đoạn mã bỏ zô Blog các bạn đẹp lung linh ngay. Bắt đầu nào.

Hiệu ứng 3 Ngôi Sao
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/3ngoisao.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Bồ Câu Bay
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 1500; POSITION: absolute; TOP: 0; HEIGHT: 1000">
<embed src=" http://www.geocities.jp/nhacnen_loit...4/bocaubay.swf " width="700" height="1000" wmode="transparent" align="left">
</DIV>

Hiệu ứng Bướm Bay Và Pháo Hoa
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 1500; POSITION: absolute; TOP: 0; HEIGHT: 1000">
<embed src=" http://www.geocities.jp/nhacnen_loit...yvaphaohoa.swf " width="700" height="1000" wmode="transparent" align="left">
</DIV>

Hiệu ứng Những Trái Bóng Đung Đưa
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/nhungtraibong.swf" width="750" height="922" wmode="transparent" align="right"> </DIV>

Hiệu ứng Chòm Sao Sáng
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/sao.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Sao Thập Cẩm Đủ Màu
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/SaoThapCamDuMau.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Sao Rơi
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/saroi.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Tim Hồng Bay Lên
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 1500; POSITION: absolute; TOP: 0; HEIGHT: 1000">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/timhong.swf" width="700" height="1000" wmode="transparent" align="left">
</DIV>

Hiệu ứng Bướm Trắng Bay
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/BuomTrangBay.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Cá Bơi Lội Tung Tăng
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/caboiloi.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Tuyết Rơi Và Sao Bay
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/tuyetsao.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Đôi Bướm Xanh Bay
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/buomxanh.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Hiệu ứng Dàn Sao Đung Đưa
<DIV id="Layer1" style="Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622">
<embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/saodungdua.swf" width="750" height="922" wmode="transparent" align="right">
</DIV>

Còn rất ngiều hiệu ứng đẹp :

Bước 1: bạn truy cập vào http://www.totallyfreecursors.com/

Bước 2:click vào một hình trỏ chuột mà bạn cảm thấy ưng ý

Bước 3:trong cửa sổ hiện ra,bạn coppy hết mã code HTML

Bước 4:các bạn quay về blog của mình vào Mẫu --->chỉnh sửa HTML rồi nó sẽ hiển thị ra mọt cái bảng khá rắc rối--->bấm vào cái bảng và ấn CTRL+F và điền <body> ấn enter rồi dán cái mã code coppy vừa nãy sau chữ <body>

Chúc các bạn thÀNH CÔNG !

Tạo sitemap Cho Blogsport

/ No Comments

Tạo Sitemap Cho Blogsport

Blogspot Có 2 Dạng Sitemap, Thứ Nhất Là Loại Sitemap Dùng Để Submit Lên Google Webmaster Tools (Sitemap Dành Cho Googlebots), Thứ Hai Là Loại Sitemap.Html Dành Cho Người Dùng.

Để Tạo Sitemap Cho Googlebots, Bạn Chỉ Cần Vào Google Webmaster Tools, Tìm Đến Mục Submit Sitemap Và Làm Theo Hướng Dẫn Bên Dưới Và Thêm Đoạn Mã Sau Vào Ô Text :

Atom.Xml?Redirect=False&Start-Index=1&Max-Results=500

1. Đăng nhập vào Google Webmaster Tools với tài khoản Google của bạn.
2. Tại tab bên trái bảng điều khiển => Tối ưu hóa (hoặc thu thập dữ liệu) => Sơ đồ trang web (Xem hình dưới) để cài site map.
3.Bấm nút Thêm/Kiểm tra sơ đồ trang web góc trái (nút màu đỏ)

4.Một của sổ Popup xuất hiện bạn dán đoạn code lấy theo RSS của Google vào:

atom.xml?redirect=false&start-index=1&max-results=500

Sau đó bấm chọn gửi sơ đồ trang web

Như thế là bạn đã tạo sitemap blogspot cho google rồi

Đối Với Người Dùng, Các Bạn Cần Tạo Một Sơ Đồ Trang Web Thân Thiện Hơn :

Đề làm được điều đó các bạn hãy tạo một trang mới trong Blog của mình và đặt cho nó một cái tên như sitemap hay sơ đồ trang.

Sau đó các bạn chuyển sang chế độ HTML trong trang mới đó và chèn đoạn code sau :

Thay http://webhayit.blogspot.com/ bằng link trang web của bạn

Lưu lại và kiểm tra kết quả.

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

Đăng ký: Bài đăng ( Atom )

News Ticker

Browsing "Older Posts"

Xóa bỏ dòng chữ Cung cấp bởi Bloger cho Blog

Tạo bài viết liên quan cho blog

Thêm bài viết liên quan bên dưới bài đăng trong blogspot

Chèn khung comment facebook vào blogsport

Hướng dẫn chèn khung Comment Facebook vào Blogspot.

Hướng dẫn xóa phần nhận xét trong blogsport

xóa phần nhận xét trong blogspot

HƯỚNG DẪN CÀI ĐẶT VÀ SỬ DỤNG PHẦN TRĂM VÀO THANH CUỘN CHO BLOGGER

Tạo Sitemap Cho Blogsport

Blogspot Có 2 Dạng Sitemap, Thứ Nhất Là Loại Sitemap Dùng Để Submit Lên Google Webmaster Tools (Sitemap Dành Cho Googlebots), Thứ Hai Là Loại Sitemap.Html Dành Cho Người Dùng.

Để Tạo Sitemap Cho Googlebots, Bạn Chỉ Cần Vào Google Webmaster Tools, Tìm Đến Mục Submit Sitemap Và Làm Theo Hướng Dẫn Bên Dưới Và Thêm Đoạn Mã Sau Vào Ô Text :

Atom.Xml?Redirect=False&Start-Index=1&Max-Results=500

Đối Với Người Dùng, Các Bạn Cần Tạo Một Sơ Đồ Trang Web Thân Thiện Hơn :