Stylish Download and Demo Button for Blogger/Blogspot Website - নিয়ে নিন এখনি
Encrypting your link and protect the link from viruses, malware, thief, etc! Made your link safe to visit.
 |
| Download and Demo Button for Blogger/Blogspot website. |
আপনার সাইটের জন্য নিয়ে নিন
Download and Demo Button for Blogger/Blogspot website.
আজকে শেয়ার করতে আসলাম নতুন কিছু
সেটা হচ্ছে আপনি কিভাবে আপনার সাইটে
Awesome Demo & Download Button Add করবেন সেই বিষয়ে ।
সেটা হচ্ছে আপনি কিভাবে আপনার সাইটে
Awesome Demo & Download Button Add করবেন সেই বিষয়ে ।
এটা একটা প্রয়োজনীয় পোস্ট সকল ব্লগারদের জন্য।
ত চলুন শুরু করি আজকের পোস্ট
প্রথমেই আসি একটা কথায়
সেটা হচ্ছে আপনি অবশ্যই আপনার Template backup করে রাখবেন।
যাতে Edit করতে সুবিধা হয়।
সেটা হচ্ছে আপনি অবশ্যই আপনার Template backup করে রাখবেন।
যাতে Edit করতে সুবিধা হয়।
ত প্রথমে নিচের CSS code টা কপি করে নিন।
এবার আপনার টেমপ্লেট এ যান
গিয়ে সার্চ করে হোক বা যেভাবেই হোক খুঁজে বের করুন ]]></b:skin> এটা অথবা </style>
খুঁজে পাওয়ার পর
ঠিক তার উপরে CSS কোডটি পেস্ট করে নিন।
এবার Save করে আপনি আপনার সাইটে আপলোড করে নিন।
এবার আপনার টেমপ্লেট এ যান
গিয়ে সার্চ করে হোক বা যেভাবেই হোক খুঁজে বের করুন ]]></b:skin> এটা অথবা </style>
খুঁজে পাওয়ার পর
ঠিক তার উপরে CSS কোডটি পেস্ট করে নিন।
এবার Save করে আপনি আপনার সাইটে আপলোড করে নিন।
অথবা
Login on Blogger
Go to Dashboard
Click On Theme
Click Edit Html
Find ]]></b:skin> and paste CSS code Above of ]]></b:skin>.
Go to Dashboard
Click On Theme
Click Edit Html
Find ]]></b:skin> and paste CSS code Above of ]]></b:skin>.
না বুঝলে নিচের মত গোল দাগ দিয়ে দেখানো জায়গায় পেস্ট করে নিন।
 |
| Screenshot |
CSS CODE :
/*Demo And Download by topwapbd.xyz ----------------------------------------------- */ .buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important} .buttonx:hover{background-color:#f78d1d!important;background:0} .buttonx:active{position:relative;top:1px}
এবার চলুন কিভাবে ব্যবহার করতে হয়।
এই Button আপনি ব্যবহার করতে পারবেন
তবে সেটার জন্য আপনাকে একটা HTML কোড ব্যবহার করতে হবে।
এটা অবশ্যই আপনার পোস্ট লিখার সময় HTML MOde চালু করে নিচের কোডটি পেস্ট করে দিন।
তবে সেটার জন্য আপনাকে একটা HTML কোড ব্যবহার করতে হবে।
এটা অবশ্যই আপনার পোস্ট লিখার সময় HTML MOde চালু করে নিচের কোডটি পেস্ট করে দিন।
<div style="text-align: center;margin: 10px 0;"> <a class="buttonx" href="http://demo-topwapbd.xyz/" target="_blank">Demo</a> <a class="buttonx" href="http://topwapbd.xyz/" target="_blank">Download</a> </div>
[Note :- change url from the code.
Where demo-topwapbd.xyz here paste your demo link.
And where topwapbd.xyz here paste your Download link.]
Where demo-topwapbd.xyz here paste your demo link.
And where topwapbd.xyz here paste your Download link.]
অর্থাৎ
আপনি যে জায়গায় এই button ব্যবহার করতে চান সেই জায়গায় পেস্ট করে নিন।
এবার আবার Compose Mode চালু করুন।
এবার আপনার পোস্ট সম্পূর্ণ করে published করতে পারবেন।
এখন আপনার পোস্ট View করে দেখুন।
আপনি যে জায়গায় এই button ব্যবহার করতে চান সেই জায়গায় পেস্ট করে নিন।
এবার আবার Compose Mode চালু করুন।
এবার আপনার পোস্ট সম্পূর্ণ করে published করতে পারবেন।
এখন আপনার পোস্ট View করে দেখুন।
যাদের কোড এ সমস্যা তাদের জন্য
Message করুন Chat এ ক্লিক করে।
WhatsApp অথবা Messenger এ।
Message করুন Chat এ ক্লিক করে।
WhatsApp অথবা Messenger এ।
অথবা পোস্টের শিরোনাম দিয়ে mail করুন
support@topwapbd.xyz
support@topwapbd.xyz
এবার ফলাফল হিসেবে নিচের মত দেখাবে।
আজকে এখানেই শেষ করলাম সবাই ভালো থাকুন।
আল্লাহ হাফেজ
Link will be apear in 15 seconds.
Well done! you have successfully gained access to Decrypted Link.
0 Response to "Stylish Download and Demo Button for Blogger/Blogspot Website - নিয়ে নিন এখনি "
Post a Comment