চোখ ধাধানো $20 ডলারের Apriezt Responsive Blogger Template FREE Download

2
845
এটি 8 পর্বের ওয়েব ডিজাইন এর হাতেখড়ি সিরিজ টিউনের 3 তম পর্ব

Writer BY Nayeem Vai

আপনাদের জন্য থাকছে$20 ডলারের Apriezt Responsive Blogger Template . প্রিমিয়াম থিম ব্যবহারের কি সুখ তা ত ভাল করেই জানেন। নিজের টুক টাক ব্লগইং এর জন্য হাজার টেমপল এর দেশে ঘুড়ি । মনের মতন ডিজাইনে পাওয়া খুবই কঠিন । পেলেও তা Responsive,SEO Optimizeপাওয়া যায় না । আপনাদের এমন একটা থিম দিব যাতে সব আছে । Responsive,SEO Optimizeমনের মতন ডিজাইন , চোখ ধাধানো ইফেক্ট, ফাস্ট লোডিং । সচারচর ব্লগস্পের জন্য এই ধরনের থিম দেখা জায় না । এইটির দাম $20ডলার । যেমন দামতেমন কাজ ও করে । আপনাদের জন্য ফ্রি থাকছে এই Apriezt Responsive Blogger Template

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

 

এই টেমপলটি অন্য ধরনের তা Demo দেখেই বুজতে পারবেন । এর আগে কিছু অন্য ধরনের ইফেক্ট দেখে নিন ।

এভাবে নতুন পোষ্ট/ ব্রেকিং নিউজ দেখাবে

 

যে কোন ট্যেবে মাউসের কার্সার পড়লে এমন ইফেক্ট দিবে

 

সোসাল মিডিয়া বার

 

প্রতি পোষ্টে মাউসের কার্সার পড়লে এমন ইফেক্ট দিবে

লেভেল/বিভাগ এভাবে দেখাবে

 

 

এই গুলো’ত কিছুই না । আরো অনেক ফিচার রয়েছে যা এখানে দিতে পারলাম না এমনিতেই পোষ্ট এর সাইজ অনেক হয়ে গেছে 

.

কি কি আছে এই থিমে?

  • 100% Responsive
  • Optimize SEO
  • Auto resize thumbnail image
  • Auto Featured Post from JSON (Slideshow) *
  • Manual Featured Post Work with Image Widget(Slideshow)
  • Support Advance Editor: upload background images, change background color, key colors, fonts
  • Lightweight Auto read-more support third party image and youtube
  • Ajax Page Navigation *
  • Cool blogger threaded comment (Support Google+ Comment) with Emoticon
  • JSON Search Result *
  • Two View Mode (List and Grid) width Cookies
  • Recent Comment Widget *
  • News Ticker Widget *
  • Related Post Widget *
  • Recent Post by Labels (12+ Post Type (Slider,Vertical,Horizontal,combine,hot,gallery,verticalslide and more..) support Random)—Support ShortCode New *
  • Allow visitors increase / decrease text size and auto remember for future.
  • Support Print CSS and allow visitors share articles email
  • 3 Comment System (Blogger, Facebook, Disqus)
  • Dropdown Menu
  • Ads ready
  • Top Social Icon
  • Support shortcodes
  • Custom Error 404 Page
  • Support Post Preview
  • Support RTL Language
  • Social Share Plugin (Addthis)
  • Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
  • Professional admin layout, help you easy work with blog layout.

 

এবার তাহলে Demo টা দেখে আসেন

~Demo~

 

এই থিমটির ব্যতিক্রম ফিচার গুলো ব্যবহার করতে আপনাকে আরো কিছু কঠিন ধাপ পার করতে হবে। অসুবিধা নাই, আমি আপনাদের ভাল করে দেখিয়ে দিব। আপনি শুধু আমাকে ফলো করুন।এবং মনযোগ সহকারে কাজ করুন।

Auto Featured Post

(Random, Recent, Random by Label or Recent by Label)

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”featpost”></div>

<script type=’text/javascript’>

jQuery(“#featpost”).AutofeaturedPost({

MaxPost:5

});

</script>

MaxPost:5এখানে কম বেশি দিতে পারেন

পছন্দ মতন ছবি ব্যবহার করে স্লাইড শো

 

Manual Slide Show (Using Image Widget)

To Create Manual Slide Show follow this step

BloggerDashbord থেকে Layout -> Add a Gadget -> Image

 

    1. Fill With Image Title
    2. Image Description
    3. Link When Image or Title Click
    4. Search Yours Image
    5. Uncheck shrink to fit

