Blogger
Tạo khung download và duyệt web an toàn đẹp cho blogger
Bước 1 : Tạo một trang tĩnh với Demo tiêu đề hoặc Demo Templates vv. Trong nội dung, lên để viết bất cứ điều gì, hoặc xóa cũng không sao. Sau đó xuất bản. Bước 2 : Vào Template -> Edit HTML. Lưu …
Bước 1: Tạo một trang tĩnh với Demo tiêu đề hoặc Demo Templates vv.
Trong nội dung, lên để viết bất cứ điều gì, hoặc xóa cũng không sao. Sau đó xuất bản.
Bước 2: Vào Template -> Edit HTML. Lưu mã CSS này trên ]]></b:skin> hoặc </style>
#view { padding: 0; margin: 0; border: 0; position: fixed; top: 50px; left: 0; right: 0; bottom: 0; width: 100%; height: 93%; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLQ-45-6u9KXOerKst82VQECYQ4nQ7cVv-JDPMmItoNQ0sc8oy0jMzUbuymXNTS7mFs7qG5czh5IeA1hSTiSDImvIFe5BDnU2bKiuXuHvhrP39hvk03s59Wgtkiio83xww76QdNuGaDm8/s1600/loader.gif)no-repeat center center; transition:all .4s ease-out; } #tab-demo { width:100%; height:50px; top:0; left: 0; background:#222; color:white; font:normal 13px Arial, sans-serif; z-index:99999; position:fixed; } .closebutton { background:#66af33 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZB-xV0F7fCQKtVEAD1YRbHlnG-VNAWeMVhYkx6NPecnXqqYwdfO1uMyw6upE7FcFfUzJbpRZ8_yI6yLvPZ7H6zbu6uzgv6HXqlGi2B3BmsGq56Z8WiLRoSGVsPeqWuDOMGPGZT4UKg9Q/s1600/close.png)no-repeat 15px 50%; text-align:center; height:50px; padding:0px 20px 0px 50px; position:fixed; top:0; right:0; line-height:50px; cursor:pointer; color:white; } a.closebutton {color:white;text-decoration:none;} .closebutton:hover {background:#579c26 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZB-xV0F7fCQKtVEAD1YRbHlnG-VNAWeMVhYkx6NPecnXqqYwdfO1uMyw6upE7FcFfUzJbpRZ8_yI6yLvPZ7H6zbu6uzgv6HXqlGi2B3BmsGq56Z8WiLRoSGVsPeqWuDOMGPGZT4UKg9Q/s1600/close.png)no-repeat 15px 50%} .dlbutton:hover {background:#579c26 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFbsz_xnI7TSXoIRLleTWMH17Ps_pdVC9AIDS3gbvUv4yD9khw44KpYvAfqgOB7bj3B9Faj_G43HYFAJ_5wqqQYnPHzNQGFu44o8f6st7nlbdAmH1iP2WXP5DD4uZu2MBTqrO37OmGeQY/s1600/download.png)no-repeat 15px 50%} .dlbutton, a.dlbutton { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFbsz_xnI7TSXoIRLleTWMH17Ps_pdVC9AIDS3gbvUv4yD9khw44KpYvAfqgOB7bj3B9Faj_G43HYFAJ_5wqqQYnPHzNQGFu44o8f6st7nlbdAmH1iP2WXP5DD4uZu2MBTqrO37OmGeQY/s1600/download.png)no-repeat 15px 50%; text-align:center; height:50px; padding:0px 20px 0px 55px; position:fixed; top:0; right:158px; line-height:50px; cursor:pointer; color:white; text-decoration:none; } .demologo, a.demologo { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggarjiJ4AgyOPrqn2L7wRTH6jd5DMq3D9xl3MZOaRFxKGtcypNNFf6Tqk_RNSBoeSpiryFMwdgoHKq3VRbNYwk0j2SP5CzyFGzHPRD2p_ss51hywkOjEg_Ebajog4b4-QvpOvJNWKEHuU/s1600/ki-logo.png)no-repeat left center; padding-left:55px; font-size:17px; font-weight:normal; font-family:Oswald, Arial, Sans-serif; text-transform:uppercase; line-height:50px; left:15px; position:fixed; color:white; text-decoration:none; }Bước 3: Lưu đoạn mã này vào dưới <body>
<b:if cond='data:blog.url != "http://data.dongcamxuc.net/p/id.html"'>
Thay thế các mã được đánh dấu bằng một URL trang blog giới thiệu bạn bè, chẳng hạn như: http://data.dongcamxuc.net/p/id.html
Bước 4: Lưu đoạn mã này ở trên
</body> </b:if> <b:if cond='data:blog.url == " http://data.dongcamxuc.net/p/id.html "'> <script type='text/javascript'> / / <! [CDATA [ chức năng getQueryVariable (biến) { var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i <vars.length; i + +) { var cặp = VAR [i] split ("="). if (cặp [0] == biến) { cặp trở lại [1]; } } trở lại (false); } window.onload = function () { var url = getQueryVariable ("url"); var tải = getQueryVariable ("download") document.getElementById ('xem') src = url. document.getElementById ('dl') href = tải. }; / /]]> </ Script> <div id='tab-demo'> <a class='demologo' href='http://www.dongcamxuc.net'> Dòng Cảm Xúc </ a> <a class='dlbutton' href='' id='dl'> Tải về </ a> <a class = 'closebutton' href = 'javascript: void (0) " onclick='document.getElementById('tab-demo').style.display='none';document.getElementById('view').style.top='0';document.getElementById('view').style.height='100%''>Remove Frame </ a> </ Div> <iframe id='view'/> <style> body { background: trắng; } </ Style> </ B: if>Thay thế mã một lần nữa đánh dấu bằng pal URL trang blog demo
Văn bản định dạng
Để gọi các mẫu URL và tải về các liên kết, sử dụng một định dạng như thế này:
http://link.bomkhung.info/p/id.htm?url=http://www.blogsviet.net&download=http://facebook.com/bomkhungblog
Previous post
Tạo khung download và duyệt web an toàn đẹp cho blogger
Related post
Hung.Pro.VN
Nhà thiết kế WebTôi là admin trang Hung.Pro.VN là một người có đam mê với Blogspot, kinh nghiệm 5 năm thiết kế ra hàng trăm mẫu Template blogpsot như" Bán hàng, bất động sản, landing page, tin tức...
Nice tutorial ;)
Trả lờiXóaPlease send DEMO ?
Please translate VietNamese
XóaXin lỗi bạn. Hiện tại trang DEMO của mẫu này đã bị DIE nên không thể SHOW được, nên mong bạn thông cảm :(