All Stories

Wednesday, 1 June 2016

প্রথমেই আমার সালাম জানিয়ে শুরু করছি। আজ আমি সেরা আর্নিং সাইট ট্রাফিকমনসুন এর সাথেআপনাদেরকে পরিচয় করিয়ে দেব।What is Traffic Monsoon? Ans- Traffic Monsoon is PTC + Traffic Exchange + Revenue Sharing site. It is one of the high paying PTC sites which is paying at the moment. So join now Traffic Monsoon site.

এখানে আপনি প্রতিদিন ১৫ মিনিট সময় ব্যয় করে 0.30$ আয় করতে পারবেন।আর আর্নিং বাড়াতে রেফারেল বাড়াতে হবে। কারন এই সাইটি রেফারেল আনিং এর ১০০% কমিশন দেয়।তার মানে  ১ জন রেফারেল থাকলে আপনার প্রতিদিন আর্নিং হবে (0.30$+0.30$) = 0.60$  এভাবে ১০জন রেফারেল থাকলে প্রতিদিন আর্নিং হবে (10 x 0.30$) = 3$. বা ১০০ জন হলে (100 x 0.30$) = 30$ পাবেন প্রতিদিন তার মানে প্রতিদিন ২৩৪০ টাকা। এখন ভাবছেন এই সাইটে একাউন্ট করার পর  আমি রেফারেল কিভাবে বানাবো। এর জন্য নিচে দেওয়া আমার ফেসবুক গ্রুপে জয়েন্ট করুন আমি আপনাকে সহযোগীতা করব। এখন এই সাইটে একাউন্ট করাসহ বিস্তারিত নিয়ম জেনে নেই।

এই সাইটির সুবিধাসমূহ
১. ইনস্ট্যান্ট প্রেমেন্ট করে  Payza, PayPal এবং Solid Trust এ।
২. এর বেশিরভাগ ক্যাশ লিংক ০.০২ থেকে ০.০০৫ ডলার।
৩. কোন কোন দিনে ক্যাশ লিংক দুই বার পাওয়া যায়। প্রতিদিন ভোর ৬.১০ থেকে ক্যাশ লিংক দেওয়া   শুরু করে।
৪. রেফারেল আনিং এর ১০০% কমিশন দেয়।
৫. ওয়েব সাইট বা যেকোন সাইটের ফ্রি এডভারটাইজ করা যায়।
৬. Android phone or Tablet হলেও আপনি এই সাইটটিতে কাজ করতে পারবেন।

বর্তমানে ট্রাফিক মনসুন এর সিস্টেম উন্নত করেছে। ফলে পূর্বে যে সকল সমস্যা ছিল তা আরনেই। আর এখন অনেক বেশি ক্যাশ লিংক পাওয়া যায়। তবে এখন National ID Card দিয়েএকাউন্ট Approved না করা পর্যন্ত আপনি ক্যাশ লিংকগুলো দেখতে পারবেন না। একাউন্টApproved করা খুবই সোজা শুধু আইডি কার্ড অনুযায়ী তথ্য ও ছবি মিল রেখে আইডি কার্ড scan করে upload করে দিলেই একাউন্ট Approved হয়ে যাবে।ট্রাফিক মনসুনে একাউন্ট না থাকলে এখনই একাউন্ট করুন। একাউন্ট করার জন্য এই লিংক প্রবেশ করুন। অথবা নিচের ব্যানারে ক্লিক করুন।
https://trafficmonsoon.com/signup?ref=Wadud221

Share Up To 110 % - 10% Affiliate Program


এরপর Signup বারে ক্লিক করলে Account রেজিস্টিশন অফশন আসবে। নিচের এই রকমছবির মত


উপরের ছবিতে চিহ্নিত Box গুলো পূরণ করুন। তামধ্যে 11, 12, 13 নং এ Payza, PayPal এবংSolid Trust এ আপনার একাউন্টের Email ID দিন। যদি আপনার Payza, PayPal এবং Solid Trust এর যে কোন একটা একাউন্ট না থাকে তাহলে আপনার Email ID টা বসিয়ে দিন। এবংপরবর্তীতে Payza or PayPal or Solid Trust এর যে কোন একটি একাউন্ট তৈরি করার সময় সেইEmail ID টা ব্যবহার করুন। তবে আমি সাজেস্ট করব Payza একাউন্ট করার জন্য।  এখন 16নম্বর প্রসিড এ ক্লিক করলে আপনার ইমেইলে একটি মেইল যাবে। মেইলটি লেখা কপি করেসংরক্ষন করে রাখুন। কারন Cash Out করার সময় এর তথ্যগুলো প্রয়োজন হবে। তারপরLogin এ ক্লিক করে Username, Password এবং Captcha দিয়ে একাউন্ট এ Login করলে একটিপেজ আসবে। সেখানে ১০ সেকেন্ড অপেক্ষার পর Back to Dashboard ক্লিক করলে নিচেরছবির মত দেখতে পাবেন।

