แก้ไขแล้วครับสำหรับท่านที่โหลดไปแล้วใช้ไม่ได้ ให้โหลดใหม่นะครับ มีทั้งวิธิติดตั้งทั้งโค้ดอยู่ในไฟล์แล้วครับขอบคุณท่าน max30012540 สำหรับพื้นที่เก็บไฟล์ javascript ครับ
ดู Live Demo ได้ที่นี่ครับ พอปิด popup แล้วลองเอาชี้ดูก็ยังเป็น link อยู่อะครับ ลองดูครับ >>> hxxp://host-1gb.com/code/pop/pop.html
แก้ให้แล้วครับดาวน์โหลดใหม่เลยนะครับ
แต่สำหรับท่านที่ใช้ไฟล์ที่ฝากไว้บน host ท่าน max30012540 ตามม Demo จะยังเป็เหมือนเดิมครับ
ขอบคุณสำหรับคำติชมครับ พึ่งหัดทำครับ
วันนี้ฝนตกอากาศไม่ดีทั้งวัน น้ำปะปาก็ไม่ไหลน้ำก็ไม่ได้อาบ
อยู่ว่างๆเลยหา Popup กด Like มาใส่ blog ตัวเองซะหน่อย
หาจากที่เขาแจกมาแก้ใขนิดหน่อย เลยเอามาแบ่งกันใช้เผื่อใครกำลังต้องการ
โมมาจาก makingdifferent-popup นะครับไม่รู้ของใคร ถ้าใครรู้ก็บอกด้วยนะครับจะได้ให้เครดิตเจ้าของเขาหน่อย
นี่ตัวอย่างครับสวยไม่สวยก็เก็บไว้ในจนะครับ มือใหม่ครับ
ตอนแรกว่าจะอัพขึ้น Javascript ขึ้น Google Code แต่ไม่รู้ทำไมหาที่อัพไม่เจอ หรือใครอัพได้ก็เอาไปอัพให้หน่อยนะครับผมหาไม่เจอจริงๆ
เลยเอาไฟล์มาให้โหลดกันเอาเองละกัน ดาวน์โหลดจากลิงค์นี้เลย >>
http://www.upload-thai.com/dow...d85b523943a28d5140b5c7113f29b9 ส่วนที่หนึ่งให้แทรกไว้ก่อน Tag </head> นะครับ
<style type='text/css'>
#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:390px;
overflow:hidden;
margin: 0 auto;
}
#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;
}
#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;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var jq132fb = jQuery.noConflict();
</script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript" src="mod-workcookie.js"></script>
ส่วนที่สองให้แทรกไว้หลัง Tag <boby> นะครับ
<div id='makingdifferentpopup' >
<h1>ใส่ข้อความส่วนหัวที่นี่</h1>
<div id='htmlground'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/FANPAGE_NAME_HEAR&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false' style='border:none; overflow:hidden; width:100%; height:100%;'/>
<div align='right'>
</div>
</div>
<div id='mdfooter'>
<div align='left' style='width: 45%; float: left; bottom: 1px; position: absolute; margin-bottom: 10px;color: gray;'>
<input name="1234" onClick="if(this.checked){setck('6f68788aa4a',7);}else{setck('6f68788aa4a',-7);}" type="checkbox" value="1234"/>ไม่ต้องแสดงอีกภายหลัง.
</div>
<div align='right' style='width:150px;float:right'>
<a href='#' id='mdclose' onclick='return false;'>ปิดหน้าต่าง</a>
</div>
</div>
</div>
<script type="text/javascript" src="mod-makingdifferent-popup.js"></script>
สำหรับการปรับแต่งนะครับ
ในส่วนที่หนึ่งบรรทัด <script type="text/javascript" src="
jquery.cookie.js"></script> ตรงนี้ให้ใส่ path ของไฟล์ jquery.cookie.js
บรรทัด <script type="text/javascript" src="
mod-workcookie.js"></script> ตรงนี้ให้ใส่ path ของไฟล์ mod-workcookie.js
ในส่วนที่สองบรรทัด <iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/
FANPAGE_NAME_HEAR&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false' style='border:none; overflow:hidden; width:100%; height:100%;'/> ตรงนี้ให้ใส่ชื่อ Fanpageg ของท่านเลยครับ
บรรทัด <input name="1234" onClick="if(this.checked){setck('6f68788aa4a',
7);}else{setck('6f68788aa4a',
-7);}" type="checkbox" value="1234"/> ตรงนี้แหละครับที่บอกว่าโมจากของเดิม เลข 7 กับ -7 คือ จำนวนวันที่จะไม่ให้แสดง popup ถ้าติ๊กที่ checkbox ครับ ถ้าอยากให้ไม่แสดงpopup 30 วัน ก็ใส่เป็น 30 กับ -30 นะครับ
บรรทัด <script type="text/javascript" src="
mod-makingdifferent-popup.js"></script> ตรงนี้ให้ใส่ path ของไฟล์ mod-workcookie.js