Lên đầu trang
Xuống cuối trang

Rất đẹp mắt với các tiện ích cực kỳ đẹp và ấn tượng. Tiện ích Bộ sưu tập ảnh & quà tặng hiệu ứng đẹp cho Blogger V1 này có thể chuyển động, xoay một góc 90 độ và hiển thị chữ lên rất ok.


Để làm thủ thuật Bộ sưu tập ảnh & quà tặng hiệu ứng đẹp cho Blogger V1 này cho blogger blogspot. Chỉ cần vào Blogger -> Bố cục -> Thêm tiện ích -> HTML/JavaScript và copy đoạn mã code sau vào và Lưu lại thôi.

<style type="text/css">

#post-gallery {width:100%; margin:0px auto;font:normal 11px Verdana;color:##000000;padding:8px;}

#post-gallery .rp-item {float:left;display:inline;  position:relative;  margin:2px;  padding:0px 0px;  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbh2o9foNoJW8SmFrzw6S5UyP0ZeFyVKvDlafevBvZc3oyEQeDIvuBAW1T65ALG6wlhO3F5R7dVHXAjpEK3skL9FjYary-ppzloMaVEUtSa345XS7mpPKC-VdYdEjBtHvgo-nTRqbcnTB/s45/choiblog.tk.jpg') no-repeat 50% 50%;  width:73px;  height:76px;}

#post-gallery .rp-item img {  width:65px;  height:65px;  border:none !important;  margin:0px 0px !important;  padding:0px 0px !important;  background:transparent !important;  display:none;}

#post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}

#post-gallery .rp-item .rp-child {  position:relative;  top:10%!important;  left:10%!important;  z-index:1000;  width:200px;  background-color:white;  border-bottom:5px solid #1BA1E2;  -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  padding:10px 15px;  overflow:hidden;  word-wrap:break-word;  display:none;  opacity: 0.9;}

#post-gallery .rp-item .rp-child h4 {  font-size:12px;  margin:0px 0px 5px;  color:#1BA1E2;}

#post-gallery .rp-item:hover .hidden {display:block;}</style>

<script type="text/javascript">

var rpTitle     = "",       // Widget Title

    numposts    = 12,      // Number of Posts to show

    numchar     = 200,      // Number of Characters to be displayed

    rcFadeSpeed = 600,      // Speed

    pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",      // If No Image

    blogURL     = "http://www.terocket.com/";

</script>

<script type="text/javascript">

$(function() {

$('div.rp-item img').hide();

$('div.rp-child').removeClass('hidden');

var winWidth = $(window).width(),

winHeight = $(window).height(),

ttWidth     = $('div.rp-child').outerWidth(),

ttHeight = $('div.rp-child').outerHeight(),

thumbWidth   = $('div.rp-item').outerWidth(),

thumbHeight  = $('div.rp-item').outerHeight();



$('div.rp-item').css('position', 'static').mouseenter(function() {

$('div.rp-child', this).filter(':not(:animated)').fadeIn(rcFadeSpeed);

}).mousemove(function(e) { var top  = e.pageY+20,

left = e.pageX+20;

if (top + ttHeight > winHeight) {

top = winHeight - ttHeight - 40;

} if (left + ttWidth > winWidth) {

left = winWidth - ttWidth - 40;

}

$('div.rp-child', this).css({top:top, left:left});

}).mouseleave(function() {

$('div.rp-child', this).hide();

});

});