এবার Click Here to Go to Cash Links এ ক্লিক করলে নিচের ছবির মত দেখতে পাবেন এবংসেগুলো ক্লিক করে আয় করুন।
আর একটি কথা আপনার যদি রেফারেল থাকে তার  ১০০% কমিশন পাওয়ার জন্য প্রতিদিন ১০টি Start Surfing ক্লিক সম্পূর্ণ করুন এবং ১০ ত্রেডিড জমান। যা দিয়ে আপনি আপনার ওয়েবসাইট বা যেকোন সাইটের ফ্রি এডভারটাইজ করতে পারবেন। আপনার একাউন্ট এ মিনিমাম2$ হলেই আপনি Payza তে ইনস্ট্যান্ট ক্যাশ আউট করতে পারবেন।

বিশ্বের নির্ভরযোগ্য একটি সাইট ট্রাফিকমনসুন এ কাজ করে অনলাইনে আয় করুন।

Sopnil   at  23:16:00  No comments

প্রথমেই আমার সালাম জানিয়ে শুরু করছি। আজ আমি সেরা আর্নিং সাইট ট্রাফিকমনসুন এর সাথেআপনাদেরকে পরিচয় করিয়ে দেব।What is Traffic Monsoon? Ans- Traffic Monsoon is PTC + Traffic Exchange + Revenue Sharing site. It is one of the high paying PTC sites which is paying at the moment. So join now Traffic Monsoon site.

এখানে আপনি প্রতিদিন ১৫ মিনিট সময় ব্যয় করে 0.30$ আয় করতে পারবেন।আর আর্নিং বাড়াতে রেফারেল বাড়াতে হবে। কারন এই সাইটি রেফারেল আনিং এর ১০০% কমিশন দেয়।তার মানে  ১ জন রেফারেল থাকলে আপনার প্রতিদিন আর্নিং হবে (0.30$+0.30$) = 0.60$  এভাবে ১০জন রেফারেল থাকলে প্রতিদিন আর্নিং হবে (10 x 0.30$) = 3$. বা ১০০ জন হলে (100 x 0.30$) = 30$ পাবেন প্রতিদিন তার মানে প্রতিদিন ২৩৪০ টাকা। এখন ভাবছেন এই সাইটে একাউন্ট করার পর  আমি রেফারেল কিভাবে বানাবো। এর জন্য নিচে দেওয়া আমার ফেসবুক গ্রুপে জয়েন্ট করুন আমি আপনাকে সহযোগীতা করব। এখন এই সাইটে একাউন্ট করাসহ বিস্তারিত নিয়ম জেনে নেই।

এই সাইটির সুবিধাসমূহ
১. ইনস্ট্যান্ট প্রেমেন্ট করে  Payza, PayPal এবং Solid Trust এ।
২. এর বেশিরভাগ ক্যাশ লিংক ০.০২ থেকে ০.০০৫ ডলার।
৩. কোন কোন দিনে ক্যাশ লিংক দুই বার পাওয়া যায়। প্রতিদিন ভোর ৬.১০ থেকে ক্যাশ লিংক দেওয়া   শুরু করে।
৪. রেফারেল আনিং এর ১০০% কমিশন দেয়।
৫. ওয়েব সাইট বা যেকোন সাইটের ফ্রি এডভারটাইজ করা যায়।
৬. Android phone or Tablet হলেও আপনি এই সাইটটিতে কাজ করতে পারবেন।

