ব্লগার সাইটের থাম্বনাইলে লেবেল ট্যাগ এড করুন।

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

আজ আমি আপনাদের মাঝে নতুন একটি টিউটোরিয়াল নিয়ে লিখতে বসলাম। আশা করি সকলেরই পছন্দ হবে।

ব্লগার সাইটের থাম্বনেইলে লেবেল ট্যাগ তৈরি করুন।

আপনারা আমাদের ব্লগের থাম্বনাইলে দেখেছেন বাম দিকে ছোট্ট একটা আইকন রয়েছে , ওটাই লেভেল ট্যাগ।

তাহলে চলুন শুরু করা যাক।

কিভাবে করবেনঃ

প্রথমে ব্লগে লগিং করুন।

লেআউট থেকে থিমস এ যান।

এবার ইডিট এইস টি এম এল এ ক্লিক করুন।

তারপর কীবোর্ড থেকে Ctrl+F একসাথে প্রেস করুন।

এবার সার্চবারে ]]> </ b: skin লিখে সার্চ করুন এবং


 নিছের css  কোডটা ]]> </ b: skinএর উপরে পেস্ট করুন।

.post .label-info {position:absolute;top:0;left:0;margin:0 auto;width:auto;z-index:1;} .label-info a{margin-right:5px;background-image: linear-gradient(50deg,#ff0036,#6800ff);color:#fff;font-size:13px;display:block;float:left;padding:4px 12px;transition: all .3s ease-out;} .label-info a:hover{background-image: linear-gradient(50deg,#ff0036,#6800ff);} .label-info a:nth-child(n+3){display:none;} @media only screen and (max-width:640px){ .label-info {display:none;}}

এখন আবার সার্চবারে  <b:loop values='data:post.labels' var='label'> লিখে সার্চ করুন।


এই কোডটি হইতো আপনার থিমে একাদিকবার থাকতে পারে, তবে আপনি প্রথমটিতে ট্রাই করতে পারেন।

<!-- label tag by itsayeem.com -->
<b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:post.labels'> <span class='label-info'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/> </b:loop> </span> </b:if> </b:if><!-- label tag by itsayeem.com -->

 যদি কাজ না হই তাহলে নিছের কৌশল অবলম্বন করেন।

সার্চবারে লিখুন <b:includable id='post' var='post'> লিখে সার্চ করুন।


এখন  <div class='post_thumb list-thumb'> এই ট্যাগের নিছে কোডটি পাবেন ইনশাল্লাহ।


আশা করি পেয়েগেছেন , তাহলে <b:loop values='data:post.labels' var='label'> ট্যাগের নিছে উপরের কোডটি পেস্ট করুন।

হ্যা এবার থিম সেইভ করুন।

তারপরও যদি কারো কোনো  সমস্যা হই কমেন্ট করতে পারেন। 

---

POST VIEWSl

Next Post Prev Post