2. Paste below code to the html/javascript
3. Save , preview<!-- AJAX SHOUTMIX START -->
<div style='display:scroll; position:fixed; top:0px; right:-0px;'><br /><a class='linkopacity' href='http://miraahussin.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='By Miraa Hussin'></a><br /><!-- Start Ajax Popup Shoutbox --><script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script><script>$(document).ready(function() {//select all the a tag with name equal to modal$('a[name=modal]').click(function(e) {//Cancel the link behaviore.preventDefault();//Get the A tagvar id = $(this).attr('href');//Get the screen height and widthvar maskHeight = $(document).height();var maskWidth = $(window).width();//Set heigth and width to mask to fill up the whole screen$('#mask').css({'width':maskWidth,'height':maskHeight});//Get the window height and widthvar winH = $(window).height();var winW = $(window).width();//Set the popup window to center$(id).css('top', winH/2-$(id).height()/2);$(id).css('left', winW/2-$(id).width()/2);//transition effect$(id).fadeIn(2000);});//if close button is clicked$('.window .close').click(function (e) {//Cancel the link behaviore.preventDefault();$('#mask').hide();$('.window').hide();});//if mask is clicked$('#mask').click(function () {$(this).hide();$('.window').hide();});});</script><style>img { border: none; }#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}#boxes .window {position:fixed;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;}#boxes #miraahussin {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbl-RxeVhSaDR8s2Yz-dUBCAIbk-rOQX84EN3i-O-3JxTugFZKFoAeExXAvgQf2jfzZ5Rwe6c7ubjEAc7JzvtFmga1vAiApYCVfTi9DKKl4bIUPpwTTnqip7pXxx3MdPT9SM8Yq-slA7Ji/s1600/mas-kuning.png) no-repeat 0 0 transparent;width:275px;height:480px;padding:56px 0 0px 0px;}#closesb {padding:2px 0 0 0px;}#author {padding:8px 0 0 168px;}</style><center> <a href="#miraahussin" name="modal"><img src="YOUR SHOUTMIX ICON" border="0"/></a> </center><div id="boxes"><!-- Start Shoutbox --><div id="miraahussin" class="window"><!-- Begin ShoutMix - http://www.shoutmix.com --><center>YOUR SHOUTMIX CODE GOES HERE</center><!-- End ShoutMix --><div id="author"></div><center><div id="closesb"><input type="button" value="CLOSE" class="close" /></center></div><!-- End of Ajax Shoutbox --><!-- Mask to cover the whole screen --><div id="mask"></div></center></div><!-- End of Ajax Popup Shoutbox--><!-- AJAX SHOUTMIX END --></div></div>
Red : Your shoutmix code
Blue : You shoutmix iconPurple : You can use your own picture or choose one of below picture.
No comments:
Post a Comment