Edit Templete

বন্ধুরা আসাকরি সবাই ভাল আছেন । আপনাদের দোয়াই আমি ভাল আছি । আমি দেখছি আমার বন্ধুরের মনে হয় ব্লগার এর উপর চাহিদা কমে গেছে । যাক যাদের কমেছে কমুকগিয়ে যাদের ব্লগার ব্লগ এর উপর চাহিদা আছে তাদের জন আমি আজকের এই সুন্দর Premium ব্লগার টেম্পলেট টি নিয়ে এলাম একদম ফ্রী তে । আমার মনে হয় না এর আগে এই টেম্পলেট কেউ কোন ব্লগে দেখেছেন । আর দেখবেন বাই ক্যামনে । যাই হক নিচে থেকে ডাউনলোড করে নিন সঙ্গে দেখে নিন এর লাইভ ডেমো । আমি আসাকরি সকলের এটা খুব পছন্দ হবে ।


~>> কি পছন্দ হল মনে হছে তাহলে এর লাইভ ডেমো দেখে আসুন তাহলে বাকি টা বুজতে পারবেন । লাইভ ডেমো দেখতে নিচের ডেমো তে ক্লিক করুন ।
LIVE DEMO


~>> কিভাবে Customization করবেন নিচে থেকে দেখে নিন  ঃ

১) Edit The Navigation Menu ঃ
1// Blogger >> Template >> Edit HTML
2// সার্চ <ul id=’nav’>
3// এবার নিচের কোড গুল ফল করে এডিট করে নিন

<ul id=’nav’>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a class=’hsubs’ href=’#’>Menu 1</a>
<ul class=’subs’>
<li><a href=’#‘>Submenu 1</a></li>
<li><a href=’#‘>Submenu 2</a></li>
<li><a href=’#‘>Submenu 3</a></li>
<li><a href=’#‘>Submenu 4</a></li>
<li><a href=’#‘>Submenu 5</a></li>
</ul>
</li>
<li><a class=’hsubs’ href=’#‘>Menu 2</a>
<ul class=’subs’>
<li><a href=’#‘>Submenu 2-1</a></li>
<li><a href=’#‘>Submenu 2-2</a></li>
<li><a href=’#‘>Submenu 2-3</a></li>
<li><a href=’#‘>Submenu 2-4</a></li>
<li><a href=’#‘>Submenu 2-5</a></li>
<li><a href=’#‘>Submenu 2-6</a></li>
<li><a href=’#‘>Submenu 2-7</a></li>
<li><a href=’#’>Submenu 2-8</a></li>
</ul>
</li>
<li><a class=’hsubs’ href=’#‘>Menu 3</a>
<ul class=’subs’>
<li><a href=’#‘>Submenu 3-1</a></li>
<li><a href=’#‘>Submenu 3-2</a></li>
<li><a href=’#‘>Submenu 3-3</a></li>
<li><a href=’#‘>Submenu 3-4</a></li>
<li><a href=’#‘>Submenu 3-5</a></li>
</ul>
</li>
<li><a href=’#’>Menu 4</a></li>
<li><a href=’#’>Menu 5</a></li>
<li><a href=’#‘>Menu 6</a></li>
<li><a href=’http://www.bloggeryard.com‘>Download This Template</a></li>
<div id=’lavalamp’/>
</ul>

~>> উপরের লাল  রঙে # মুছে আপনার URL বশান ।
~>> উপরের নীল রঙে Menu & Submenu মুছে আপনার দরকারি নাম দিন ।

২) Header Subscription Area ঃ
1// Blogger >> Template >> Edit HTML
2// সার্চ করুন <!– Top Subsbox By Www.BloggerYard.Com Start –> এটাকে ।

