<!-- Favicon








































#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px} #PopularPosts1 ul li:first-child{background:#ff4c54;width:97%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:82px;height:82px;} #PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none} #PopularPosts1 ul li a:hover{color:#222;text-decoration:none} #PopularPosts1 img{ -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding:4px; border:1px solid #fff !important; } #PopularPosts1 img:hover { border-radius: 0 0 0 0; -moz-transform: scale(1.2) rotate(-711deg) ; -webkit-transform: scale(1.2) rotate(-711deg) ; -o-transform: scale(1.2) rotate(-711deg) ; -ms-transform: scale(1.2) rotate(-711deg) ; transform: scale(1.2) rotate(-711deg) ; } /* star truong color */ .qc-header-post { float:left; width:100%; } .post-ads { float:left; margin:0 10px 10px 0; position:relative; } @media (max-width:600px) { .post-ads { width:100%; } .post-right { margin-left:0 !important; width:100%; float:left; } } .post-ads { width:100%; } .post-right { margin-left:0 !important; width:100%; float:left; } } .post-body img { transition:all .3s; max-width:100%; } .post-right { margin:0 0 0 310px; padding:0 0 10px; } .post-excerpt { margin:0; padding:10px; background-color:#ECF0F1; font-size:17px; line-height:1.5em; color:#0093da; } #related-posts { margin:10px 0; } #related-posts1 h4{color:#E74C3C;border-bottom:1px dashed#E74C3C;font-size:18px;margin-bottom:5px} #related-posts1 ul li a:before{content:"\f046";font-family:'FontAwesome';padding-right:10px} #related-posts ul li { list-style-type:none; color:#000000; font-size:20px; line-height:22px; max-height:22px; overflow:hidden; } #related-posts ul li a { color:#FFFFFF; } #related-posts ul li a:hover { color:#0093da; } #related-posts h4 { color:#E74C3C; border-bottom:1px dashed #E74C3C; padding:10px 0; font-size:18px; margin-bottom:5px; } #related-posts ul { margin-left:0; } #related-posts .fa { margin-right:5px; } #related-posts ul li { padding: 10px 0; float: left; width: 100%; margin-right: 0; max-height: 70px } #wrap { margin: 20px auto; text-align: center; } #wrap br { display: none; } .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; } .btn-slide2 { border: 2px solid #efa666; } .btn-slide:hover { background-color: #0099cc; } .btn-slide2:hover { background-color: #efa666; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #0099cc; } .btn-slide2:hover span.circle2 { color: #efa666; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide2 span.circle2 { background-color: #efa666; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #30abd5; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #efa666; left: 80px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff; } /* star truong color */ .qc-header-post { float:left; width:100%; } .post-ads { float:left; margin:0 10px 10px 0; position:relative; } @media (max-width:600px) { .post-ads { width:100%; } .post-right { margin-left:0 !important; width:100%; float:left; } } .post-ads { width:100%; } .post-right { margin-left:0 !important; width:100%; float:left; } } .post-body img { transition:all .3s; max-width:100%; } .post-right { margin:0 0 0 310px; padding:0 0 10px; } .post-excerpt { margin:0; padding:10px; background-color:#ECF0F1; font-size:17px; line-height:1.5em; color:#0093da; } #related-posts { margin:10px 0; } #related-posts1 h4{color:#E74C3C;border-bottom:1px dashed#E74C3C;font-size:18px;margin-bottom:5px} #related-posts1 ul li a:before{content:"\f046";font-family:'FontAwesome';padding-right:10px} #related-posts ul li { list-style-type:none; color:#000000; font-size:20px; line-height:22px; max-height:22px; overflow:hidden; } #related-posts ul li a { color:#FFFFFF; } #related-posts ul li a:hover { color:#0093da; } #related-posts h4 { color:#E74C3C; border-bottom:1px dashed #E74C3C; padding:10px 0; font-size:18px; margin-bottom:5px; } #related-posts ul { margin-left:0; } #related-posts .fa { margin-right:5px; } #related-posts ul li { padding: 10px 0; float: left; width: 100%; margin-right: 0; max-height: 70px } #wrap { margin: 20px auto; text-align: center; } #wrap br { display: none; } .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; } .btn-slide2 { border: 2px solid #efa666; } .btn-slide:hover { background-color: #0099cc; } .btn-slide2:hover { background-color: #efa666; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #0099cc; } .btn-slide2:hover span.circle2 { color: #efa666; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide2 span.circle2 { background-color: #efa666; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #30abd5; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #efa666; left: 80px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff; } --> --> -->

<!-- Header wrapper

• ۩ Trang Chủ
• ⋆ Up Ảnh
• ⋆ Sơ Đồ Web
• ⋆ Giới Thiệu
• ⋆ Liên Hệ
• ⋆ FanPage
• ⋆ Kiếm Tiền Online