function showrecentposts(json) {

var entry = json.feed.entry;

for (var i = 0; i < numposts; i++) {

var posturl;

for (var j=0; j < entry[i].link.length; j++) {

if (entry[i].link[j].rel == 'alternate') {

posturl = entry[i].link[j].href;

break;

}

}

if ("content" in entry[i]) {

var postcontent = entry[i].content.$t;

} else if ("summary" in entry[i]) {

var postcontent = entry[i].summary.$t;

} else {

var postcontent = "";

}

var re = /<\S[^>]*>/g;

postcontent = postcontent.replace(re, "");

if (postcontent.length > numchar) {

postcontent = postcontent.substring(0,numchar) + '...';

}

var poststitle = entry[i].title.$t;

if ("media$thumbnail" in entry[i]) {

postimg = entry[i].media$thumbnail.url

} else {

postimg = pBlank

}

document.write('<div class="rp-item"><a href="' + posturl + '"><img src="' + postimg + '" alt="thumb" /></a>');

document.write('<div class="rp-child hidden"><h4>' + poststitle + '</h4>');

document.write(postcontent + '</div>');

document.write('</div>');

}

}

document.write('<div id="post-gallery"><sc' + 'ript src="' + blogURL + '/feeds/posts/default/-/Gift?max-results=' + numposts + '&orderby=published&alt=json-in-script&callback=showrecentposts"></sc' + 'ript><div style="clear:both;"></div></div>');

var i = 0, int=0;

$(window).bind("load", function() {

var int = setInterval("doThis(i)",400);

});



function doThis() {

var imgs = $('div.rp-item img').length;

if (i >= imgs) {clearInterval(int);}

$('div.rp-item img:hidden').eq(0).fadeIn(400);

i++;

}

</script>

Bạn nhớ một vài chi tiết nhé cần thay đổi cho phù hợp nhé. Ở phần Màu Xanh bạn thay thành Url website hay blog của mình và ở phần Màu Đỏ bạn đánh Tag mà bạn muốn xuất hiện các bài đăng nha.

- Thay đổi địa chỉ blog
- Thay đổi Tag muốn xuất hiện
- Tùy chỉnh khác xem ở phần Style

NGUỒN:
http://www.terocket.com/2014/11/bo-suu-tap-anh-qua-tang-hieu-ung-dep-cho-blogger-v1.html

Posted by ChoiBlogs.blogspot.com Thứ Năm, 13 tháng 11, 2014

0 comments

Đăng nhận xét

_ Khi nhận xét không phải xác minh từ.
_ Bạn nhận xét xong sẽ được quản lý duyệt.
_ Spam link vào nhận xét xem như bạn đã chưa nhận xét !
_ Ghé thăm tôi vào những lúc bạn vui hoặc buồn và khi cần hổ trợ gì đó !
_ Khi bài viết nào có lỗi: xin vui lòng góp ý chân thành! cảm ơn!!!

Nhãn Đám Mây

