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

AXE.GM 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 AXE.GM 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