কিভাবে ব্লগে Instagram গ্যাজেট যুক্ত করবেন

কেমন আছেন সবাই? আশা করি ভালো আছেন।আজকের লেখায় আপনাকে একজন ফটোগ্রাফার বানানো হবে।কি হবেন তো?

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

যারা ব্লগিং করেন তাদের সবাই সবসময় ব্লগে থাকতে পারেন না।কিন্তু জীবনের মুহূর্ত গুলো তো আর থেমে থাকে না।আর আপনার প্রতিদিনের নানা মুহূর্ত গুলো আপনার ক্যামেরায় বন্দি করেন আর Instagram এ আপলোড করুন।
এই আপলোড করা সব ছবি গুলো আপনার ব্লগে শেয়ার করে দেন।আমি আজ দেখাব কিভাবে এই ছবি গুলো আপনার ব্লগে শেয়ার করবেন।

কিভাবে যোগ করবেন?

1. প্রথমে এখানে যান।
2. আপনার Instagram এর ইউজার নেম দেন,ছবির সাইজ দেন,হ্যাশট্যাগ দেন,বর্ডার কালার দেন।
3. সব কিছু ঠিকঠাক দেয়া হলে Get Code এ ক্লিক করুন।
4. সব কোডটুকু কপি করুন।
5. আপনার ব্লগের যান।
6. Layout এ যান।
7. Add A Gadget এ ক্লিক করুন।
8. HTML/Javascript এ ক্লিক করুন।
9. এবার আপনার কপি করা কোডটুকু পেস্ট করুন। 
10. তারপর সেভ করুন।

ব্যস আপনার কাজ সব শেষ।এবার ব্লগে যান দেখুন খুব সুন্দর ভাবে Instagram এর ছবি গুলো দেখা যাচ্ছে।
আশা করি এই লেখাটি আপনার ভালো লাগছে।যদি আপনার ভালো লেগে থাকে তাহলে আমি সার্থক। ভালো থাকবেন আমাদের সাথে থাকুন।

লিখেছেন AdminMarch 12, 2014

0

বিস্তারিত পড়ুন

ছবি সহকারে রিলেটেড পোস্ট যোগ করুন By LinkWithin

একজন ভিজিটর যদি আপনার ব্লগে আসার সাথে সাথে চলে যায় তাহলে আপনার ব্লগ রাঙ্কিং এ নিচে নেমে যাবে।তাই ব্লগে যখনি কেউ আসবে আপনি চেষ্টা করবেন সে যেন আপনার ব্লগে কিছু সময় দেয়।যেন তাকে ব্যস্ত রাখা যায়।আর একটি লেখা পড়ার সাথে সাথে সে যেন এমন আরেকটি লেখা খুজে পায় তার চেষ্টা করতে হবে।আর এর জন্য রিলেটেড পোস্ট গ্যাজেট খুব কাজে লাগে।এটার মাধ্যমে ভিজিটর একই ধরনের আরো অনেক লেখা পাবে।সেখান থেকে সে আগ্রহ বোধ করলে আরো লেখা পড়বে এবং আপনার ব্লগে কিছুটা সময় কাজে লাগাবে।আমি যেটি দেব এটার মাধ্যমে ছবি ও সাথে কিছুটা লেখা দেখা যাবে।এটা Linkwithin এর তৈরি করা।

কি কি আছে? 

1. এটাতে রিলেটেড পোস্ট দেখা যাবে ছবি সহকারে।
2. অটো পোস্টের নিচে রিলেটেড পোস্ট দেখা যাবে।
3. ব্লগের পেজ ভিউ বাড়বে।
4. এটা বিনামূল্যে পাওয়া যায়।
5. সহজে যোগ করা যাবে।

কিভাবে যোগ করবেনঃ

এটা যোগ করার জন্য প্রথমে Linkwithin এ যান।
এবার নিচের ছবিটা ফলো করেন।

ইমেইল,ব্লগের অ্যাড্রেস দেন।তারপর প্লাটফর্ম থেকে ব্লগার সিলেক্ট করুন,Width এ যে কয়টি রিলেটেড পোস্ট দেখাতে চান সে সংখ্যাটি নির্বাচন করুন।
এবার Get Widget এ ক্লিক করুন।

তারপর Install Widget এ ক্লিক করুন।এবার আরেকটি আলাদা পেজ আসবে।

এখানে কোন ব্লগে এটি সেটাপ করবেন সেটা নির্বাচন করুন,টাইটেল দেন।তারপর Add Widget এ ক্লিক করুন।
ব্যস এবার আপনার ব্লগে সফল ভাবে রিলেটেড পোস্ট যোগ করা হয়েছে।ব্লগে যেয়ে দেখুন সেখানে এটা সুন্দর ভাবে বসে গেছে।

লিখেছেন AdminDecember 15, 2013

বিস্তারিত পড়ুন

স্লাইড ফেসবুক লাইক বক্স ব্লগের জন্য

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

কিভাবে ফেসবুক লাইক বক্স যোগ করবেনঃ 

এটি যোগ করার জন্য আপনার ব্লগে প্রবেশ করুন।
Template থেকে Edit Html এ ক্লিক করুন।
ctrl+f বা F3 চেপে </head> ট্যাগটি খুজুন।এবং এর উপরে নিচের কোডগুলো পেস্ট করুন।

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

এবার </body> ট্যাগটি খুজুন এবং এর উপরে নিচের কোড গুলো পেস্ট করুন।

