membuat kotak komentar melayang di blogger

hay . ini yang dicari para blogger , yaitu membuat kotk komentar melayang di blogger pembuatna adalah jawika saputra , heheeehehehehe,
cek it out

cari kode #comment { jika sudah ketemu ganti dengan kode ini

/*--TREAD COMMENT--*/
#comments{border:1px solid #000; float:right;position:fixed;background: url('http://wallpapersus.com/wp-content/uploads/2012/10/Blue-Pattern.jpg') repeat center #4C4C4C;box-shadow: 0px 1px 3px #000;box-shadow: inset 0px 1px 5px #red;-moz-box-shadow: 0px 1px 3px #000;-webkit-box-shadow: 0px 1px 3px #000;color:#fff;font-size:17px; font-weight:normal; margin:10px 0;left:250px;top:75px;width:60%;height:70%;overflow:auto;-moz-border-radius:5px;font-family:'Shadows Into Light';
-webkit-border-radius:5px;
border-radius:5px;
}
#comments a :visited {color:#000000;font-size:15px; font-weight:normal; margin:20px 0}
#comments a :link {color:#000000;font-size:15px; font-weight:normal; margin:20px 0}
.cm_wrap{clear:both; margin-bottom:10px; float:right; width:100%}
.cm_head{ width:55px; position:absolute;}
.cm_avatar{width:47px;margin:0; vertical-align:middle;border:1px solid #000000; padding:3px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmKoet2-ar7faC2CMqTGpFclLijXyAX3ed4w7D2e7DPU8jTsWOJ48OI-Y4ZxH52xP0lh7e6g-iKHpBmXpkbbn7zNXT7s6j4EM8uihSEYri42jaSeZ6CrBJAtlr9SQ1dNXkRMhu7X0tQ/s1600/profile.jpg); background-position:center; background-repeat:no-repeat; width:35px; height:35px}
.cm_avatar_a{width:47px;margin:0; vertical-align:middle; border:1px solid #000000; padding:3px; background:; background-position:center; background-repeat:no-repeat; width:35px; height:35px}
.cm_entry{margin-left:0px;padding:16px 16px 0 16px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAcmN8Mpcuf5TZHBfDj4yL0rOkvnVyH5E-g1tew7hI827gUupPutiK9uRrCFi5HtW7H7J0I17nxCKwQ74_haAu2NwVG0uhQzrPUe02OXY-x7hXnzSAJ3s_jpPbxmTUKinONtBZQSnkVc/s1600/background.jpg?imgmax=900)repeat; border:1px solid #333; overflow:hidden;-webkit-box-shadow: #000 0 0 5px;
-moz-box-shadow: #000 0 0 5px;box-shadow: #000 0 0 5px;}
.cm_entry_a{padding:16px 16px 0 16px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAcmN8Mpcuf5TZHBfDj4yL0rOkvnVyH5E-g1tew7hI827gUupPutiK9uRrCFi5HtW7H7J0I17nxCKwQ74_haAu2NwVG0uhQzrPUe02OXY-x7hXnzSAJ3s_jpPbxmTUKinONtBZQSnkVc/s1600/background.jpg?imgmax=900)repeat;border:1px solid #333;  overflow:hidden;-webkit-box-shadow: #000 0 0 5px;-moz-box-shadow: #000 0 0 5px;
box-shadow: #000 0 0 5px;}
.cm_info{border-left:dotted 1px #000 ;margin-bottom:5px;border-bottom:dotted 1px #000000; padding:5px}
.cm_info_a{border-left:dotted 1px #000 ;margin-bottom:5px;border-bottom:dotted 1px #000000; padding:5px}
.cm_name{margin-left:30px;border-top:dotted 1px #000 ;font-size:14px; color:#fff !important; text-decoration:none; font-weight:bold; float:left}
.cm_name:hover{border-top:dotted 1px #333 ;font-size:14px; color:#fff !important; text-decoration:none; font-weight:bold; float:left}
.cm_name_a{margin-left:30px;border-top:dotted 1px #000 ;font-family:"Francois One"; font-size:14px; color:#fff !important; text-decoration:none; font-weight:250; font-weight:bold;float:left}
.cm_name_a:hover{border-top:dotted 1px #333 ;font-family:"Francois One"; font-size:14px; color:#fff !important; text-decoration:none; font-weight:250; font-weight:bold;float:left}
.cm_date{width : 200px;font-family:"Francois One"; font-size:13px; color:#000; text-decoration:none; float:left; padding-top:5px;margin-right:auto;border-left:dotted 1px #000 ;}
.cm_date_a{width : 200px;font-family:"Francois One"; font-size:13px; color:#000; text-decoration:none; float:left; padding-top:5px;margin-left:auto;border-left:dotted 1px #000;}
.cm_entry p{border-left:dotted 1px #000 ;padding:5px; clear:both;background-color:#; font-size:13px; color:#000000; word-wrap:break-word}
.cm_entry_a p{border-left:dotted 1px #000 ;padding:5px; clear:both; background-color:#; font-size:13px; color:#000000;word-wrap:break-word}
.cm_reply a{width:40px;border-left:dotted 1px #000000 ;border-top:dotted 1px #000000 ; display:inline-block; margin:0; padding:1px 6px; color:#000000;text-align:center; text-shadow:0 -1px 0 black; text-decoration:none; }
/*--END TREAD COMMENT--*/
div.comment-form-block{width:100%; margin: 0 auto;}div.comment-form-block p{color: #000;font-family: 'Georgia';text-align: justify;font-size: 14px;text-align: left;}
/*--END FORM COMMENT--*/
.comentshow {
height:80%; width:80%;  display: block;padding: 10px;border:solid 5px #fff;
position: fixed;bottom: 32px;left: 10%;right: 10%;display: none;background: #fff; z-index: 999;overflow-y: auto;
background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQEBmoVNZ54e5RgKfJ3UlAPx6Rqo6wcYn3aeT44OW9MJSIv7EiLewka5jcu7i1Na0_-eQvpCEO3VJFBuI4Ba7hpL_9jnyYWSMnVoEeSLF8VijR1ntXJvpL5Px7zcgdG_W1vEkyqOU2w/s1600/bgimg.jpg); z-index: 999;  }
.Btcoment {
background: #252422 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMg-PqiwWJrXDc0ltjdHnfeBudtrnHV4k3zCDeNICcm7oVBwkQUwlGtD_KxdjxKi6WD52qpGUlEEb55wrIJLMHKM7fHBjI7Nswj1sFc3GqSXxvrtyMxJacOj-x0yPGnczZkQza5O7cIQ/s1600/showcmnt.png) no-repeat center;
width:120px;height:34px;
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
text-indent: -999999px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1.7;  float: right;right:90px;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;}
.Btcoment:hover { background: #35312A url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMg-PqiwWJrXDc0ltjdHnfeBudtrnHV4k3zCDeNICcm7oVBwkQUwlGtD_KxdjxKi6WD52qpGUlEEb55wrIJLMHKM7fHBjI7Nswj1sFc3GqSXxvrtyMxJacOj-x0yPGnczZkQza5O7cIQ/s1600/showcmnt.png) no-repeat center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);opacity: 1;right:90px;
}
.comments{display:show}
.tempatatas{padding:5px;width:100%; height:40px;background: #333333;}
.show-coment{background:#626262 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8P4AD0CP0ZVfQ6Q213g6RAjRHck2cyIPZoT-fsqG5F4vWciFfZiPHCHWypp6uIRTbSA-4wPFWYWfpNTwGYUxKUFfj-SDjPlaluMU5vrwUlCkqrahW3F1L8BJ4xDHRvHXtzv0QzCdOgg/s1600/classy_fabric.png?imgmax=900)repeat;width:10px; height:80%; box-shadow: 0 0 20px #000000; overflow-y: hidden; overflow-x: hidden;   position:fixed; top:50px; left:10%;right:10%z-index:100;  border:solid 2px #990579;
opacity: 0;   --webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;-ms-transition-duration:2s}
.show-coment:target{width:80%;padding:0px; opacity: 1; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear }
.tempatcomen{background:#626262 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8P4AD0CP0ZVfQ6Q213g6RAjRHck2cyIPZoT-fsqG5F4vWciFfZiPHCHWypp6uIRTbSA-4wPFWYWfpNTwGYUxKUFfj-SDjPlaluMU5vrwUlCkqrahW3F1L8BJ4xDHRvHXtzv0QzCdOgg/s1600/classy_fabric.png?imgmax=900)repeat;padding:10px;width:98%; height:90%;overflow-y: auto; overflow-x: hidden;}

 Lalu taruh kode dibawah ini diatas kode ]]></b:skin> .

    a.openpanel{display:block;width:100%;height:auto;text-align:center;font-weight:italic;font-size:40px;line-height:50px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnRVM7wDLrY1bcUR2rEyZ9hYPCKpZxKDZjK5rze36j3R6YnofIYvtUg-WVtNBjldbNxwZ-RXPZB11v5SeSEk-GP_7iwLGVT-RHrZmT8LyXOuxEXsqocm6uFhE9MvrzaD0cE2hQ_uHqBw/s1600/mainmenu.jpg') repeat-x  #4C4C4C;box-shadow: 0px 1px 3px #000;box-shadow: inset 0px 1px 5px #red;-moz-box-shadow: 0px 1px 3px #000;-webkit-box-shadow: 0px 1px 3px #000;border:3px solid transparent;border-top:0px;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;position:absolute;color:#fff;font-family:'Merienda One';}
    a.openpanel.active{background: url('http://wallpapersus.com/wp-content/uploads/2012/10/Blue-Pattern.jpg') repeat center #4C4C4C;box-shadow: 0px 1px 3px #000;box-shadow: inset 0px 1px 5px #red;-moz-box-shadow: 0px 1px 3px #000;-webkit-box-shadow: 0px 1px 3px #000;position:fixed;bottom:110px;left:171px;width:20%;height:auto;text-align:left;font-weight:bold;font-size:17px;line-height:30px;border-top:0px;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;color:#fff;-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;}
    a.openpanel.active:hover {left:160px;}
    a.openpanel em {width:0px;height:0px;display:block;position:fixed; right:15px;border:6px solid transparent;border-top-color:white;}
    a.openpanel.active em {top:6px;border color:#222222;position:fixed;}
    div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:fixed;}
    div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;position:fixed;}

terus cari kode </head> taruh kode dibawah ini tpat diawasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "SHOW COMMENT",
closePanelText = "CLOSE",
slideDownPanelSpeed = 10,
slideUpPanelSpeed = 1000;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/> 

lalu simpan Template/SAVE

TERIMAKASIH UNTUK pembaca yang sudah mencopy ini ,!!!