বর্তমানে ট্রাফিক মনসুন এর সিস্টেম উন্নত করেছে। ফলে পূর্বে যে সকল সমস্যা ছিল তা আরনেই। আর এখন অনেক বেশি ক্যাশ লিংক পাওয়া যায়। তবে এখন National ID Card দিয়েএকাউন্ট Approved না করা পর্যন্ত আপনি ক্যাশ লিংকগুলো দেখতে পারবেন না। একাউন্টApproved করা খুবই সোজা শুধু আইডি কার্ড অনুযায়ী তথ্য ও ছবি মিল রেখে আইডি কার্ড scan করে upload করে দিলেই একাউন্ট Approved হয়ে যাবে।ট্রাফিক মনসুনে একাউন্ট না থাকলে এখনই একাউন্ট করুন। একাউন্ট করার জন্য এই লিংক প্রবেশ করুন। অথবা নিচের ব্যানারে ক্লিক করুন।
https://trafficmonsoon.com/signup?ref=Wadud221

Share Up To 110 % - 10% Affiliate Program


এরপর Signup বারে ক্লিক করলে Account রেজিস্টিশন অফশন আসবে। নিচের এই রকমছবির মত


উপরের ছবিতে চিহ্নিত Box গুলো পূরণ করুন। তামধ্যে 11, 12, 13 নং এ Payza, PayPal এবংSolid Trust এ আপনার একাউন্টের Email ID দিন। যদি আপনার Payza, PayPal এবং Solid Trust এর যে কোন একটা একাউন্ট না থাকে তাহলে আপনার Email ID টা বসিয়ে দিন। এবংপরবর্তীতে Payza or PayPal or Solid Trust এর যে কোন একটি একাউন্ট তৈরি করার সময় সেইEmail ID টা ব্যবহার করুন। তবে আমি সাজেস্ট করব Payza একাউন্ট করার জন্য।  এখন 16নম্বর প্রসিড এ ক্লিক করলে আপনার ইমেইলে একটি মেইল যাবে। মেইলটি লেখা কপি করেসংরক্ষন করে রাখুন। কারন Cash Out করার সময় এর তথ্যগুলো প্রয়োজন হবে। তারপরLogin এ ক্লিক করে Username, Password এবং Captcha দিয়ে একাউন্ট এ Login করলে একটিপেজ আসবে। সেখানে ১০ সেকেন্ড অপেক্ষার পর Back to Dashboard ক্লিক করলে নিচেরছবির মত দেখতে পাবেন।

এবার Click Here to Go to Cash Links এ ক্লিক করলে নিচের ছবির মত দেখতে পাবেন এবংসেগুলো ক্লিক করে আয় করুন।
আর একটি কথা আপনার যদি রেফারেল থাকে তার  ১০০% কমিশন পাওয়ার জন্য প্রতিদিন ১০টি Start Surfing ক্লিক সম্পূর্ণ করুন এবং ১০ ত্রেডিড জমান। যা দিয়ে আপনি আপনার ওয়েবসাইট বা যেকোন সাইটের ফ্রি এডভারটাইজ করতে পারবেন। আপনার একাউন্ট এ মিনিমাম2$ হলেই আপনি Payza তে ইনস্ট্যান্ট ক্যাশ আউট করতে পারবেন।
Continue Reading→

0 comments:

কিছু দিন আগে আমরা ম্যাগাজিন স্টাইলের Multiple Thumbnail সহ ব্লগের Label অনুসারে Recent Post Widget শেয়ার করেছিলাম। সেই পোষ্টটি করার পর অনেকে আমাকে Two Column Recent Post Widget শেয়ার করার জন্য অনুরোধ করেছিলেন। সেই জন্য সবার চাহিদার কথা ভেবে আবারও আরেকটি Recent Post Widget শেয়ার করতে হল। যারা ম্যাগাজিন টেমপ্লেট তৈরি করার কথা ভাবছেন তাদের এই উইজেট দুটি অনেক কাজ দেবে।
এই উইজেট দুটিতে আপনার ব্লগের হোম পেজে আলাদা দুটি Label এর নতুন পোষ্টগুলি হাইলাইট করবে। এতেকরে ভিজিটররা আপনার ব্লগের সকল লেভেল পোষ্টগুলি সম্পর্কে সহজে ধারনা নিতে পারবে। তাছাড়া এগুলিতে কমেন্ট এবং পোষ্টের তারিখসহ আরো অনেক অপশন রাখা হয়েছে। এগুলি আপনার ব্লগের টেমপ্লেটকে প্রশেফনাল Looking দিতে সাহায্য করবে।

কিভাবে যুক্ত করবেন?

  • প্রথমে ব্লগে লগইন করুন।
  • তারপর ব্লগার ড্যাশবোর্ডে হতে Template > Edit Html এ ক্লিক করুন।
  • কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
  • এখন নিচের Css কোডগুলি ]]></b:skin> ট্যাগের উপরে পেষ্ট করুন।