• TipsThủ Thuật
  • Facebook
  • Icon facebook
  • Photoshop
  • Blogger
  • Windows
  • HTML - CSS - PHP - ?
• Tool
  Công cụ
  • Photoshop
  • Viết chữ ngược
  • Viết chữ ngang
  • Photofunia
  • Photoshop
  • Chỉnh sửa ảnh
  • Ghép ảnh
  • Font Awesome
  • Html editor
• Photo
  Hình ảnh
  • Ảnh bìa
  • Avatar đẹp
  • Ảnh Vịt Bối Rối
  • Ảnh động
• Archives Thư viện học liệu
  • Tin học căn bản
  • Đồ họa
  • Mạng máy tính
  • Lập trình
  • Hacking Bảo mật
  • Kiếm tiền
• Download
  Chuyên mục Chia sẻ
  • PSD
  • C4D
  • Blogger Template
  • Logo
  • Phần mềm
  • PSD CMND
• PlayGiải trí
  • Nghe nhạc
  • Ghép ảnh
  • Xem phim
• VideoYoutube

Tin Tức

recent

Home Blogger Code Share HTML Trang Trí Banner Noel Cho Blog

Share HTML Trang Trí Banner Noel Cho Blog

Game Official 11:10:00 AM Blogger, Code

Cũng gần đến Trung Thu rồi, để website/wap/blog đẹp hơn nên sau vài lần tìm hiểu mình đã thành công ...

Bài viết liên quan:

Cũng gần đến Trung Thu rồi, để website/wap/blog đẹp hơn nên sau vài lần tìm hiểu mình đã thành công code trang trí Tết Trung Thu ở dưới trình duyệt Blog. Code này cũng không có gì đặc biệt nhưng nó cũng góp phần làm cho Blog bạn đẹp hơn.

Trang trí Noel cho Blog của bạn
  Để tạo thì không khó, chỉ vài bước nhỏ thôi.

1. Các bạn đăng nhập vào Blogger >> Mẫu >> Thêm tiện ích >> HTML/Javascript >> Copy và dán toàn bộ code sau vào.

CODE

<script type='text/javascript'>

//<![CDATA[

document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://sv1.upsieutoc.com/2016/12/02/BannerVTD.png) repeat-x bottom left;"></div><a href="http://www.vutienduc.net/" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://sv1.upsieutoc.com/2016/12/02/HAHHA.png"/>');

var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];

for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>');

//]]>

</script>2. Lưu lại và tận hưởng kết quả. Rất đơn giản phải không các bạn. Mong là thủ thuật này hữu ích. Chúc các bạn thành công!

Share HTML Trang Trí Banner Noel Cho Blog Reviewed by Game Official on 11:10:00 AM Rating: 5

Từ khóa :

Blogger Code

• Tweet
• Share
• Chia sẻ
• Chia sẻ
• Chia sẻ

Thông tin tác giả: Nguyễn Đăng Nhật

- Chào mừng bạn đến với Website - Chia sẻ Thủ Thuật - Phần Mềm - Ảnh Đẹp - Photoshop - PSD Tổng Hợp được cập nhật liên tục. Mong được mọi người quan tâm. Like và Share giúp Website phát triển nhé !!!

Code

• 
  
  
• 
  
  

No comments:

Subscribe to: Post Comments (Atom)

Nhấn Thích Trang Kul Tricker Blog Đã Rồi Tắt Nhé

Chuyển Đổi Màu

Nhận Bài Viết Mới Nhanh Nhất

Đăng Kí Kênh Youtube

Theo Dõi Admin

XEM NHIỀU

• 
  
  
  
  

  Share SLL Các Web Buff Sub Cho AE

  Share số lượng lớn các website buff sub cho Ae => https://auto-bot.me/ => https://fbtoools.com => http://official-liker.ne...
• 
  
  DOWNLOAD PTS CS6

  Adobe Photoshop CS6 Full + Crack Adobe Photoshop là phần mềm chỉnh sửa và tạo ảnh mạnh mẽ và được sử dụng nhiều nhất hiện nay. Các bạn...
• 
  
  
  
  

  HD Cài Curl Like

  Hướng dẫn cài CURL like Hướng dẫn cài CURL like   Hướng dẫn cài CURL LIKE qua hosting cp11 . Hàng FREE nên đừng đòi hỏi nhá...
• 
  
  
  
  

  Share Cách Buff Sub X20,X30 Hublaa

  – Đầu tiên: Download Auto Click tại đây: Auto Click 2.2 – Buớc 2: Down Trình duyệt Opera, Mozilla Firefox, Cốc Cốc, Chorme ( nói chung cà...
• 
  
  
  
  

  Share Web Buff Sub Mới Không Tụt

  -Hello =) - Hôm nay mình sẽ share cho các bạn web buff sub không tụt :v Vô tự tìm hiểu nhé,kiểu như hublaa thôi =) Mình đặt hơi nhiều l...