<div id=’byard-topsubsbox’>
<div id=’subscriptionsection’>
<div class=’subsbox-heading’>Subscribe For Free Updates!</div>
<form action=’http://feedburner.google.com/fb/a/mailverify?uri=BloggerYard‘ class=’byard-subsbox-form’ method=’post’ target=’_new’>
<input class=’topsubsboxname’ name=’name’ onblur=’if (this.value == &apos;&apos;) {this.value = &apos;Your Name&apos;;}’ onfocus=’if (this.value == &apos;Your Name&apos;) {this.value = &apos;&apos;;}’ value=’Your Name’/>
<input class=’topsubsboxemail’ name=’email’ onblur=’if (this.value == &apos;&apos;) {this.value = &apos;Your Email Address&apos;;}’ onfocus=’if (this.value == &apos;Your Email Address&apos;) {this.value = &apos;&apos;;}’ value=’Your Email Address’/>
<input class=’topsubsboxbutton’ type=’submit’ value=’Sign Up!’/>
</form>
<p style=’margin-top: 8px;font-size: 13px;text-align: center;font-family: Source Sans Pro;font-style: italic;font-weight: 600;’>We’ll not spam mate! We promise.</p>
</div>
<div class=’socialicons’>
<div class=’socialheading’>Become Our Fan on Social Sites!</div>
<ul>
<li><a href=’https://www.facebook.com/BloggerYard‘><imgsrc=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-zM65ulZ9Of8m3_mPJDE6yT3-Cn1mVPPgJbLXszNZwqfnZvEaL8aLlT4tu6kpNOAZlWGOAt6flmgQAxdlxDyNxEKYYOiRgOI_ThzowqWjInq0TIBUczPvRcxsEvoIpIeGoxw4WwOH4h5q/s1600/facebook_64.png’ title=’Facebook’/></a></li>
<li><a href=’https://twitter.com/BloggerYard‘><imgsrc=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuXdUDkBDrkwWDbTAoE2NAyoaB6OJKBWmKKcMomzTpZ824M50M0ihpvyQfHxcn2kqo2qTvdGnJ5c5ZKhglhnEhIYKareePA9zTYlipkpfdynigWOi-52s6r-HGPmt2OjXrTnzJ3c5EgZjH/s1600/twitter_64.png’ title=’Twitter’/></a></li>
<li><a href=’https://plus.google.com/101996924620264617682/’><imgsrc=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOgIQoT8QpUwYicVBgX6H5o2dxkeemZxBlLJOkz5SiolAVv0tcqP_oNeJvWTyQKZ8ZNvzg8l89WH177NhXfDNsci7dihYxztQtR3rlrt2u0y1JINDqtCqZlfRGQZDNoJFoMCexPMZL6982/s1600/google-plus_64.png’ title=’Google +’/></a></li>
<li><a href=’http://feeds.feedburner.com/BloggerYard‘><imgsrc=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3dUhbqG81i-NOYb6x-N_CuOG4FhTqzqwrBSwEePzWnMKSdYEwmMQh359qezFa_PkSoVwLpMteB7Quw7gh3YXWulyGbg_NUQxgXraIfiEWZRx2CFFYhlZV5eVCKPsnTt4StHZsjA7Ukn5A/s1600/rss_64.png’ title=’Rss’/></a></li>
<li><a href=’http://pinterest.com/yaqoobhisbani/’><imgsrc=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5-ACsLWpvA-w9mbjNrxRE0NI7dg1oq2DZuora_1UDUvKedoQjyADnplmU3a9UKzoXDuQGEtswtNmunp7u-I32e4IibTVlnssRPqdfo2palvbrog9dIYUb2Dt945wm82RgA6cdFEDTHoZ/s1600/pinterest_64.png’ title=’Pinterest’/></a></li>
</ul>  </div>
</div>

~>> উপরের নীল রঙের লিঙ্ক মুছে আমার সব যেমন ফেসবুক , গুগল + , টুটার লিঙ্ক বসিয়ে দিন ।

৩ ) Socializer Widget ঃ
1//  Blogger >> Template >> Edit HTML
2// সার্চ করুন <!— Socializer Widget By Www.BloggerYard  Start –> এটাকে