<style type='text/css'>
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFahJ4SjacYjxLqothaIpdm_K1VEKaRBYJkyGx7GYUHp-agRlyf9I4DEHQYTdaNwYk_mYtUeTLXo_d50JgN6xXmKWopHq9LmmOArzKnGKvzzDoVyODqBp-vNz1zAiSutIskcHeXmjwR9a/s1600/w2b_vertical-right.png');background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type='text/javascript'>
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = 'medium'; // Duration of Animation
            w2b('#fbplikebox').css({right: -250, 'top' : 350 })
            w2b('#fbplikebox').hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b('#fbplikebox').show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id='fbplikebox' style='display:none;'>
    <div class='fbplbadge'></div>
    <iframe src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fblogtipsnticks&amp;width=250&amp;height=260&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:250px; height:260px;background:#FFFFFF;' allowtransparency='true'></iframe>
</div>

Blogtipsnticks লেখা জায়গায় আপনার ফেসবুক পেজের ইউজার নেম দিন।
FFFFFF লেখা জায়গায় আপনি চাইলে ব্যাকগ্রাউন্ড কালার পরিবর্তন করতে পারেন।

সব ঠিকমত করা হলে এবার সেভ করুন।আর হ্যা অবশ্যই প্রথমে টেমপ্লেট ব্যাকআপ রাখবেন তাহলে ভুল হলেও সমস্যা হবে না।আশা করি আপনার ভুল হবে না।

লিখেছেন AdminDecember 10, 2013

2

বিস্তারিত পড়ুন

ব্লগের Post A Comment লেখাটিকে কিভাবে পরিবর্তন করবেন

ব্লগারে সাধারণত পোস্টের নিচে মন্তব্য করার জায়গায় Post A Comment লেখা থাকে।আর ব্লগ যদি বাংলাই থাকে তাহলে একটি মন্তব্য পোস্ট করুন লেখা থাকে।আপনি চাইলে আপনার পছন্দমত এখানে ছবি দিতে পারেন।

কিভাবে লেখাটি পরিবর্তন করবেনঃ 

> প্রথমে আপনার ব্লগ লগিন করুন।
> এবার ব্লগ থেকে Template এ ক্লিক করুন।তারপর Edit HTML এ ক্লিক করুন।

> <h4 id='comment-post-message'><data:postCommentMsg/></h4>  কোড টুকু খুজুন।
> এবার নিচের যেকোন ছবির কোডটুকু <data:postCommentMsg/> এর জায়গায় বসান। 

 

 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Uvr2hZxrAFa0cvGM18AC863EqAGFEcFnJOehAvvUUk9QsBxDL0DJOsamQxKNnO44R2RTdZmCbq-x3Osys8BMZKePxl9Dc-L9KUg5ce0gEazGFJjeMbUql3IGXxFTWD5pzo-v0MC2pJ0/s1600/leave-a-comment-trans.gif" />

 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjain6S80Od0GaE1-BzhoI-bJNFeDV1_jcAGRqOatnKwGZwsD1mJzxPw_W89MjVwilzflg2Ri5U1kfpenJFSvEZLXIlNvEP8GFSviqjC7KuCtQ6kcszHx3RuUc-WGrpd46HonwQoSRZR6E/s1600/leave-comment.gif" />

এখানে আপনি চাইলে আপনার নিজে তৈরি করে ছবি দিতে পারেন।নিজের ছবি দিতে হলে আপনাকে প্রথমে ছবিটি তৈরি করতে হবে তারপর আপনার পিকাসাই আপলোড করুন এবার লিঙ্ক টি এখানে ছবির লিঙ্ক এ দিন। 

আশা করি লিখাটি আপনার ভালো লেগেছে।আমাদের সাথে থাকুন ভালো থাকুন।

লিখেছেন AdminNovember 12, 2013

0

বিস্তারিত পড়ুন

ছোট ফেসবুক লাইক বক্স বাটন যোগ করুন আপনার ব্লগে

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

কিভাবে যোগ করবেনঃ

প্রথমে আপনার ব্লগে লগিন করুন। 

তারপর Layout এ যান ।

Add a Gadget এ ক্লিক করুন।

এবার Html/Javascript এ ক্লিক করুন।

নিচের কোড টুকু পেস্ট করুন।
<div dir="ltr" style="text-align: left;" trbidi="on"> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/blogtipsnticks&width=292&colorscheme=light&show_faces =false&border_color&stream=false&header=false&height=62" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Verdana; font-size: 12px; height: 62px; line-height: 19px; overflow-x: hidden; overflow-y: hidden; text-align: -webkit-auto; width: 292px;"></iframe></div>
এবার http://www.facebook.com/blogtipsnticks এর জায়গায় আপনার পেজের নাম দিন।
ওয়াইড পরিবর্তন করতে চাইলে 292px এর জায়গায় আপনার পছন্দ মত দিন।
হাইড  পরিবর্তন করতে চাইলে 62px এর জায়গায় আপনার পছন্দ মত দিন।
ফন্টের সাইজ পরিবর্তন করতে চাইলে 12px এর জায়গায় আপনার পছন্দ মত দিন।
ফন্ট পরিবর্তন করতে চাইলে Verdana এর জায়গায় আপনার পছন্দ মত দিন।
ব্যাকগ্রাউন্ড পরিবর্তন করতে চাইলে White এর জায়গায় আপনার পছন্দ মত দিন।

এবার সেভ করুন।দেখুন আপনার সাইটে যেখানে বসানো হয়েছে সেখানে দেখা যাচ্ছে কি না।

লিখেছেন AdminNovember 05, 2013

0

বিস্তারিত পড়ুন