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

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

Number Page

ন্ধুরা সবাই ভালতো আশাকরি সবাই খুব ভাল আছেন আমি ভাল আছি কিন্তু খুব ভাল না । যাই হোক অনেক দিন পোস্ট করা হয়নি আজকে আমি আপ্নদের জন্য নিয়ে এলাম সুন্দর একটি  numbered page navigation ওয়েডগেট আশাকরি আপনাদের ভাল লাগবে এবং কাজে ও আসবে । তাহলে দেরি না করে নীচে থেকে দেখে নিন কিভাবে আপনার ব্লগে যুক্ত করবেন ।





এবার দেখে নিন কিভাবে যুক্ত করবেন  ঃ

১) আপনার ব্লগার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করুন ।

২) এবার আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন ।


]]></b:skin>


৩) এবার উপরের কোডটি খুজে পেলে তার ঠিক আগে নীচের কোডটি কপি করে পেস্ট করুন ।


.showpagePoint {
    text-decoration: none;
    background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
    color: rgb(41, 41, 41);
    border: 1px solid rgb(227, 227, 227);
    display: inline-block;
    margin-right: 3px;
    padding: 7px 10px;
    font-weight: bold;
}
.showpageOf {
    color: rgb(255, 255, 255);
    font-weight: bold;
    background: none repeat scroll 0% 0% rgb(224, 102, 102);
    padding: 8px;
    margin: 8px;
}
.showpageNum a:hover  {
color: white;
}
.showpageNum a:link {
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%) repeat scroll 0% 0% transparent;
    color: rgb(51, 51, 51);
    margin-right: 3px;
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid rgb(227, 227, 227);
}
.showpageNum a:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
    color: rgb(41, 41, 41);
    border: 1px solid rgb(227, 227, 227);
    display: inline-block;
    margin-right: 3px;
    padding: 7px 10px;
}



৪) এবার Save Template এ ক্লিক করে সেভ করে নিন ।


৫) এবার একি ভাবে আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন ।


</body>


৬) উপরের কোডটি খুজে পেলে তার ঠিক উপরে নীচের কোডটি কপি করে পেস্ট করুন ।


  <script type='text/javascript'>
      var postperpage=5;
      var numshowpage=5;
      var upPageWord =&#39;&lt;&lt;&#39;;
      var downPageWord =&#39;&gt;&gt;&#39;;
      var urlactivepage=location.href;
      var home_page=&quot;/&quot;;
    </script>
<script type='text/javascript'>//<![CDATA[
  eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1y\'>1z "+f+\' 1A \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1B"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1C">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\'...\'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}6 E=y.1D("E");6 18=y.1E("1F-1G");1h(6 p=0;p<E.P;p++){E[p].1j=5}4(E&&E.P>0){5=\'\'}4(18){18.1j=5}}C 1a(Q){6 R=Q.R;6 1k=K(R.1H$1I.$t,10);1g(1k)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=1J}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W/-/"+n+"?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C 1b(Q){1c=Q.R.1K[0];6 1w=1c.1x.$t.F(0,19)+1c.1x.$t.F(1L,1M);6 1d=1N(1w);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}1O.9=1e}',62,113,'|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]></script>



৭) এবার Save Template এ ক্লিক করে সেভ করে নিন ।


==>> কোন সমস্যা হলে আমাকে জানাবেন আমি হেল্প করতে চেষ্টা করবো । আশাকরি কোন সমস্যা হবে না ।

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