/* Recent Posts by Label
------------------------------------------------------- */
#pro-label-wrapper,#pro-labels-wrapper{margin-bottom:20px}
.pro-label ul,.pro-labels ul{list-style:none;margin:0;padding:0}
.pro-label li,.pro-labels li{margin:0;padding:0;}
.pro-label .widget,.pro-labels .widget{margin:0;padding:0}
.pro-label .widget-content,.pro-labels .widget-content{border:1px solid #CCC;padding:0px;margin:0;word-wrap:break-word;overflow:hidden;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.pro-label h2,.pro-labels h2{position:relative;margin:0;padding:10px;font-size:16px;font-weight:700;color:#333;border:1px solid #CCC;border-bottom:0px;border-top-left-radius:2px;border-top-right-radius:2px}
.pro-labels h2{margin:20px 0 0 0;}
.pro-label h2:before,.pro-labels h2:before{content:'\f155';right:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 0;color:#F00}
.pro-labels h2:before{content:'\f06d';}
.pro-label .index,.pro-labels .index{font-size:10px;float:right;font-weight:400;}
.pro-label .index a,.pro-labels .index a{display:flex;color:#039be5;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6;text-decoration:none}
.pro-labels .index a{color:#ff675c;border-color:#ff675c}
.pro-label .index a:hover{background:#039be5;color:#fff;border-color:transparent}
.pro-labels .index a:hover{background:#ff675c;color:#fff;border-color:transparent}
.pro-label .index a:after,.pro-labels .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:5px}
.pro-labels span.pro-meta-comment a:hover{color:#FF675C!important}
.pro-labels ul.pro-thumb li a:hover,.pro-labels ul.pro-rthumb li a:hover{color:#ff675c;text-decoration:none}
.pro-left{width:45.7%;float:left;margin:0;padding:10px 10px 0px 10px;border-right:1px solid #e9e9e9}
.pro-right{width:51%;float:right;margin:0;padding:0}
ul.pro-thumb{margin:0;padding:0}
ul.pro-thumb li,ul.pro-rthumb{margin:0;padding:0}
ul.pro-thumb .sub-thumb{position:relative;margin:0 0 10px;padding:0;width:298px;height:160px}
ul.pro-thumb .sub-thumb img{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYVa8Bzslxv9ArSpsahVG6E-pbeiuSAmwZ1Qn2Taao6cj-K9XNgVKaDeefQL7vwftjkqTu9Hvo-GnXHK24wNTT-iQY1nYHQb1YZk0Md-HxyJbXfDMTtk-ulETk1BfLcxnXUv27Jy2dP40/s1600/thumbnail-bg.png") repeat scroll 0px 0px transparent;height:150px;width:95%;padding:7px;transition:all 0.2s}
ul.pro-thumb .sub-thumb img:hover{opacity:.9;}
ul.pro-rthumb li{margin:0px;padding:12px 12px 12px;border-bottom:1px dotted #CCC}
ul.pro-rthumb li:last-child{border-bottom:none}
ul.pro-rthumb .sub-rthumb{float:left;margin:10px 10px 0 5px;width:60px;height:60px;overflow:hidden}
ul.pro-rthumb .sub-rthumb img{border-radius:5px;transition:all .2s}
ul.pro-rthumb .sub-rthumb img:hover{opacity:.9;}
span.pro-title{font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none}
span.pro-rtitle{font-size:16px;line-height:1.4em;margin:0px}
span.pro-title a{color:#333;text-decoration:none}
span.pro-title a:hover{color:#ff675c;text-decoration:none;font-family:"Oswald",sans-serif}
span.pro-summary{display:block;line-height:1.6em;font-size:13px;text-align:justify;text-overflow:ellipsis;margin:10px 0 0 0}
span.pro-meta{display:block;font-family:'Roboto Condensed',sans-serif;font-size:11px;font-weight:400;color:#aaa}
span.pro-meta a{color:#aaa;text-decoration:none;display:inline-block}
span.pro-meta-date,span.pro-meta-comment,span.pro-meta-more{display:inline-block;margin-right:10px}
span.pro-meta-more a:before{content:"\f178";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
span.pro-meta-comment a:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
span.pro-meta-comment a:hover{color:#ff675c!important}
span.pro-meta-date:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
ul.pro-rthumb li a:hover,ul.pro-thumb li a:hover{color:#ff675c;text-decoration:none}
  • আবার কিবোর্ড হতে Ctrl+F চেপে </head> অংশটি সার্চ করুন।
  • এখন নিচের Scripts গুলি </head> ট্যাগের ঠিক উপরে পেষ্ট করুন।
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<span class="pro-left">'),document.write('<ul class="pro-thumb">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+n+'"><div class="sub-thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<span class="pro-title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="pro-meta">'),1==showpostdate&&(v=v+'<span class="pro-meta-date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comments"),"0 Comments"==l&&(l="0 Comments"),showcomment='<span class="pro-meta-comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="pro-meta-more"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="pro-summary">'),"content"in r)var y=r.content.$t;else if("summary"in r)var y=r.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write(""),document.write(y),document.write("");else{document.write(""),y=y.substring(0,numchars);var $=y.lastIndexOf(" ");y=y.substring(0,$),document.write(y+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="pro-right">'),document.write('<ul class="pro-rthumb">');for(var e=1;e<rnumposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_rheight+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_rthumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==rshowpostthumbnails&&document.write('<a href="'+n+'"><div class="sub-rthumb"><img width="'+thumb_rwidth+'" height="'+thumb_rheight+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="pro-title pro-rtitle"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="pro-meta pro-meta2">'),1==rshowpostdate&&(v=v+'<span class="pro-meta-date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==rshowcommentnum&&("1 Comment"==l&&(l="1 Comments"),"0 Comment"==l&&(l="0 Comments"),showcomment='<span class="pro-meta-comment pro-meta-comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==rdisplaymore&&(v=v+'<span class="pro-meta-more pro-meta-more2"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
//]]>
</script>
<script type='text/javascript'>
var numposts=1,
rnumposts=5,
showpostthumbnails=true,
rshowpostthumbnails=true,
displaymore=true,
rdisplaymore=false,
showcommentnum=true,
rshowcommentnum=true,
showpostdate=!0,
rshowpostdate=!0,
showpostsummary=!0,
numchars=150,
thumb_width=298,
thumb_height=160,
thumb_rwidth=60,
thumb_rheight=60,
no_thumb=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbxLLDeOimouahSkpvqdUYIcHQqxzbgNMTJO6yhp3JKwTgpx1Kp7hWHnx4LGi3jdD1Q0EEOjgxYWZW4EaVyoxUtIbtQLAGcfD5PytqSkVTIYLVf6YaRGInfAY7owI2hCpT-aFfgNlqLKn/s1600/thumb-large.png&quot;,
no_rthumb=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicotT22p9LsCSR_XDggasty6byJaLTBTrngS5RnbhqE8XdaH9M1FQ88s3Ahs-a5c9bjBcP3WsWRBtAUDRdq-mTa8Gxn27CD_LHub9bR8qh9SqkjcL8dpuqDxgaXoN51AAqCS0-04luvQwf/s1600/thumb-small.png&quot;;
</script>
  • পুনরায় কিবোর্ড হতে Ctrl+F চেপে <b:section class='main' id='main' অংশটি সার্চ করুন।
  • এখন নিচের কোডগুলি <b:section class='main' id='main' ট্যাগের ঠিক উপরে পেষ্ট করুন।
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='pro-label-wrapper'>
  <b:section class='pro-label' id='pro-label' maxwidgets='1' showaddelement='yes'>
   <b:widget id='HTML80' locked='false' title='Pro Blogger' type='HTML'>
    <b:includable id='main'>
    <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=5&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2>
    <div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
  </b:includable>
  </b:widget>
  </b:section>
</div>
</b:if>
  • একাধিক উইজেট যুক্ত করতে চাইলে উপরের কোডগুলির পরিবর্তে নিচের কোডগুলি ঠিক ঐ জায়গায় পেষ্ট করুন।
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='pro-label-wrapper'>
  <b:section class='pro-label' id='pro-label' maxwidgets='1' showaddelement='yes'>
   <b:widget id='HTML80' locked='false' title='Pro Blogger' type='HTML'>
    <b:includable id='main'>
    <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=5&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2>
    <div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
  </b:includable>
  </b:widget>
  </b:section>
</div>
<div id='pro-labels-wrapper'>
  <b:section class='pro-labels' id='pro-labels' maxwidgets='1' showaddelement='yes'>
   <b:widget id='HTML90' locked='false' title='Pro Blogger-2' type='HTML'>
    <b:includable id='main'>
    <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=5&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2>
    <div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
  </b:includable>
  </b:widget>
  </b:section>
</div>
</b:if>
  • সবশেষে Template Save করে বেরিয়ে আসুন।
  • এখন ব্লগার টেমপ্লেটের Layout অপশনে গেলে দুটি নতুন উইজেট দেখতে পাবেন। সেগুলির Edit বাটনে ক্লিক করে খালি ঘরে শুধুমাত্র আপনার কাঙ্খিত Label Name টি লিখে দিলেই হয়ে যাবে।

 কাষ্টমাইজেশনঃ

  • উইজেটটির ডান পাশের ছোট Image Thumbnails গুলি দেখাতে না চাইলে উপরের JavaScript হতে rshowpostthumbnails=true এর স্থলে false লিখে দেবেন।
  • Read More অপশনটি বাদ দেয়ার জন্য displaymore=true এর স্থলে false লিখে দেবেন।
  • এ ছাড়া আরও বেশ কিছু অপশন রয়েছে যেগুলি আপনি নিজেই বুঝতে পারবেন।
  • নোটঃ আপনার টেমপ্লেটে যদি Jquery এবং Font Awesome যুক্ত করা না থাকে তাহলে অবশ্যই সেগুলি যুক্ত করে নিতে হবে।
সবাই ভালো থাকুন.....

ব্লগে যুক্ত করুন Two Column Recent Post Widget with Thumbnails

Sopnil   at  04:14:00  No comments

কিছু দিন আগে আমরা ম্যাগাজিন স্টাইলের Multiple Thumbnail সহ ব্লগের Label অনুসারে Recent Post Widget শেয়ার করেছিলাম। সেই পোষ্টটি করার পর অনেকে আমাকে Two Column Recent Post Widget শেয়ার করার জন্য অনুরোধ করেছিলেন। সেই জন্য সবার চাহিদার কথা ভেবে আবারও আরেকটি Recent Post Widget শেয়ার করতে হল। যারা ম্যাগাজিন টেমপ্লেট তৈরি করার কথা ভাবছেন তাদের এই উইজেট দুটি অনেক কাজ দেবে।
এই উইজেট দুটিতে আপনার ব্লগের হোম পেজে আলাদা দুটি Label এর নতুন পোষ্টগুলি হাইলাইট করবে। এতেকরে ভিজিটররা আপনার ব্লগের সকল লেভেল পোষ্টগুলি সম্পর্কে সহজে ধারনা নিতে পারবে। তাছাড়া এগুলিতে কমেন্ট এবং পোষ্টের তারিখসহ আরো অনেক অপশন রাখা হয়েছে। এগুলি আপনার ব্লগের টেমপ্লেটকে প্রশেফনাল Looking দিতে সাহায্য করবে।

কিভাবে যুক্ত করবেন?

  • প্রথমে ব্লগে লগইন করুন।
  • তারপর ব্লগার ড্যাশবোর্ডে হতে Template > Edit Html এ ক্লিক করুন।
  • কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
  • এখন নিচের Css কোডগুলি ]]></b:skin> ট্যাগের উপরে পেষ্ট করুন।
/* Recent Posts by Label
------------------------------------------------------- */
#pro-label-wrapper,#pro-labels-wrapper{margin-bottom:20px}
.pro-label ul,.pro-labels ul{list-style:none;margin:0;padding:0}
.pro-label li,.pro-labels li{margin:0;padding:0;}
.pro-label .widget,.pro-labels .widget{margin:0;padding:0}
.pro-label .widget-content,.pro-labels .widget-content{border:1px solid #CCC;padding:0px;margin:0;word-wrap:break-word;overflow:hidden;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.pro-label h2,.pro-labels h2{position:relative;margin:0;padding:10px;font-size:16px;font-weight:700;color:#333;border:1px solid #CCC;border-bottom:0px;border-top-left-radius:2px;border-top-right-radius:2px}
.pro-labels h2{margin:20px 0 0 0;}
.pro-label h2:before,.pro-labels h2:before{content:'\f155';right:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 0;color:#F00}
.pro-labels h2:before{content:'\f06d';}
.pro-label .index,.pro-labels .index{font-size:10px;float:right;font-weight:400;}
.pro-label .index a,.pro-labels .index a{display:flex;color:#039be5;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6;text-decoration:none}
.pro-labels .index a{color:#ff675c;border-color:#ff675c}
.pro-label .index a:hover{background:#039be5;color:#fff;border-color:transparent}
.pro-labels .index a:hover{background:#ff675c;color:#fff;border-color:transparent}
.pro-label .index a:after,.pro-labels .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:5px}
.pro-labels span.pro-meta-comment a:hover{color:#FF675C!important}
.pro-labels ul.pro-thumb li a:hover,.pro-labels ul.pro-rthumb li a:hover{color:#ff675c;text-decoration:none}
.pro-left{width:45.7%;float:left;margin:0;padding:10px 10px 0px 10px;border-right:1px solid #e9e9e9}
.pro-right{width:51%;float:right;margin:0;padding:0}
ul.pro-thumb{margin:0;padding:0}
ul.pro-thumb li,ul.pro-rthumb{margin:0;padding:0}
ul.pro-thumb .sub-thumb{position:relative;margin:0 0 10px;padding:0;width:298px;height:160px}
ul.pro-thumb .sub-thumb img{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYVa8Bzslxv9ArSpsahVG6E-pbeiuSAmwZ1Qn2Taao6cj-K9XNgVKaDeefQL7vwftjkqTu9Hvo-GnXHK24wNTT-iQY1nYHQb1YZk0Md-HxyJbXfDMTtk-ulETk1BfLcxnXUv27Jy2dP40/s1600/thumbnail-bg.png") repeat scroll 0px 0px transparent;height:150px;width:95%;padding:7px;transition:all 0.2s}
ul.pro-thumb .sub-thumb img:hover{opacity:.9;}
ul.pro-rthumb li{margin:0px;padding:12px 12px 12px;border-bottom:1px dotted #CCC}
ul.pro-rthumb li:last-child{border-bottom:none}
ul.pro-rthumb .sub-rthumb{float:left;margin:10px 10px 0 5px;width:60px;height:60px;overflow:hidden}
ul.pro-rthumb .sub-rthumb img{border-radius:5px;transition:all .2s}
ul.pro-rthumb .sub-rthumb img:hover{opacity:.9;}
span.pro-title{font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none}
span.pro-rtitle{font-size:16px;line-height:1.4em;margin:0px}
span.pro-title a{color:#333;text-decoration:none}
span.pro-title a:hover{color:#ff675c;text-decoration:none;font-family:"Oswald",sans-serif}
span.pro-summary{display:block;line-height:1.6em;font-size:13px;text-align:justify;text-overflow:ellipsis;margin:10px 0 0 0}
span.pro-meta{display:block;font-family:'Roboto Condensed',sans-serif;font-size:11px;font-weight:400;color:#aaa}
span.pro-meta a{color:#aaa;text-decoration:none;display:inline-block}
span.pro-meta-date,span.pro-meta-comment,span.pro-meta-more{display:inline-block;margin-right:10px}
span.pro-meta-more a:before{content:"\f178";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
span.pro-meta-comment a:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
span.pro-meta-comment a:hover{color:#ff675c!important}
span.pro-meta-date:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
ul.pro-rthumb li a:hover,ul.pro-thumb li a:hover{color:#ff675c;text-decoration:none}
  • আবার কিবোর্ড হতে Ctrl+F চেপে </head> অংশটি সার্চ করুন।
  • এখন নিচের Scripts গুলি </head> ট্যাগের ঠিক উপরে পেষ্ট করুন।
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<span class="pro-left">'),document.write('<ul class="pro-thumb">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+n+'"><div class="sub-thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<span class="pro-title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="pro-meta">'),1==showpostdate&&(v=v+'<span class="pro-meta-date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comments"),"0 Comments"==l&&(l="0 Comments"),showcomment='<span class="pro-meta-comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="pro-meta-more"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="pro-summary">'),"content"in r)var y=r.content.$t;else if("summary"in r)var y=r.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write(""),document.write(y),document.write("");else{document.write(""),y=y.substring(0,numchars);var $=y.lastIndexOf(" ");y=y.substring(0,$),document.write(y+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="pro-right">'),document.write('<ul class="pro-rthumb">');for(var e=1;e<rnumposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_rheight+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_rthumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==rshowpostthumbnails&&document.write('<a href="'+n+'"><div class="sub-rthumb"><img width="'+thumb_rwidth+'" height="'+thumb_rheight+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="pro-title pro-rtitle"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="pro-meta pro-meta2">'),1==rshowpostdate&&(v=v+'<span class="pro-meta-date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==rshowcommentnum&&("1 Comment"==l&&(l="1 Comments"),"0 Comment"==l&&(l="0 Comments"),showcomment='<span class="pro-meta-comment pro-meta-comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==rdisplaymore&&(v=v+'<span class="pro-meta-more pro-meta-more2"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
//]]>
</script>
<script type='text/javascript'>
var numposts=1,
rnumposts=5,
showpostthumbnails=true,
rshowpostthumbnails=true,
displaymore=true,
rdisplaymore=false,
showcommentnum=true,
rshowcommentnum=true,
showpostdate=!0,
rshowpostdate=!0,
showpostsummary=!0,
numchars=150,
thumb_width=298,
thumb_height=160,
thumb_rwidth=60,
thumb_rheight=60,
no_thumb=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbxLLDeOimouahSkpvqdUYIcHQqxzbgNMTJO6yhp3JKwTgpx1Kp7hWHnx4LGi3jdD1Q0EEOjgxYWZW4EaVyoxUtIbtQLAGcfD5PytqSkVTIYLVf6YaRGInfAY7owI2hCpT-aFfgNlqLKn/s1600/thumb-large.png&quot;,
no_rthumb=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicotT22p9LsCSR_XDggasty6byJaLTBTrngS5RnbhqE8XdaH9M1FQ88s3Ahs-a5c9bjBcP3WsWRBtAUDRdq-mTa8Gxn27CD_LHub9bR8qh9SqkjcL8dpuqDxgaXoN51AAqCS0-04luvQwf/s1600/thumb-small.png&quot;;
</script>
  • পুনরায় কিবোর্ড হতে Ctrl+F চেপে <b:section class='main' id='main' অংশটি সার্চ করুন।
  • এখন নিচের কোডগুলি <b:section class='main' id='main' ট্যাগের ঠিক উপরে পেষ্ট করুন।
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='pro-label-wrapper'>
  <b:section class='pro-label' id='pro-label' maxwidgets='1' showaddelement='yes'>
   <b:widget id='HTML80' locked='false' title='Pro Blogger' type='HTML'>
    <b:includable id='main'>
    <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=5&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2>
    <div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
  </b:includable>
  </b:widget>
  </b:section>
</div>
</b:if>
  • একাধিক উইজেট যুক্ত করতে চাইলে উপরের কোডগুলির পরিবর্তে নিচের কোডগুলি ঠিক ঐ জায়গায় পেষ্ট করুন।
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='pro-label-wrapper'>
  <b:section class='pro-label' id='pro-label' maxwidgets='1' showaddelement='yes'>
   <b:widget id='HTML80' locked='false' title='Pro Blogger' type='HTML'>
    <b:includable id='main'>
    <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=5&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2>
    <div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
  </b:includable>
  </b:widget>
  </b:section>
</div>
<div id='pro-labels-wrapper'>
  <b:section class='pro-labels' id='pro-labels' maxwidgets='1' showaddelement='yes'>
   <b:widget id='HTML90' locked='false' title='Pro Blogger-2' type='HTML'>
    <b:includable id='main'>
    <h2><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=5&#39;&gt;View All&lt;/a&gt;</span><data:content/></h2>
    <div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
  </b:includable>
  </b:widget>
  </b:section>
</div>
</b:if>
  • সবশেষে Template Save করে বেরিয়ে আসুন।
  • এখন ব্লগার টেমপ্লেটের Layout অপশনে গেলে দুটি নতুন উইজেট দেখতে পাবেন। সেগুলির Edit বাটনে ক্লিক করে খালি ঘরে শুধুমাত্র আপনার কাঙ্খিত Label Name টি লিখে দিলেই হয়ে যাবে।

 কাষ্টমাইজেশনঃ

  • উইজেটটির ডান পাশের ছোট Image Thumbnails গুলি দেখাতে না চাইলে উপরের JavaScript হতে rshowpostthumbnails=true এর স্থলে false লিখে দেবেন।
  • Read More অপশনটি বাদ দেয়ার জন্য displaymore=true এর স্থলে false লিখে দেবেন।
  • এ ছাড়া আরও বেশ কিছু অপশন রয়েছে যেগুলি আপনি নিজেই বুঝতে পারবেন।
  • নোটঃ আপনার টেমপ্লেটে যদি Jquery এবং Font Awesome যুক্ত করা না থাকে তাহলে অবশ্যই সেগুলি যুক্ত করে নিতে হবে।
সবাই ভালো থাকুন.....
Continue Reading→

0 comments:

Subscribe to: Comments (Atom)

Discussion

Blogger templates. Proudly Powered by Blogger.