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/AVvXsEgr5wfClDmXQJAwGds62AopC2f2mAVwk-to0xT7aY6gAlQc0lfJXpeiIl4C-pi1Y2uZyWmXDyZMg9tTYufC9VpJ9O24kb_j3BTgj_Y5DkNOk3sfc00m_pv1UrZpEO4-6Ul-7NV7F__2TFs/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/AVvXsEgNbUPd2yCZ4jHu0P6dc8vrB-ncT8EuxvU6TW7AAgizUfcwMieEGWZidC1N923lH6DvV88g3_2nbDslQbU8liNSfLXECpdsKc33b2ja3xChU3FIYejCz7FboAe8s5pDz9C2y_ZgtZs_JF0/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/AVvXsEgNbUPd2yCZ4jHu0P6dc8vrB-ncT8EuxvU6TW7AAgizUfcwMieEGWZidC1N923lH6DvV88g3_2nbDslQbU8liNSfLXECpdsKc33b2ja3xChU3FIYejCz7FboAe8s5pDz9C2y_ZgtZs_JF0/s1600/close.png)no-repeat 15px 50%} .dlbutton:hover {background:#579c26 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFaaqr5OJRlMV6YOgv11PPYaSMXcQKagngH1xtIN6G5kM2ZbYHuQEKEvG6-joB3cEL5fn4Wpqh6Jm-wlMwAeQBpWIgPOg12Vof8I8X0sTrHem5RhoX1vUAVAb539AKTh3FLcx3c9mnDs/s1600/download.png)no-repeat 15px 50%} .dlbutton, a.dlbutton { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFaaqr5OJRlMV6YOgv11PPYaSMXcQKagngH1xtIN6G5kM2ZbYHuQEKEvG6-joB3cEL5fn4Wpqh6Jm-wlMwAeQBpWIgPOg12Vof8I8X0sTrHem5RhoX1vUAVAb539AKTh3FLcx3c9mnDs/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/AVvXsEhfEORrPAZPQYhZa3Ff51c1-Qa1Vvrw9CzRVxZAVON2FhSe7T1lz0NBe2O5vXT7FevBidjObRzEWoFRACMwXRH5MAyMQPzx5k42VMcr7A2iJEW7f_sgAlD7JBjs86b9yKKKLOAV2Dgv5Oo/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
Nice tutorial ;)
ReplyDeletePlease send DEMO ?
Please translate VietNamese
DeleteXin 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 :(
Post a Comment
+ Hiện tại HungCoder.Com đang cập nhật giao diện cho trang blog này. Nên sẽ có một số lỗi xãy ra khi các bạn xem blog này.