22.8.15

ব্লগারের ভিডিও সাইজ পরিবর্তন পদ্ভতি

Reaz Kokora    
ব্লগারে পোস্ট করার সময় ভিডিও সাইজ পরিবর্তন করা প্রয়োজন হতে পারে। সেক্ষেত্রে খুব সহজেই শুধুমাত্র ভিডিও স্কিনের Height ও Width পরিবর্তন করে ব্লগারের ভিডিও স্কিন সাইজ পরিবর্তন করা যায়।


  • প্রথমে ব্লগার সাইটে লগিন করে নিউ পোস্ট করুন অথবা যে কোন ভিডিও পোস্ট Edit করুন।
  • উপরের Editing বারে Compose সিলেক্ট করুন।
  • নতুন পোস্ট এর ক্ষেত্রে Insert a Video থেকে একটি ভিডিও যুক্ত করেন।
  • এখন উপরের Editing বারে HTML সিলেক্ট করে  ভিডিওটির width="320" height="266" পরিবর্তন করুন।
  • প্রয়োজনে Preview করে দেখুন।
বিস্তারিত...
12.8.14

ব্লগার পোস্ট এ ফেসবুক কমেন্ট যোগ করুন

Reaz Kokora    

 ব্লগের পোস্ট সম্পর্কে পাঠকের মতামত জানার জন্য ফেসবুক কমেন্ট বক্স যুক্ত করার পদ্ধতিঃ


  • প্রথমে ব্লগে লগিন করুন।
  • template এ যান। Backup/Restore থেকে টেম্পলেটটি নিরাপত্তার জন্য আগে ডাউনলোড করে রাখুন।
  • তারপর Edit HTML এ ক্লিক করুন।
  • Ctrl+F শটকাট ব্যবহার করুন <data:post.body/> কোডটি খুজে বের করুন।
  • তারপর <data:post.body/> এর ঠিক উপরে  নিচের কোড কপি করে পেস্ট করুন।


<h3>Post Comment</h3> <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='5' width='500'/>

  • সবশেষে Template টি সেভ করুন।
বিস্তারিত...
12.8.14

Next, Previous & Home পেজকে ডিজাইন করুন

Reaz Kokora    

ব্লগকে আকর্ষনীয় ও মনের মত করে গোছাতে অনেকেই হোম পেজের শেষে Next, Previous & Home পেজকে  ডিজাইন করার পদ্ধতি খোঁজ করেন।

  
১ম পর্যায়-
  • প্রথমে ব্লগে লগিন করুন।
  • template এ যান। Backup/Restore থেকে টেম্পলেটটি নিরাপত্তার জন্য আগে ডাউনলোড করে রাখুন।
  • তারপর Edit HTML এ ক্লিক করুন।
  • Ctrl+F শটকাট ব্যবহার করুন </body> কোডটি খুজে বের করুন।
  • তারপর </body> এর ঠিক উপরে  নিচের কোড কপি করে পেস্ট করুন।

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var postperpage=5;
    var numshowpage=2;
    var upPageWord ='« Previous Page';
    var downPageWord ='Next Page »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
<script type='text/javascript'>
  /*<![CDATA[*/
    var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+=' ... '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+='...'}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}
  /*]]>*/
</script>
</b:if>
</b:if>

