আসসালামু আলাইকুম

সবাই কেমন আছেন, আশা করি সবাই ভালো আছেন।আজ যে ট্রিকটি নিয়ে হাজির হয়েছি,আপনাদের মাঝে তা আপনার টেমপ্লেট সেকশানে সুন্দর্য্য বৃদ্ধি করে তুলবো। আর তা ভিজিটরদের মনে জায়গা করে নিবে।

edge screen effect like akrambd26, cerved effect

ব্লগারে কীভাবে বাঁকা স্ক্রিন প্রভাব (EDGE Screen) যুক্ত করা যায়।

Today's Topic : ব্লগারে কীভাবে বাঁকা স্ক্রিন প্রভাব (EDGE Screen) যুক্ত করা যায়।

প্রথমে আপনার ব্লগে Login করবেন।
dashboard থেকে
Themes ক্লিক করবেন
এখন Edit html এ ক্লিক করবেন।

এখন সার্চ বক্স এই ট্যাগটি<body> লিখে সার্চ করবেন। ট্যাগটি পেয়ে গেলে নিচের কোডটি এই ট্যাগের ঠিক নিচে পেস্ট করে দিবেন।

<style> .screen-edge-right{z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 10px 0px 10px 12px #333;
position: fixed;
top: 0;
right: 0;}
.screen-edge-left{ z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 0px 0px 10px 3px #333;
position: fixed;
top: 0;
left: 0;}</style>
<div class="screen-edge-right"/>
<div class="screen-edge-left"/>

এবার Save Templete দিয়ে বের হয়ে আসেন।

<b:if cond='data:blog.isMobileRequest == "true"'>
<style> .screen-edge-right{z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 10px 0px 10px 12px #333;
position: fixed;
top: 0;
right: 0;}
.screen-edge-left{ z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 0px 0px 10px 3px #333;
position: fixed;
top: 0;
left: 0;}</style>
<div class="screen-edge-right"/>
<div class="screen-edge-left"/>
</b:if>