<!— Socializer Widget By Www.BloggerYard  Start –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style>
#byard-socializer {
width:500px;
height:250px;
border:1px solid #ddd;
-moz-box-shadow:0 7px 9px rgba(50,50,50,0.75);
box-shadow:0 7px 9px rgba(50,50,50,0.75);
background:#f1f1f1;
transition:background .5s;
-webkit-transition:background .5s;
-moz-transition:background .5s;
overflow:hidden;
margin:10px;
}
#byard-socializer:hover {
background:#fff!important;
}
#byard-socializer-title {
text-align:center;
border:1px solid #2aa4cf;
font-size:20px;
background:#2aa4cf;
font-weight:2000;
font-family:oswald;
color:#fff;
padding:5px;
}
#sw-credits {font-size:13px;}
.likeonfb {padding-left:10px;}
</style>
<script src=’https://bloggeryard.googlecode.com/svn/trunk/Socializer.js/’ type=’text/javascript’/>
<script type=’text/javascript’>
var switchTo5x = false;
</script>
<script src=’http://w.sharethis.com/button/buttons.js’ type=’text/javascript’/>
<script type=’text/javascript’>
stLight.options({
publisher: &quot;
ede9503f – 57ea – 4698 – a245 – 17187b93fa50 &quot;, doNotHash: false,
doNotCopy: false,
hashAddressBar: false
});
</script>
<center>
<div id=’byard-socializer’>
<div id=’byard-socializer-title’>
Please Give Us Your 1 Minute In Sharing This Post!
</div>
<div id=’SocializeIt’>
<font class=’heading’>SOCIALIZE IT →</font>
<div class=’tweet’>
<a class=’twitter-share-button’ expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ href=’https://twitter.com/share’>Tweet</a>
</div>
<div class=’like’>
<iframe allowtransparency=’true’ expr:src=’&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:80px; height:21px;’/>
</div>
<div class=’plusone’>
<div class=’g-plusone’ data-size=’medium’ expr:data-href=’data:post.url’/>
</div>
</div>
<div id=’followus’>
<font class=’heading’>FOLLOW US →</font>
<div class=’likeonfb’>
<iframe allowtransparency=’true’ frameborder=’0′ scrolling=’no’ src=’//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggerYard&amp;send=false&amp;layout=button_count&amp;width=77&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21′ style=’border:none; overflow:hidden; width:77px; height:21px;’/>
</div>
<div class=’followontwitter’>
<a class=’twitter-follow-button’ data-button=’grey’ data-link-color=’#289728′ href=’http://twitter.com/BloggerYard‘ rel=’nofollow’/>
<script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’/>
</div>
</div>
<div id=’share’>
<font class=’heading’>SHARE IT →</font>
<div class=’sharing’>
<span class=’st_facebook_large’ displaytext=’Facebook’/>
<span class=’st_twitter_large’ displaytext=’Tweet’/>
<span class=’st_googleplus_large’ displaytext=’Google +’/>
<span class=’st_pinterest_large’ displaytext=’Pinterest’/>
<span class=’st_linkedin_large’ displaytext=’LinkedIn’/>
<span class=’st_stumbleupon_large’ displaytext=’StumbleUpon’/>
<span class=’st_email_large’ displaytext=’Email’/>
<span class=’st_sharethis_large’ displaytext=’ShareThis’/>
</div>
</div>
<div id=’sw-credits’>
Powered By: <a href=’http://www.bloggeryard.com’ id=’swcreditx’>BloggerYard.Com</a>
</div>
</div>
</center>
</b:if>
<!— Socializer Widget By Www.BloggerYard  End –>

~>> উপরে ফেসবুক আর টুটার URL মুছে আপনার URL বসান ।

৪) Footer Menu ঃ
1// Blogger >> Template >> Edit HTML
2// সার্চ করুন <div id=’footer-top-wrapper’> এটাকে ।

<div id=’footer-top-wrapper’>
<div id=’footer-top’>
<ul id=’footer-navigation’>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#‘>About Us</a></li>
<li><a href=’#‘>Contact Us</a></li>
<li><a href=’#’>Sitemap</a></li>
<li><a href=’#’>Privacy Policy</a></li>
</ul>
<div id=’backtotop’>
<p id=’back-top’>
<a href=’#'>Back to top</a>
</p>
</div>
</div></div>

~>> উপরের লাল রঙে মুছে সেখানে লিঙ্ক যুক্ত করুন ।
~>> নীল রঙ মুছে সেখানে লিখা যুক্ত করুন ।

নোট  ঃ ভুল করেও ফুটার এডিট করতে যাবেন না যেমন ডিজাইন করেছেন এই সব ।


http://uppit.com/9wy4dvshhqi1/Premium.rar

~>> তাহলে আস্করি এডিট করতে কোন সমস্যা হবে না । আর যদি কোন সমস্যা হয় আমাকে জানেবন আমি ত আছি । তাহলে আজকের মতো এই পর্যন্ত আবার দেখা হবে নতুন কিছু । ভাল থাকবেন সুস্থ থাকবেন । আল্লাহ হাফেজ ।