Awesome! টিউনস
সকল Awesome! টিউনস

আপনার ব্লগে পেজপিল ইফেক্ট যুক্ত করুন , না দেখলে চরম মিস করবেন ব্লগার ভাইরা — Javascript সমূহ – ১৫

2,954 দেখা 6 টিউমেন্টস জোসস
টিউন বিভাগ ওয়েব ডিজাইন
প্রকাশিত
Level New

51 টিউনস 184 টিউমেন্টস 0 ফলোয়ার

# ব্লগার.কম (Blogger.com) এ গুগল আইডি ও পাসওয়ার্ড (Google ID and Password) দিয়ে প্রবেশ করুন।
# Layout> Edit HTML পাতায় যান। এখানে
# এবার এইখানে </head> নামের ট্যাগ টি খুঁজে বের করুন এবং আমার দেয়া নিচের কোডটি </head> এই ট্যাগের আগে বসিয়ে দিন।

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://2.bp.blogspot.com/_p4Te9Li52fs/So9Qb5J1yWI/AAAAAAAAAAU/8_mR7vt-tCw/subscribe.png) no-repeat right top;}
</style>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
 .animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);});
});
</script>
**এবার আবার খুঁজুন <body> ট্যাগ এবং <body> ট্যাগের পরে আমার দেয়া নিচের কোডটি যুক্ত করুন
<div id='pageflip'>
<a href='http://shuvo1020.blogspot.com/'>
<img alt='' src='http://4.bp.blogspot.com/_p4Te9Li52fs/So9QXjPscRI/AAAAAAAAAAM/Vl2QGxYn38k/page_flip.png'/></a>
<div class='msg_block'></div>
</div>
***http://shuvo1020.blogspot.com/ যুক্ত করা হয়েছে আপনারা সেখানে আপনাদের লিঙ্ক বসিয়ে দিবেন
****Save Template” বাটনে ক্লিক করুন।

Level New

আমি শুভ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 184 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমাকে ফেসবুকে পেতে http://www.facebook.com/shuvobd1020

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস

Level 0

hudai post ta lengthi korlen… code gula valo kore sajanor dorkar cilo. je kew pore birokto hobe. edit koren time pele.

Level New

আমিও বুঝলাম না এমন হইলো কেন

Level 0

ভাল জিনিস শেয়ার করলেন,ধন্যবাদ আপনাকে।

Level 0

শুভ ভাই এই ট্যাগটা খুজে বের করব কিভাবে?

Level 0

layout থেকে html পাতায় কিভাবে যাব ? আমি ত খুঁজে পাইনা । সাহায্য করবেন ।

Level 0

ভাই আমার ব্লগটি http://www.monzurmorsed.blogspot.com/ সময় পেলে দেখে আসবেন আপনার অনেক সাজেশন বা টিপস দিয়ে সাজানো।