HƯỚNG DẪN THAY ĐỔI TRỎ CHUỘT (BLOGGER)

Đăng nhập vào Bảng điều khiển → chọn Mẫu → Chỉnh sửa HTML.
- Bấm tổ hợp phím Ctrl+F để tìm đến </head>, chèn đoạn mã dưới này vào trước </head> và lưu lại là xong.

<style type="text/css">body, a, a:hover {cursor: url(Link hình ảnh), progress;}</style>

Lưu ý: Bạn đừng quên thay Link hình ảnh trong đoạn code trên bằng link hình bạn muốn hiển thị làm trỏ chuột. Bạn có thể sử dụng các con trỏ sẵn có bên dưới để trang trí cho blog của mình.
Ví dụ: Nếu bạn muốn hiển thị con trỏ giống như bài viết bạn đang xem, bạn chỉ việc chèn đoạn mã bên dưới vào trước </head>trong template của bạn.

<style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwL889rZ4jbzWK-QNIQIJJyyGTqcye7Fwk3-BZga_Y2TzQdkZqETimX2hotUza7mViMv7EKUxeYjV5C9pZ8YQ6_-AVC24oS3-3_0a4BbeRYr-N77WALCdAP0fvEZjVzSg6lfvJt3hKyyV9/s1600/angel5.gif), progress;}</style>

Cách lấy link ảnh: Bạn bấm chuột phải vào hình ảnh nào bạn muốn sử dụng làm con trỏ, sau đó chọn "Sao chép URL hình ảnh" (hoặc tương tự)

Xem tiếp

THAY ĐỔI KÍCH THƯỚC ẢNH Ở BÀI ĐĂNG PHỔ BIẾN (POPULAR BLOGGER)

Mặc định hình ảnh hiển thị trong tiện íchBài đăng phổ biến (Popular) của Blogger/Blogspot có kích thước là 72px*72px.
Để thay đổi kích thước ảnh này, bạn chỉ việc thêm đoạn mã CSS dưới đây vào ngay trước 

]]></b:skin> trong template đang sử dụng:

#PopularPosts1 .item-thumbnail img{width:65px; height:60px}

Với 65, 60 lần lượt là chiều rộng và chiều cao của ảnh. Bạn có thể thay đổi với giá trị phù hợp.
Lưu ý: Hình ảnh sẽ mờ đi nếu bạn tăng kích thước lớn hơn kích thước mặc định của ảnh (tức là lớn hơn 72px), còn nếu bạn giảm kích thước xuống thì không vấn đề gì.

Xem tiếp

icon hay

Xem tiếp

Hotgirl nóng bỏng trên xế yêu

Xem tiếp

Tạo phân trang có đánh số cho blogger (bổ sung bước 9)

Nguồn:http://www.math2it.com/2014/08/tao-phan-trang-co-anh-so-cho-blogger.html

Xem tiếp

Cách tạo thêm các loại Bài Viết Liên Quan cho blogspot

Bài viết liên quan hiện bài mới nhất dạng đơn giản nhất

Cách thực hiện

Bước 1- Đăng nhập vào Blog ==> Vào Mẫu ==> Chọn Chỉnh sử HTML (Edit HTML)

Khuyên các bạn nên down trực tiếp tất cả code blogspot về rồi chỉnh sửa bằng notepad ++ cho dễ nhé (chú ý sao lưu giữ lấy 1 bản để làm bản gốc để tránh trường hợp bị sai code ko phôi phục lại dc)

Xem tiếp

Hay

The first thing you need to do is to login into your Blogger.com account. After logging in select a blog on which you would like to install the YouTube video in the background. Now go to Template >> Edit HTML >> Search for the </head> tag and just above it paste the following code.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/* jQuery tubular plugin
|* by Sean McCambridge
|* http://www.seanmccambridge.com/tubular
|* Copyright 2012
|* licensed under the MIT License
|* Enjoy.
|*
|* Thanks,
|* Sean */
var videoWidth = 853;
var videoRatio = 16/9;
var defaultDiv = 'wrapper-video';
jQuery.fn.tubular = function(videoId,wrapperId) {
wrapperId = (typeof(wrapperId) == undefined) ? 'wrapper-video' : wrapperId;
t = setTimeout("resizePlayer()",1000);
jQuery('html,body').css('height','100%');
jQuery('body').prepend('<div id="yt-container" style="overflow: hidden; position: fixed; z-index: 1;"><div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div></div><div id="video-cover" style="position: fixed; width: 100%; height: 100%; z-index: 2;"></div>');
jQuery('#' + wrapperId).css({position: 'relative', 'z-index': 99});
var ytplayer = 0;
var pageWidth = 0;
var pageHeight = 0;
var videoHeight = videoWidth / videoRatio;
var duration;
var iframe = '<iframe id="myytplayer" width="' + videoWidth + '" height="' + videoHeight + '" src="http://www.youtube.com/embed/' + videoId + '?autoplay=1&controls=0&modestbranding=1&showinfo=0&hd=1&iv_load_policy=3&version=3&wmode=transparent&loop=1&playlist=' + videoId + '" frameborder="0" allowfullscreen></iframe>';
jQuery('#ytapiplayer').html(iframe);
jQuery(window).resize(function() {
resizePlayer();
});
return this;
}
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.setPlaybackQuality('medium');
ytplayer.mute();
}
function resizePlayer() {
var newWidth = jQuery(window).width();
var newHeight = jQuery(window).height();
jQuery('#yt-container, #video-cover').width(newWidth).height(newHeight);
if (newHeight > newWidth / videoRatio) {
newWidth = newHeight * videoRatio;
}
jQuery('#myytplayer').width(newWidth).height(newWidth/videoRatio);
}
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$().ready(function() {
$('body').tubular('61BLn00AN_w','wrapper-video');
});
//]]>
</script>

After pasting the above coding, again in the template look for <body> open tag and just below it add this small piece of code. However, if you are unable to find <body> tag then try searching <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> or similar piece of code.

<div id='wrapper-video'>

Since, we have added a open DIV id, its our job to close it properly otherwise the template would pop errors. So now search for the </body> ending tag and just above it paste this code.

</div> 

Important: Do not forget to replace 61BLn00AN_w  with the ID of YouTube video, the ID are the characters that appear at the end of the URL. To provide you assistance we have attached a screenshot below. Once everything is done, Save the template.

Congratulations; You have successfully added a YouTube Video in the background of you blogger site. Go and preview your website to see if everything is working just fine.

Xem tiếp