Home Blogspot HTML - CSS Tạo Popup Window With Facebook Like Button Và Đăng Ký Đẹp Cho Bogger

Tạo Popup Window With Facebook Like Button Và Đăng Ký Đẹp Cho Bogger

Trâm Anh 11:46:00 AM Blogspot, HTML - CSS

Truy cập Blogger => Chọn Blog
Chọn Giao diện
Chọn Thêm tiện ích
Chọn HTML / JavaScript
Thêm mã dưới đây vào hộp nội dung và lưu nó.

<script type="text/javascript">
    function ks_style_v4_popup() {
        document.getElementById('ks-style-v4-popup-main').style.display = 'block'
    }
    setTimeout('ks_style_v4_popup();', 1000);
</script>
    <style type="text/css">
        * html #mkstylepopupdiv {
            position:absolute;
        }
        #mkstylepopupdiv {
            z-index:999;
            display:block;
            top:0;
            left:0;
            width:100%;
            height:100%;
            position:fixed;
            background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhruUW9B_MVI2pWh2HR54Op4EbosMPYXif4zTL1kQ8fTsVI0cqzxK3vrBLCmJFbKzNkU9dbvB2-hIWShn97SI9zJPvn4ec_zCjM720Lc9lVDPXQDNf-P5zuKHfGg4c0IY8W6O8lWUecR4q8/s1600/mkspir.png);
            overflow-y:auto;
            margin:0;
        }
        .mkstylepopup {
            width:733px;
            height:350px;
            position:fixed;
            top:50%;
            left:50%;
            margin-top:-195.5px;
            margin-left:-359.5px;
        }
        #mkstylepopup {
            overflow:none;
            background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1LZ7glCX171ZPK45h4jQk6tNDkrAYanFPbUJVZ5P1LDq_Q-HT58IiT45dmcTSsI-bZ9Pr0_2lKjaLhnXcgfn7nORIQqPPsKaDsWm_5UYrR_HUT8iPf8NdgD0XLt3avDNSBwrYS_9GgIZu/s1600/Subscribe_newsletter+copy.JPG);
            background-repeat:no-repeat;
        }
        #mkstylepopup #mkstylepopupdivfblikebutton {
            position:absolute;
            top:198px;
            left:269px;
        }
        #mkstylepopup #mkstylepopupdivytsubscribe {
            position:absolute;
            top:192px;
            left:389px;
        }
        #mkstylepopup #mkstylepopupdivgetthis {
            position:absolute;
            top:329px;
            left:675px;
        }
        form#mkstylepopup {
            display:block;
            margin:0;
        }
        form#mkstylepopup #ksfield {
            position:absolute;
            top:251px;
            left:220px;
            width:341px;
            font-size:16px;
            border:none;
            background:transparent;
            padding:10px;
        }
        form#mkstylepopup #ksbutton {
            position:absolute;
            left:563px;
            top:251px;
            width:108px;
            height:43px;
            border:none;
            background:transparent;
        }
        #mkstylepopup #copyright {
            position:absolute;
            left:670px top:331px;
            width: 110px;
        }
        #mkstylepopup #copyright a {
            font-size:10px;
            color: #999;
            font-family: Electrolize, Arial, sans-serif;
        }
    
    </style>
        
            <div id="ks-style-v4-popup-main" style="display:none;">
                <div id="mkstylepopupdiv">
                    <div id="mkstylepopup" class="mkstylepopup">
                        <div id="mkstylepopupdivfblikebutton">
                            <div id="fb-root">
                                </div>
<script>
                                        (function (d, s, id) {
                                            var js, fjs = d.getElementsByTagName(s)[0];
                                            if (d.getElementById(id)) return;
                                            js = d.createElement(s);
                                            js.id = id;
                                            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
                                            fjs.parentNode.insertBefore(js, fjs);
                                        }(document, 'script', 'facebook-jssdk'));
                                    
                                    </script>
                                        <div class="fb-like" data-href="https://www.facebook.com/gaixinhtv.tk/"
                                        data-layout="button_count" data-action="like" data-size="large" data-show-faces="false"
                                        data-share="true">
                                            </div>
</div>
<center style="color:#000;cursor:pointer;float:right;margin-right:0px;margin-top:0px;"
                                                    onmouseup="document.getElementById('mkstylepopupdiv').style.display='none'">
                                                        <img src="http://s26.postimg.org/aor3lzvk5/closebtnks.png" />
                                                        </center>
<form id="mkstylepopup" action="http://feedburner.google.com/fb/a/mailverify"
                                                            method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/uXNEGG', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
                                                                <input type="hidden" value="blogspot/uXNEGG" name="uri" />
                                                                <input class='emailinput' id='ksfield' name='email' onblur='if (this.value == "") {this.value = "Enter your email";}'
                                                                onfocus='if (this.value == "Enter your email") {this.value = ""}'
                                                                type='text' value='Enter your email' />
                                                                <input type="hidden" name="loc" value="en_US" />
                                                                <input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvfSk2zW8QgnjQlc9zs2dpVq5xMwM53I0dN4bKD0I9_fFQfoQKgg1Ks5hVRkg9mQ_PnxS8lqvUZd7apUYlSpL7Bv5wZMu4IBw4TELh3VLiH926Sy59Ad1qi2w2DuJefBAjd2WyvOtk-1p/s1600/kstnn.gif"
                                                                id="ksbutton" />
                                                                </form>
<div id="mkstylepopupdivgetthis">
                                                                        <a href="http://www.gaixinhtv.tk/" target="_blank"><img border="0" src="http://s26.postimg.org/x9mh5b7gl/getthis.png" /></a>
                                                                        </div>
</div>
</div>
</div>

Chỉnh Sửa Hình Ảnh

Tải File PSD.psd509KB

Và Thay Liên Kết Facebook

Tạo Popup Window With Facebook Like Button Và Đăng Ký Đẹp Cho Bogger

Reviewed by Trâm Anh on 11:46:00 AM Rating: 5

No comments:

Subscribe to: Post Comments (Atom)

Tất cả bài viết thuộc bản quyền Anh Plus Blog | www.AnhPlusit.Net © 2016 - 2017

Đăng Bởi: Anh Plus Channel | Chia sẻ bởi: Kênh Thủ Thuật