নোট : ছবির সাইজ 670px x 280px হতে হবে ।

  1. Click Save
  2. If You Whan Show 5 image, do this step 5 Time

.

SLIDER POST

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”carouselpost1″></div>

<script type=’text/javascript’>

jQuery(“#carouselpost1″).RecentPostbyTag({

MaxPost:9,

ImageSize:”s180-p”,

postType:”s”,

tagName:”Your_TagName”

});

</script>

এই স্লাইডারে ইছে মতন যেকোন একটা লেভেল/বিভাগ দিতে পারবেন । “Your_TagName“ এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে । বাংলা নাম দিলে কাজ নাও করতে পারে ।

.

.

.

দারুন একটা স্লাইড শো

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”postslideshow1″></div>

<script type=’text/javascript’>

jQuery(“#postslideshow1″).RecentPostbyTag({

MaxPost:5,

ImageSize:”s600″,

postType:”s”,

sliderType:”f”,

tagName:”Your_TagName”

});

</script>

এই ছবির স্লাইডারে ইছে মতন যেকোন একটা লেভেল/বিভাগ দিতে পারবেন । “Your_TagName”

এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে । বাংলা নাম দিলে কাজ নাও করতে পারে।

MaxPost:5, এর জাগায় কতটি পোস্ট দিতে চান তাও দিতে পারেন ।

.

 

VERTICAL POST

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”verticalpost2″></div>

<script type=’text/javascript’>

jQuery(“#verticalpost2″).RecentPostbyTag({

MaxPost:6,

tagName:”Your_TagName”,

postType: “v”,

animated:true

});

</script>

এইটি খাড়া ভাবে থাকবে । দেখতে অনেক ভাল লাগে ।এই স্লাইডারে ইছে মতন যেকোন একটা

লেভেল/বিভাগ দিতে পারবেন । “Your_TagName” এর জায়গায় লেভেল/বিভাগ এর নাম দিন ,

তাহলেই হবে । বাংলা নাম দিলে কাজ নাও করতে পারে । MaxPost:6, এর জাগায় কতটি পোস্ট

দিতে চান তাও দিতে পারেন ।

,

Horizontal Post

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”horizontalpost1″></div>

<script type=’text/javascript’>

jQuery(“#horizontalpost1″).RecentPostbyTag({

MaxPost:6,

tagName:”Your_TagName”,

postType: “h”

});

</script>

এইটি ধারাবাহিক পোস্ট এর নিচে থাকবে । এবং পোস্ট গুলি উপড় নিচ অটো হতে থাকবে । দেখতে

মারাত্যক ভাল লাগে । এই পোস্ট এর স্লাইডারে ইছে মতন যেকোন একটা লেভেল/বিভাগ দিতে

পারবেন । “Your_TagName” এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে । বাংলা নাম

দিলে কাজ নাও করতে পারে । MaxPost:7, এর জাগায় কতটি পোস্ট দিতে চান তাও দিতে পারেন ।

.

Gallery Post 1

 

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”gallery1post1″></div>

<script type=’text/javascript’>

jQuery(“#gallery1post1″).RecentPostbyTag({

MaxPost:13,

tagName:”Your_TagName”,

postType: “g1”

});

</script>

এর কথা আর কি বলব । আমার’ত এখনই এই থিম দিয়ে একটা ব্লগ বানাতে ইচ্ছে করছে । সে যাই

হক । এই গ্যেলারি ট্যেবে ইছে মতন যেকোন একটা লেভেল/বিভাগ দিতে পারবেন ।

“Your_TagName” এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে । বাংলা নাম দিলে কাজ

নাও করতে পারে । MaxPost:13, এর জাগায় কতটি পোস্ট দিতে চান তাও দিতে পারেন ।

.

Gallery Post 2

 

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”gallery2post1″></div>

<script type=’text/javascript’>

jQuery(“#gallery2post1″).RecentPostbyTag({

MaxPost:12,

tagName:”Your_TagName”,

postType: “g2”

});

</script>

শালার এইটা কি গুগল মামুর ব্লগার.কমের থিম না ওয়ার্ডপ্রেস এর । এত সব ফিচার । পুরা মাথা নষ্ট হয়ে যায় । এই মাথা নষ্ট করার মতন গ্যেলারি-২ ট্যেবে ইছে মতন যেকোন একটা লেভেল/বিভাগ দিতে পারবেন । “Your_TagName“ এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে ।বাংলা নাম দিলে কাজ নাও করতে পারে । MaxPost:12, এর জাগায় কতটি পোস্ট দিতে চান তাও দিতে পারেন ।

