เผื่อใครอยากทำเลยเอามาให้ลองครับ>แก้ไข HTML ไม่ต้องติกขยายเทมเพลต แล้วค้นหาโค้ด
</head> เอาโค้ดนี้วางหน้าโค้ดดังกล่าวเลยครับ
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
ค้นหาโค้ด ]]></b:skin> เอาโค้ดนี้วางก่อน
]]></b:skin>#makingdifferentpopup{
position:absolute;
top:100px;
z-index:999;
display:none;
padding:0px;
right:600px;
border:10px solid #6F6F6F;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup h1{
background:#6d84b4 url(http://4.bp.blogspot.com/-rNUTIpDQ21s/T0NqE_vv6GI/AAAAAAAACps/GSoWE2n9Oy8/s1600/[www.gj37765.blogspot.com]h1.png) 98% no-repeat;
border:1px solid #3b5998;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:normal !important;
padding:5px !important;
margin:0 !important;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif;
overflow:hidden;
}
#htmlground{
font-size:12px !important;
font-weight:normal !important;
height:260px;
padding:1px;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden;
}
#mdfooter{
background:#F2F2F2;
height:56px;
padding:10px 10px 10px 10px;
overflow:hidden;
}
#makingdifferentpopup a{
background-color:#eee;
border:1px solid #ccc;
color:#111;
font-weight:normal;
padding:5px 8px 5px 8px;
text-decoration:none;
display:inline-block;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif;
outline:none;
position:relative;
font-size:18px;
margin:1px;
}
#makingdifferentpopup a:active{
top:1px;
left:1px;
}ค้นหาโค้ด
<body> แล้ววางโค้ดนี้ต่อเลยครับ
<div id='plugublog popup'>
<b:section id='plugublog popup' maxwidgets='2' preferred='yes' showaddelement='no'>
<b:widget id='HTML24' locked='false' title='' type='HTML'/>
</b:section>
</div>
บันทึก
แล้วมาหน้ารูปแบบ จะเจอ
Gadget ชนิด HTML/JavaScirpt เพิ่มขึ้นมาแล้วเอาโค้ดนี้วางในนั้นเลยครับ
<script src='[url]https://gj37765.googlecode.com/svn/bloggerwidget/[/url][www.gj37765.blogspot.com]makingdifferent-popup.js' type='text/javascript'>
</script>
<div id='makingdifferentpopup'>
<h1>Join us on facebook</h1>
<div id='htmlground'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=
http://www.facebook.com/pages/PlugublogFan/319685818094326&width=400&colorscheme=light&show_faces=true&border_color=#fff&stream=false&header=false&height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true">
</iframe><a href="http://plugublog.blogspot.com"/>
<div align='right'></div align='right'></div class='htmlground'><div id='mdfooter'><div align='right'><a href="#" id="mdclose" onclick="return false;">Cancel</a></div align='right'></div id='footer'></div class='makingdifferentpopup'>
แก้ที่
hxxp://www.facebook.com/pages/PlugublogFan/319685818094326
พัฒนาเว็บไซต์