Software (754) Video (582) Video-Fun (227) Thủ Thuật Blog (211) System tools (184) Hài Kịch (182) Video-Pro (179) Pictures-Fun (161) Tin gì (156) Tin gì ? (154) THỦ THUẬT INTETNET (136) Wallpaper (123) Pictures-Girl Xinh (117) Gift of life (110) Internet Tools (105) Games (75) Template PTS (67) Skin-Gaw2 (66) Giải Trí (65) Others (60) Video-Shock (58) Thủ Thuật Máy Tính (48) Design Tools (46) Music (43) Download Tools (42) CSS ChoiBlogs (41) Anti-Virus (39) Sức Khoẻ (32) Kỹ Năng Sống (30) MultiMedia (28) Video-Tools (28) Cosplay (25) USB Tools (24) Browsers (22) Desktop (22) PDF Tools (22) Phim (22) Rar-Zip-Tool (22) Video-Animals (21) Burning- Convert (19) Thơ và Nhạc (19) Drivers (18) Hoài Linh (18) Media Player (18) Pictures-Pro (18) Rao Bán (18) Registry Tool (18) Thủ Thuật Yahoo (18) Khóa Thư Mục-WebĐen-EXE (15) Virus (15) Add or Remove Programs (14) Thơ (14) Video-SHOW (14) Phong Lee (13) Game-Web (12) Video-Tài Liệu (12) Hide-IP Tools (11) List Xem Nhanh ChoiBlogs (11) Photos -pictures tools (11) Video-Thể Thao (11) Free Licence (10) Office Tools (10) Task Manager Tool (10) Thủ Thuật Facebook (10) Thủ Thuật Photoshop (10) Thủ Thuật Youtube (10) Vietnam's Got Talent (10) WiFi Tools (10) -Cổ tích Việt Nam- (9) DVD-Tools (9) HDD Tool (9) Thủ Thuật Android (Thiết Bị Di Động) (9) Video- Sao Nối Ngôi (9) Video-Bình Tinh (9) Video-Music (9) Video-VÕ HẠ TRÂM (9) Video-Thời Sự (8) Video-Thủ Thuật Đời Sống (8) Defrag tools (7) Flash Tools (7) HTML Tool (7) Hacker Tool (7) MP3 Tools (7) Thuý Nga (7) Từ Khóa Google (7) Icon Tools (6) Kiếm Tiền Online (6) Music-Girl Xinh (6) Tình Yêu (6) Video-Gương Mặt Thân Quen 2016 (6) Chí Tài (5) Game Flash (5) Game Tools (5) Góc nhìn (5) Mobile Tools (5) Nguyen Thi Anh Vien (5) Translate Tools (5) Webcam Tool (5) skin-blog (5) Firewalls (4) Game-mini (4) Screensaver Tools (4) Video-Cờ Cá Ngựa (4) Video-Kim Tử Long (4) Video-Thể Hình (4) Font View (3) Templates (3) Windows 7 (3) Windows Tools (3) Actions PTS (2) Audio tools (2) Editing tools (2) Event-Online (2) Font (2) Game-DOWNLOAD (2) Game-MU Đại Thiên Sứ (2) Ghost WINDOWN (2) Host Free (2) Infographic (2) Keylogger Tools (2) Nghệ Sĩ Minh Béo (2) Nhật Cường (2) PTS Brush (2) PTS Style (2) Sống Đẹp (2) Video-Game (2) Video-Quân Sự (2) Đạo Đời (2) CPU-Tools (1) Camera (1) Camera giao thông (1) Chính Sách Mới - Pháp Luật (1) Coppy Tools (1) Công Nghệ (1) Cảnh Giác (1) Dương Thúy Vi-Wuhsu (1) File Hệ Thống (1) Files Manager (1) Game-Gaw2 (1) Ghost XP (1) Hack Blog (1) Hệ Điều Hành (1) Icon Cảm Xúc (1) Iphone-Tools (1) Khám Phá (1) Music- Pic-Pro (1) PDS PhoToShop (1) Phần Cứng (1) Portable (1) Soft-Test (1) Soft-Việt Hóa (1) Sách Nói (1) TIVI Online (1) Thủ Thuật - Proshow Producer (1) Thủ Thuật Mobile (1) Thủ Thuật-Cốc Cốc (1) Thủ Thuật Di Động (1) Thủ Thuật FireFox (1) Thủ Thuật Phần Cứng (1) Thủ Thuật office (1) Thủ Thuật Điện (1) Thủ Thuật Đời Sống (1) Tin-Bảo Mật (1) Tình Yêu và Cuộc Sống (1) Tiện Ích FireFox (1) Tiện Ích Mouse (1) Tuyển THành Viên (1) Tài Liệu - Biểu Mẫu (1) Tình Yêu Giới Tính (1) Tự Kỷ (1) Video Tools (1) Video-Công Nghệ (1) Video-Cảnh Giác (1) Video-Giao Thông (1) Video-Hướng Dẫn Làm (1) Video-Movie (1) Video-NSƯT Bạch Long (1) Video-Sáng Tạo (1) Video-Thủ Thuật - Proshow Producer (1) Video-Vietnam's Got Talent 2014 (1) Video-Đời Sống (1) Video-Ơn Trời Cậu Đây Rồi (1) Yahoo Chat (1) [Danh Sách] Karaoke MrChoiBlog (Karaoke-Beat-Chuẩn) (1)

Đăng ký nhận bài viết mới

Bài đăng phổ biến

New Commets