.

ছবি ছাড়া রিসেন্ট পোস্ট

 

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”simplenoimagepost1″></div>

<script type=’text/javascript’>

jQuery(“#simplenoimagepost1″).RecentPostbyTag({

MaxPost:5,

tagName:”Your_TagName”,

ShowImage:false

});

</script>

এইটি চিপা চাপায় দিলে ভাল লগবে , যেহেতু ছবি ছাড়া । এখানেও যেকোন একটা লেভেল/বিভাগ দিতে পারবেন । “Your_TagName“এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে । বাংলা নাম দিলে কাজ নাও করতে পারে । MaxPost: 5, এর জাগায় কতটি পোস্ট দিতে চান তাও দিতে পারেন

,

•►VerticalSlider Post◄•

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”verticalslider1″></div>

<script type=’text/javascript’>

jQuery(“#verticalslider1″).RecentPostbyTag({

MaxPost:5,

ImageSize:”w400″,

postType:”s”,

sliderType:”v”,

tagName:”Your_TagName”

});

</script>

এইটা আমার কাছে সব থেকে ভাল লাগে । যা অন্য আর কোন থিমে দেখা যায় না । ২৭৭/১৭৭ সাইজের ছবি গুলো দারুন ভাবে উঠা নামা করে ।

। “Your_TagName“ এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে । বাংলা নাম দিলে কাজ নাও করতে পারে ।MaxPost: 5, এর জাগায় কতটি পোস্ট দিতে চান তাও দিতে পারেন

.

Hot Post

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div id=”verticalslider1″></div>

<script type=’text/javascript’>

jQuery(“#verticalslider1″).RecentPostbyTag({

MaxPost:3,

postType:”ht”,

tagName:”Your_TagName”

});

</script>

হট পোষ্ট । বুজতেই পাড়ছেন । আর কি বলব । “Your_TagName“ এর জায়গায় লেভেল/বিভাগ এর নাম দিন , তাহলেই হবে ।বাংলা নাম দিলে কাজ নাও করতে পারে । MaxPost:3, এর জাগায় কতটি পোস্ট দিতে চান তাও দিতে পারেন

.

.

হোম পেইজ পোষ্ট সেটিং

এই থিমে হোম পেইজের পোষ্ট গুলো দুই ভাবে রাখতে পারবেন । List/খাড়া এবং Gird/পাশা পাশি অবস্তায় রাখতে পারবেন 

  1. Blogger Dashbord যান এবং Template এ যান
  2. Edit HTMLচাপুন
  3. Ctrl + F চেপে নিচের কোড খুজে বের করুন । এবং পরিবর্তন করুন ।

var configSummary = {

thumbnailSize: “w350”, // Define the post thumbnail size

summaryLength: 250, // Define the summary length

defaultView:’grid, // Default view Mode

postPerPage:6, // Number post every Page

numshowpage:3

};

দেয়া আছে defaultView:grid , এখানে defaultView আপনি list দিলে খাড়া ভাবে হোম পেইজের পোষ্ট দেখাবে 

.

Recent Comments

 

ব্লগের Dashbord থেকে Layout -> Add a Gadget -> HTML/Javascript widget

নিচের কোড কপি পেস্ট করুন এডিট করার পড় সেভ করুন

<div data-number=”6″ data-author=”author_name” ></div>

 

দারুন রিসেন্ট কমেন্ট ওয়াডগেট। data-number=”6 এর জায়গার এর জাগায় কতটি কমেন্ট দিতে চান তাও দিতে পারেন

DownloaLink

এই পোস্ট টি পূর্বে প্রকাশিত হয় এখানে , আর এই রকম পোস্ট দেখতে এখানে ।

Series Navigation << এবারের মিশন ২৯ দিনে ওয়েব ডিজাইন শিখা :পর্ব ০১পিএইচপি ভিডিও টিউন [পর্ব-০২] :: Xamp চালু করা এবং ডাটাবেজ ও টেবিল তৈরি করা। >>
টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

2 মন্তব্য

  1. এডমিন ভাই ……… blog থেকে টাকা ইনকাম korar ki ki upay আসে একটু বলবেন??????

  2. নেট e প্রবলেম তাই কবি আসলো না . আপনারা পূর্বে prokash থেকে দেখে নিন……………………….

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

5 × one =