Các bạn có thể xem ảnh minh họa hoặc xem demo bên dưới góc màn hình khi xem bài viết này:
Ảnh minh họa:
» Cách tạo banner quảng cáo dạng Popup ẩn hiện góc màn hình cho blogger :
1. Vào bố cục (layout)
2. Chọn Thêm tiện ích => Tạo một widget HTML\JavaScripts và chèn code bên dưới vào đó:
<style type="text/css"> * html div#fl813691 {position: absolute; overflow:hidden; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; } #eb951855{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVBY372zCZFP5dvWhnuf23kTck3laAAxXJESR2vQ6g45jeDHI0DK4TXAn3lAJLPmcBKwNSZcK0dw1W7Ee4WiEJoiJnlwf1Zsv7HJsSnIqvE6Yds2USvR0sLBY_v1KI_Gk-Fd15bkPVNY/s1600/rightp-namkna.gif) no-repeat right top;} #cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg42ElPI51fmYCMlnpxVIzo85GDxndmiRWK8NAqrz_tOQ4ei7_h0d8f6qU_MrSah0JqfBrNXp8PhLIIXVbpeY-YNC1kzYiYAOT5JH43x04FOAsXn_cMLQPttSBej1F5k3PtUCcIyAu-jbc/s1600/fulld-namkna-ngoctra.gif) no-repeat left top; height:150px; padding-left:7px;} #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;} #coh963846 a{color:#690;text-decoration:none;} #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;} #coc67178 li{display:inline;} #coc67178 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhR_OLVhGRq70queGwNW-oUMpsl-OWlJ15_pafNzyVRQEvs8Rbpd6jfCgUB6Um3lWpkPHqewTTM7N6fUua466dulyGZfmwnAFzbbyRjIaxp28s3ZkypPr7G1Euhysrm3nbM4aqKs-AZBk/s1600/closebutton-namkna.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;} #coc67178 li a.close{background-position: 0 0;} #coc67178 li a.close:hover{background-position: 0 -15px;} #coc67178 li a.min{background-position: -30px 0;} #coc67178 li a.min:hover{background-position: -30px -15px;} #coc67178 li a.max{background-position: -60px 0;} #coc67178 li a.max:hover{background-position: -60px -15px;} #co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;} </style> <div id="fl813691" style="height: 152px;"> <div id="eb951855"> <div id="cob263512"> <div id="coh963846"> <ul id="coc67178"> <li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li> <li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li> </ul> Namkna.blogspot-Thủ thuật Blog </div> <div id="co453569"> <!-- code ads --> <a target="_blank" href="http://namkna.blogspot.com/" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpHXkA1BZJbuPHAnem-Ln4qu1IFabh0eTe5vdysVm-N8h2j_BpKvDBQziphLmzhVHHZK4zvwrb5DUAmBBtdDgVgwnpFkIjwrJM8-7_16zMu4r22N8-D1afEe21mYF9Zd_ESQsYK2EcDj0/s1600/banner-namkna-blogspot-com.png" height="115" title="Namkna | Kiến thức - Giải Trí - Thủ thuật - Giải pháp công nghệ"/></a> <!-- code ads --> </div> </div></div></div> <script> pf204652bottomLayer = document.getElementById('fl813691'); var pf204652IntervalId = 0; var pf204652maxHeight = 150;//Chieu cao khung quang cao var pf204652minHeight = 20; var pf204652curHeight = 0; function pf204652show( ){ pf204652curHeight += 2; if (pf204652curHeight > pf204652maxHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } function pf204652hide( ){ pf204652curHeight -= 3; if (pf204652curHeight < pf204652minHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); function pf204652clickhide(){ document.getElementById('pf204652hide').style.display='none'; document.getElementById('pf204652show').style.display='inline'; pf204652IntervalId = setInterval ( 'pf204652hide()', 5 ); } function pf204652clickshow(){ document.getElementById('pf204652hide').style.display='inline'; document.getElementById('pf204652show').style.display='none'; pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); } function pf204652clickclose(){ document.body.style.marginBottom = '0px'; pf204652bottomLayer.style.display = 'none'; } </script>
» Tùy chỉnh code :
- Namkna.blogspot-Thủ thuật Blog : tiêu đề khung quảng cáo
- http://namkna.blogspot.com/ : liên kết đến website nhà quảng cáo
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpHXkA1BZJbuPHAnem-Ln4qu1IFabh0eTe5vdysVm-N8h2j_BpKvDBQziphLmzhVHHZK4zvwrb5DUAmBBtdDgVgwnpFkIjwrJM8-7_16zMu4r22N8-D1afEe21mYF9Zd_ESQsYK2EcDj0/s1600/banner-namkna-blogspot-com.png : hình ảnh quảng cáo
- Để khung popup hiện bên trái thì bạn thay chữ ringht:0 thành left:0
3. Lưu lại là xong.
» Xem thêm:
Chúc các bạn thành công !
Namkna.blogspot-Thủ thuật Blog
Nhận xét
hi vọng file ko bị die giống Itechplus :)
Trả lờiXóaMình muốn chèn bên trái thì phải chỉnh lại như nào
Trả lờiXóaBên phải bị vướng Back To Top rồi
@ Mít Tơ Ngố: thay chữ ringht:0 thành left:0 Mình đã đánh dấu đỏ rồi đó :))
Trả lờiXóaChúc thành công!
:1) Cám ơn nhiều nhé bạn
Trả lờiXóa@Ghost VN Không có gì đâu bạn :3) :3) :3)
Trả lờiXóacám ơn rất nhiều mình đã add vào site của mình http://www.mybb.vn
Trả lờiXóa@MyBBoard Việt Nam Chúc mừng bạn :3) :3) :3)
Trả lờiXóaTạo sao em chèn vào blog mà nó bị nằm dưới các chữ trong blog vậy anh ?
Trả lờiXóahttp://infofeeling.blogspot.com, mong anh giúp giùm.
@Viet Trung Anh qua thấy banner hiển thị lên trên chữ đó em. Nó chỉ ẩn bên dưới các Video thôi. Cái này do thuộc tính index của Video lớn hơn banner nên nó ẩn bên dưới Video. :3) :3) :3)
Trả lờiXóaBạn ơi mình có ý kiến: nếu mình cho 3 nhà đặt banner góc như vậy thì làm sao để hiện thị cho 3 link của 3 đơn vị quảng cáo như vậy? Mình có thể mặc định 1 banner hiển thị trong 1 thời gian nhất định ko? Ví dụ có 3 banner thì mỗi banner hiện lên 5 giây chẳng hạn.
Trả lờiXóaCho mình giải pháp hay nhé! Thanks bạn
My blog: http://monngoncuoituan.tk/
Đã đợi mấy ngày mà ko thấy bạn hồi âm gì hết. Buồn quá!!!
Trả lờiXóaMình hỏi thêm: Hiện tại trong blog mình sao bây giờ phần thể hiện wiget của các trang bài viết lại ko hiện lên hình? Khi nào nhấn vô bài xem thì mới có. Hình mình có upload từ máy tính lên nên ko thể nào đổ thừa do lấy link từ hình khác được. Ko biết blog mình có đụng chạm với cript nào làm ảnh hưởng ko???
@MON NGON CUOI TUAN Sory bạn mình không để ý. Đê hiện thị như bạn nói thì bạn có thể thay cả đoạn sau:
Trả lờiXóa<a target="_blank" href="http://namkna.blogspot.com/" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://lh5.googleusercontent.com/_PAuO_he0N0k/TYwrpQdPdgI/AAAAAAAAFGI/c8n1B82f_TM/lap-dat-ADSL-fpt-telecom.gif" height="115" title="Namkna | Kiến thức - Giải Trí - Thủ thuật - Giải pháp công nghệ"/></a>
- Thành đoạn code trong bài viết sau: » Tạo banner quảng cáo hiển thị luân phiên.
@MON NGON CUOI TUAN Vấn đề tiếp theo là phần ảnh đó là do tiện ích tại trang chủ của bạn thôi. Trong khi viết bài bạn nên đặt dấu ngắt <!--more--> sau một hình ảnh đầu tiên.
Trả lờiXóaThanks bạn nhé! Mình đã khắc phục được lỗi ko hiện hình ảnh là o mình chỉnh chế độ feed ngắn làm ko hiển thị hình ra. Thanks bạn
Trả lờiXóa@MON NGON CUOI TUAN Không có gì rất vui vì bạn đã chỉnh được.:3) :3) :3)
Trả lờiXóaBlog mình có hiện tượng bài viết thể hiện trong nhãn "Ăn uống" tự nhiên chỉ có 4 bài dù trên tab ghi max là 6 (Link: http://monngoncuoituan.blogspot.com/search/label/%C4%82n%20u%E1%BB%91ng?max-results=6) , khi nhấn tiếp phần Bài cũ hơn thì nó xảy ra lỗi có 2 bài thể hiện (http://monngoncuoituan.blogspot.com/search/label/%C4%82n%20u%E1%BB%91ng?updated-max=2012-07-26T16:13:00%2B07:00&max-results=6&start=4&by-date=false) . Sao tự nhiên đường dẫn lại có hiện tương này: updated-max=2012-07-26T16:13:00%2B07:00&max-results=6&start=4&by-date=false
Trả lờiXóaDù các nhãn khác cùng chủ đề Đi đâu cuối tuần ko bị gì cả. Mình cũng thiết lập mặc định của blogspot là 6 bài đăng nhưng sao chỉ có nhãn Ăn Uống là bị lỗi như vậy.
Hướng dẫn giúp mình cách khắc phục với!!!!
@MON NGON CUOI TUAN bạn xem cahcs khắc phục tại đây nha: » Sửa lỗi không phân trang khi xem theo nhãn:3) :3) :3) :3)
Trả lờiXóamuốn ẩn nó đi, khi nào cần thì hiện lên làm thế nào hả các bác? chì cho e với, em đang cần thanks all
Trả lờiXóademo xxx
Lên cho các bác thấy để giúp đỡ e.
Trả lờiXóathank all
anh oi cho em hỏi là khi em bỏ hàng: http://4.bp.blogspot.com/-px5fvOJ4S-A/T2L-Onx42uI/AAAAAAAAAnY/F5pAI4ZIGvc/s1600/rightp-namkna.gif ,thi cái khung bao ngoài thanh trắng tinh khiết, em thêm cái hình khác rôi mà vấn bị, ??? cảm ơn mọi người
Trả lờiXóa@thái dinh nhan Thai Đps là hình nằm góc bên tay phải của khung. Em thay hình có chiều rộng 15 px và cao 150 px là được.
Trả lờiXóaTớ làm theo hướng dẫn của cậu rồi, nhưng không hiểu sao nó cứ bay mấy cái quảng cáo của cậu lên trên trước khi hiện ra cái quảng cáo của tớ. Tớ xóa đi không dùng nữa vậy mà giờ vẫn còn nguyên poup quảng cáo của cậu.
Trả lờiXóaThế là tại sao vậy? Bày tớ với??
http://blog.hantimes.com/
@SÔNG HÀN
Trả lờiXóaÀ xóa được rồi, nhưng khi chèn quảng cáo vào nó vẫn cứ bay lên cái quảng cáo của cậu. He he!!
Bạn đã thay các phàn này chư:
XóaNamkna.blogspot-Thủ thuật Blog : tiêu đề khung quảng cáo
http://namkna.blogspot.com/ : liên kết đến website nhà quảng cáo
https://lh5.googleusercontent.com/_PAuO_he0N0k/TYwrpQdPdgI/AAAAAAAAFGI/c8n1B82f_TM/lap-dat-ADSL-fpt-telecom.gif : hình ảnh quảng cáo
mình muốn chèn script QC vào thì mình có thể chèn ở đâu vậy bạn. thanks bạn
Trả lờiXóaBạn chèn code quảng cáo thya đoạn này nha:
Xóa<a target="_blank" href="http://namkna.blogspot.com/" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="http://4.bp.blogspot.com/-g3F1n-WhX64/UR-hPEi-LKI/AAAAAAAAI6k/4Wx_79knSpc/s1600/banner-namkna-blogspot-com.png" height="115" title="Namkna | Kiến thức - Giải Trí - Thủ thuật - Giải pháp công nghệ"/></a>
Cái Popup Web điểm thi Nam dùng được hướng dẫn ở bài nào vậy, giới thiệu cho mình với...
Trả lờiXóaCái này nè bạn: XEM NGAY
XóaBạn có thể hướng dẫn làm cái khung hiển thị tiêu đề bài viết trong blog giống khung bên góc phải của blog bạn có chữ Like dc ko vậy
Trả lờiXóaXem bài này nha bạn: Thêm Facebook Recommendations Bar cho blogger
Xóamình muốnn chỉnh cho cái quảng cáo nó hiện lên trên luôn được không bạn. của mình thì nó bị cái slider che khuất
Trả lờiXóahttp://thongtincanhoparcspring.blogspot.com/ mình đang design bạn đóng góp cho mình nha
Trả lờiXóaVUI LÒNG MAIL CHO MÌNH NHÉ. MINHNX1209@GMAIL.COM
Trả lờiXóaMình kiểm tra và không có lỗi như bạn nói nha bạn.
Xóaanh nam ui bên em blog cái popup nó cũng nằm đằng sau chữ chứ không nằm đè lên chữ, và em muốn nó nằm đè lên 2 cái banner quảng cáo 2 bên luôn, sẵn tiện cho em hỏi luôn là sao em làm 2 banner quảng cáo 2 bên nằm im thì được, còn cho nó trượt thì nó bien mất,chừng nào kéo xuống cuối trang thì mới thấy 1/2 cái nằm ở cuối :'(. Tks anh nhiều nha.
Trả lờiXóaĐây là blog của em : http://xuongmaytuixach.blogspot.com/
1. Em bỏ các thuộc tính overflow: hidden; trong tab và outer đi là đươc.
Xóa2. Quáng cáo trượt dọc hãy áp dụng nó để anh kiểm tra nha. Em có thể tìm một số code ở đây: XEM NGAY
tăng kích cỡ của nó lên, mình đã tăng heitgh chỗ "chiều cao khung quảng cáo", mà ko thấy nó to lên,,,,,chỉ thấy nó nhích lên....muốn tăng size lên chỉnh chỗ nào vậy b?
Trả lờiXóavar pf204652maxHeight = 150;//Chieu cao khung quang cao
XóaNgoài ra còn 2 đoạn có height là 150px nữa. Nói chung chỉnh kích thước bạn phải kết hợp tùy chỉnh những đoạn code đó.
uhm, thank, mình chỉnh rồi...
Xóa