২য় পর্যায়-

  • পুনরায় Ctrl+F শটকাট ব্যবহার করুন ]]></b:skin> কোডটি খুজে বের করুন।
  • তারপর ]]></b:skin> এর ঠিক উপরে  নিচের চারটি স্টাইলে যে কোন একটি কোড কপি পেস্ট করুন।

    //* Red Style ------------------------------------------------------------------------------------------- *//

    #blog-pager{float:left;font-size:16px;line-height:normal;margin:0 20px;padding:2em 0}
    .showpageNum a,.showpage a,.showpagePoint{background:#e74c3c;border:none;border-bottom:3px solid #862B20;color:#FFF;font-size:15px;font-family:open sans;font-weight:700;margin-left:10px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-o-transition:background 400ms;padding:10px 20px}
    .showpageNum a:hover,.showpage a:hover,.showpagePoint,.blog-pager-newer-link,.blog-pager-older-link,.home-link{background:#c0392b;color:#FFF}
    .showpageOf{display:none!important}
    @font-face{font-family:'font-style:normal;font-weight:700;src:local('OpenSansBold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

    //* Blue Style ------------------------------------------------------------------------------------------- *//

    #blog-pager{float:left;font-size:16px;line-height:normal;margin:0 20px;padding:2em 0}
    .showpageNum a,.showpage a,.showpagePoint{background:#3498db;border:none;border-bottom:3px solid #246EA0;color:#FFF;font-size:15px;font-family:open sans;font-weight:700;margin-left:10px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-o-transition:background 400ms;padding:10px 20px}
    .showpageNum a:hover,.showpage a:hover,.showpagePoint,.blog-pager-newer-link,.blog-pager-older-link,.home-link{background:#2980b9;color:#FFF}
    .showpageOf{display:none!important}
    @font-face{font-family:'font-style:normal;font-weight:700;src:local('OpenSansBold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

    // * Green Style ----------------------------------------------------------------------------------------- *//

    #blog-pager{float:left;font-size:16px;line-height:normal;margin:0 20px;padding:2em 0}
    .showpageNum a,.showpage a,.showpagePoint{background:#2ecc71;border:none;border-bottom:3px solid #208C4D;color:#FFF;font-size:15px;font-family:open sans;font-weight:600;margin-left:10px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-o-transition:background 400ms;padding:10px 20px}
    .showpageNum a:hover,.showpage a:hover,.showpagePoint,.blog-pager-newer-link,.blog-pager-older-link,.home-link{background:#27ae60;color:#FFF}
    .showpageOf{display:none!important}
    @font-face{font-family:'font-style:normal;font-weight:600;src:local('OpenSansBold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

    //* Dark Style ------------------------------------------------------------------------------------------ *//

    #blog-pager{float:left;font-size:16px;line-height:normal;margin:0 20px;padding:2em 0}
    .showpageNum a,.showpage a,.showpagePoint{background:#34495e;border:none;border-bottom:3px solid #202D3A;color:#FFF;font-size:15px;font-family:open sans;font-weight:700;margin-left:10px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-o-transition:background 400ms;padding:10px 20px}
    .showpageNum a:hover,.showpage a:hover,.showpagePoint,.blog-pager-newer-link,.blog-pager-older-link,.home-link{background:#2c3e50;color:#FFF}
    .showpageOf{display:none!important}
    @font-face{font-family:'font-style:normal;font-weight:700;src:local('OpenSansBold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

    •  সবশেষে Template টি সেভ করুন।
    বিস্তারিত...
    16.7.14

    ব্লগ থেকে "লেবেলটি সহ পোস্ট দেখানো হচ্ছে। সকল পোস্ট দেখুন" মুছে ফেলুন!

    Reaz Kokora    
    নতুন ব্লগার ব্লগ ব্যবহারকারীদের জন্য এই পোস্ট খুবই গুরুত্বপূর্ণ। ব্লগ পোস্টকে আকর্ষনীয় ও সহজ দৃশ্যমান করতে হলে পোস্ট লেবেল ব্যবহারের বিকল্প নেই। আপনার পোস্টগুলো মনের মত করে গোছানো ভাবে উপস্থাপন করতে ছোট ছোট অনেক বিষয়ের পরিবর্তন ও সংযোজন করতে হবে। খেয়াল করে দেখুন আপনার পোস্ট লেবেল যখন প্রদর্শিত হয় তখন " লেবেলটি সহ পোস্ট দেখানো হচ্ছে । সকল পোস্ট দেখুন" ডায়লগটি উপরে প্রদর্শিত হয়। আপনি চাইলে নিচের পদ্ধতি অবলম্বন করে "লেবেলটি সহ পোস্ট দেখানো হচ্ছে । সকল পোস্ট দেখুন" লেখাটিকে মুছে ফেলতে পারেন।


    পদ্ধতিঃ
    • প্রথমে ব্লগে লগিন করুন।
    • template এ যান।
    • Edit HTML এ ক্লিক করুন।
    • Ctrl+F শটকাট ব্যবহার করে নিচের কোডটি খুজুন।
    <b:include data='top' name='status-message'/>

    • উপরোক্ত কোডটি খুজে পেলে সেটিকে মুছে সেখানেই নীচের কোডটি বসিয়ে দিন।
    <!--<b:include data='top' name='status-message'/>-->

    • সবশেষে Save Template এ ক্লিক করুন। 
    বিস্তারিত...
    14.7.14

    ব্লগে Related Posts যুক্ত করুন

    Reaz Kokora     No comments
    ব্লগে ভিজিটর বাড়ানোর জন্য পোস্টের নিচে Related Posts যুক্ত করা খুব গুরুত্বপূর্ণ। এতে ভিজিটর বাউন্স রেট কম থাকে। যাই হোক কথা না বাড়িতে চলুন দেখে নেয়া যাক কিভাবে ব্লগে রিলেটেড পোস্ট যুক্ত করা যায়।


    • প্রথমে ব্লগে লগিন করুন।
    • Layout এ ক্লিক করুন।
    • তারপর Add a Gadget এ HTML/Javascript যুক্ত করুন।
    • Content ঘরে নীচের কোডটি কপি করে পেস্ট করুন । 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
    <script type="text/javascript">
    relatedPostsWidget({
       'containerSelector':'div.post-body'
       ,'loadingText':'loading...'
    });</script>

    • সর্বশেষ সেভ করুন।
    নিচের ডেমো ফটো দেয়া হল-
    বিস্তারিত...
    14.7.14

    Post Lavel সরিয়ে ফেলুন!

    Reaz Kokora     No comments
    গুগল ব্লগে পোস্ট করার সময় সাধারণত পোস্ট লেভেল (Post Label) প্রদর্শিত হয়। যা অনেকেই পছন্দ করেন না। পোস্টটি মুলত তাদের জন্য।


    • প্রথমে ব্লগে লগিন করুন।
    • template এ যান।
    • Edit HTML এ ক্লিক করুন।
    • Ctrl+F শটকাট ব্যবহার করে নিচের কোডটি খুজুন।
    </body>

    • </body> এর উপরে নিচের কোড দিয়ে সেভ করুন।

    <style>
    .post-labels {display: none;}
    </style>

    ব্যস আপনার কাজ শেষ...
    বিস্তারিত...
    8.7.14

    গুগল ব্লগের প্রতিটি পোষ্টের সাথে ফেসবুক লাইক যুক্ত করুন!

    Reaz Kokora    
    আমরা যারা গুগল ব্লগ ব্যবহার করছি তাদের জন্য পোষ্টটি খুবই গুরুত্বপূর্ণ।  পোষ্ট এর সাথে ফেসবুক লাইক যুক্ত করে খুব সহজেই আমরা আমাদের সাইটটিকে জনপ্রিয় করে তুলতে পারি।  তাহলে চলুন দেখে নেয়া যাক কিভাবে আমরা তা করবো।

    • প্রথমে Blogger dashboard যান।
    • তারপর Template, সেখান থেকে Edit HTML
    • Edit HTML বক্সের যেকোন এক স্থানে মাউস পয়েন্টার রেখে CTRL + F শর্টকাট ব্যবহার করুন। তার পর Find Box এ নিচের কোডটুকু কপি করে পেস্ট করুন। এবং এন্টার চাপুন।

    <data:post.body/>


    প্রথমে লক্ষ্য করুন যে বিষয় দিয়ে সার্চ করছেন তা কিন্তু একাধিক থাকতে পারে। এন্টার চাপ দেয়ার মাধ্যমে একটা একটা করে নিচে দিকে যতটা সার্চ মিলে গেছে তা দেখাতে থাকবে। তাই উপরের দিক থেকে দ্বিতীয় মিলে যাওয়া অংশটির নিচে অর্থাৎ <data:post.body/> লাইনের ঠিক শেষে মাউস পয়েন্টার রেখে এন্টার চাপ দিন তার পর নিচের তিনটি স্টাইলের যে কোন একটি নির্বাচন করে পেস্ট করুন। এবং সেভ করুন।

    কপি করুন, যদি আপনি তা Horizontal style দেখতে চান:

    <br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
    অথবা কপি করুন, যদি আপনি তা Vertical style দেখতে চান:
    <br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/>

    অথবা কপি করুন, যদি আপনি তা Standard style দেখতে চান। তবে বলে রাখা ভালো যে এই স্টাইলে লাইক কতগুলো হয়েছে তা বোঝা যাবে না। তবে লাইক করার পর কমেন্ট অপসন আসবে।


    <br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>

    প্রয়োজনে আগেই দেখে নিন তিনটি স্টাইল দেখতে কেমন হবে...






    কোন সমস্যা হলে কমেন্ট করতে ভুলবেন না।






    বিস্তারিত...
    7.7.14

    ব্লগারে ফেসবুক লাইক

    Reaz Kokora     No comments
    ফেসবুক লাইক খুব সহজেই আপনি আপনার ব্লগে যোগ করে নিতে পারেন। আমরা যারা গুগল ব্লগ ব্যবহার করি তাদের জন্য এই পোষ্ট খুবই গুরুত্বপূর্ণ। এই ফিচারটির মাধ্যমে আপনার ব্লগের তথ্য খুব সহজেই ফেসবুকে ছড়িয়ে দিতে পারেন।
    যা যা করনীয়:

    প্রথমে আপনাকে ফেসবুকে একটি ফ্যানপেজ তৈরী করতে হবে। তারপর এই লিঙ্ক থেকে লাইক বক্স নামে ফিচারটি তে ক্লিক করুন। আর নিচে দেখানো ফেসবুক পেজ URL এর স্থলে আপনার ফেসবুক ফ্যানপেজের এড্রেস টি টাইপ করুন।
    Width ও Height এর ঘরে আপনার ব্লগের প্রয়োজন অনুযায়ী যেকোন মান বসিয়ে দিন। তবে Width-236, আর Height-258 দিতে পারেন।




    তারপর নিচে Get Code নামে বাটনটি চাপ দেন। তার পর উপরের অপসন গুলো থেকে IFRAME তে ক্লিক করে নিচের কোড টুকু কপি করুন। প্রয়েজনে নিচে লক্ষ্য করুন-
















    এবার আপনি আপনার গুগল ব্লগারে প্রবেশ করুন। তার পর Layout এ যান। এখন আপনি লাইক বক্সটি যে দিকে রাখতে চান ঠিক সেদিকের Add a Gadget এ ক্লিক করুন। তারপর HTML/JavaScript সিলেক্ট করুন। সেখানের বডিতে কোডগুলো পেস্ট করুন। তার পর সেভ করুন।





    বিস্তারিত...
    Subscribe to: Posts ( Atom )

     

    Copyright @ 2013 ফর কম্পিউটার .

    Designed by reazkokora | For Computer Lab