Trickbd এর পোষ্ট এ কিভাবে কোনো রকম style ছারাই শুধু class দিয়ে পোষ্ট সুন্দর করুন *আরো থাকছে আপনার youtube channel show your post!

আসসালামু আলাইকুম।আশা করি সবাই ভালো আছেন।আমি ও ভালো আছি।

আজ কিছু নতুন কোড নিয়ে হাজির হলাম ।যা ট্রিকবিডিতে css src দেওয়া থাকার কারনে শুধু class দিয়ে background , buttons,trickbd header,trickbd footer এবং আপনার Youtube Channel আপনার পোষ্ট এ Show করতে পারবেন।
এটি অনেক সহজে করতে পারবেন।
আমি এই কোডের সাথে সাথে Example ও দেখিয়ে দেবো।
তো শুরু করা যাক।

1.

প্রথমেই আমি আপনার Youtube Channel & Subscriber Count Trickbd Post এ Show করবেন।
এই কোড কিভাবে ব্যবহার করবেন তা নিচে বলে দেবো।
Code: </p> <div class="ad_block forum_top"> <div class="g-ytsubscribe" data-channelid="UC3OTCCJNrjyPhcRFzLPYd3g" data-layout="full" data-count="default"></div> </div> <p>
Example:

ব্যবহার করবেন কিভাবে?

এখনা কিভাবে ট্রিকবিডির চেনেল এর বদলে আপনার চেনেল দেবেন তা বলে দিচ্ছি।যেখানে data-channelid=”” এরকম আছে সেখানে আপনার Channel Id দিলে আপনার Chaanel Show করবে যদি আপনার Subscribe Count কম হয় তাহলে Subscribe Count Show করবে না।এর জন্য আমি দাই থাকবো না।

2.

এটি Trickbd Header কোড ।
Code: </p> <div class="block_header"> <div class="main_nav"> <div class="menu-mobile-nav-container"> <ul class="menu" id="menu-mobile-nav"> <li id="menu-item-41"><a href="/">Home</a></li> <li class="trickbd_notification_count_holder" id="menu-item-49"><a href="/notification?tunseen=true" class="trickbd_notification_link">Notification</a> <a href="/notification?tunseen=true" style="background:red;padding-top:2px;border-radius:50%;color:white;padding-bottom:2px;padding-left:4px;padding-right:4px;font-size:small">2</a></li> <li class="trickbd_payment_icon"> <a href="/payment_dashboard"> ৳ </a></li> </ul> </div> </div> </div> <p>
Example:

3.

এগুলো হলো Background কোড।
1.Code: </p> <div class="block_posts"> <h2>Example</h2> <ul class="rpul"> <li><img decoding="async" src="https://img.wapka.org/008bha.png" /> Example<br /> to trickbd</li> </ul> </div> <p>
Example:

2.Code: </p> <div class="notify">Example Text</div> <p>
Example:

3.Code: </p> <div class="ad_block forum_top">Example Text</div> <p>
Example:

4.

এখন হলো Button কোড।
1.Code <a href="/" class="btn btn-primary">Example</a>
Example: Example
2.Code <a href="/" class="btn btn-danger">Example</a>
Example: Example
3.Code <a href="/" class="btn btn-info">Example</a>
Example: Example
4.Code <a href="/" class="btn btn-warning">Example</a>
Example: Example

5.Code <a href="/" class="btn btn-success">Example</a>
Example: Example
6.Code <a href="/" class="btn btn-small">Example</a>
Example: Example

5.

এই কোড হলো Trainer Button কোড।
</p> <div style='text-align:center'><a href='/trainer-request'></p> <div class='btn btn-danger' style='margin:5px auto'>Be a Trainer! <small style='color: #f5f5f5'> Share your knowledge.</small></div> <p></a></div> <p>
Example:

6.

এটি হলো ট্রিকবিডির ফুডার কোড।
</p> <div class="block_fotter"> <div style="clear:both"> <div class="footer_left"> <ul style="margin:0;padding:0" id="menu-footer-mobile-left" class="sub-menu"> <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="/about">About Us</a></li> <li id="menu-item-415398" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-415398"><a href="/team">Team</a></li> <li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="/advertise">Advertise</a></li> <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="/contact">Contact Us</a></li> <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="/terms">Terms of Use</a></li> </ul></div> <div class="footer_right"> <ul style="margin:0;padding:0" id="menu-footer-mobile-right" class="sub-menu"> <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="/rights">User Rights</a></li> <li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="/privacy">Privacy Policy</a></li> <li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39"><a href="/faq">FAQ</a></li> <li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a href="/copyright">Copyright issues</a></li> </ul></div> </div> <div class="switch_pc" style="clear:both"><small><a href="#top">Switch To Header</a></small></div> </div> <p>
Example:

এই কোডগুলো শুধু ট্রিকবিডিতে কাজ করবে ।যদি অন্য ওয়েবসাইট ব্যবহার করতে চান তাহলে ট্রিকবিডির সব Css আপনার ওয়েবসাইট বসাতে হবে।
আজ এই পর্যন্তই সবাই ভালো থাকবেন আর ট্রিকবিডির সাথে থাকবেন।