• 
  
  
  
  

  Share Tool Auto Reg Clone Facebook V1

  📢 [MIỄN PHÍ] CÓ GÌ HOT TRONG AUTO REG CLONE FACEBOOK V.1 Xin Chào Các Bạn, Hôm Nay Blog VuTienAnh Sẽ Chia Sẻ Cho Bạn 1 Bộ Tools AuTo Reg C...
• 
  
  
  
  

  [PSD] Brush Dây Sáng Và Tích Xanh

  [PSD] Brush Dây Sáng Và Tích Xanh
• 
  
  
  
  

  Share Web Buff Sub Việt Không Time AutoBotIT.Ga

  Bước 1: Vào  AUTOBOTIT.GA  Và Đăng Nhập Bước 2: Vào   Đây   Share bài viết + Tag 5 Friend Bước 3: CMT STT Tên + ID ( Demo: Lê Quang Thái -...
• 
  
  
  
  

  Tổng Hợp Bộ Wind Đẹp Cho PTS

  Tổng Hợp Bộ Wind Đẹp Cho PTS
• 
  
  
  
  

  Share PSD Bắc Lệ Rơi Nam Tùng Sơn

  Liên Hệ Download

Lưu trữ

• 
  
  
  
  ▼
  
  
  
  
  2016
  
  (484)
  
  • 
    
    
    
    ▼
    
    
    
    
    December
    
    (11)
    
    • Share PSD Ông Bà Anh
    • Share HTML Trang Trí Banner Noel Cho Blog
    • Share Full Code VnBot.Xyz Mod StarVip
    • Share Api Get Token Bằng Cookies
    • Share Code Tìm Tham Quan Cho Mạng Xã Hội Avatar
    • Share Code Shop Bán Hàng Đẹp
    • Share Code Merry Christmas 2016 - Gửi lời chúc cực...
    • Tạo Bộ Lịch Đếm Ngược Có Lời Chúc Giáng Sinh Độc Đ...
    • Share Code Đếm Ngược Thời Gian Giáng Sinh Đơn Giản...
    • Share Code Site BotCamXuc.Us
    • Share Một Số Api PhuongBach
  • 
    
    
    
    ►
    
    
    
    
    November
    
    (44)
    
  • 
    
    
    
    ►
    
    
    
    
    October
    
    (30)
    
  • 
    
    
    
    ►
    
    
    
    
    September
    
    (3)
    
  • 
    
    
    
    ►
    
    
    
    
    August
    
    (7)
    
  • 
    
    
    
    ►
    
    
    
    
    July
    
    (22)
    
  • 
    
    
    
    ►
    
    
    
    
    June
    
    (28)
    
  • 
    
    
    
    ►
    
    
    
    
    May
    
    (174)
    
  • 
    
    
    
    ►
    
    
    
    
    April
    
    (165)
    

Ngẫu nhiên

Liên Kết

CLICK ĐỂ KẾT NỐI BẠN BÈ Kul Tricker Blog FanPage Youtube Google Plus Nguyễn Đăng Nhật Blog Web atuolike, sub free Star Dũ Blog Star Tuấn Blog Khari Walkaz Blog Khải Share Blog

Labels

3D Adsense Ảnh Bìa Avatar Blogger Brush C4D Check Pass CMND Code Cover DDos Download Facebook Fanpage Font Game Ghost Gmail Hacker Host HTML Kiếm Tiền Like Logo Mockup Online Ouo.io Phần Mềm Photoshop PSD Report Seo Style Tâm Trạng Template Tool Traffic Tricks Tut Unlock Video Web Wind Windows Wordpress

Thống Kê Truy Cập

Pageviews

Posts

• THỦ THUẬT
• TEMPLATE
• PHẦN MỀM
• FILE PSD
• FILE C4D
• ADMIN

ĐÓNG GÓP Ý KIẾN

Fanpage

Thông Tin

Kul Tricker Blog - Blog Chia Sẻ Thủ Thuật - Kinh Nghiệm Hữu Ích | Phần mềm | Ảnh Đẹp | PSD Tổng Hợp Tác Giả - Nguyễn Đăng Nhật Giao diện - BMAG ver 2.0.2 Phát Triển Bởi - Kul Tricker Blog Ngày Thành Lập - 25/04/2016 Liên Hệ - Facebook

Theo Dõi Qua Email

All Rights Reserved by Kul Tricker Blog © 2015 - 2016

Template bởi: Nhật KTK Template by Nguyễn Đăng Nhật

Hộp thư đóng góp ý kiến

Name Email * Message *

Powered by Blogger.

-->
-->