ব্লগের ফোটতে Zoom effect দিন ।

কিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !.

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

• ড্যাশবোর্ড থেকে Template → Edit HTML এ ক্লিক করুন ।

• এবার আপনার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগটি খোজ করুন ।

]]></b:skin>

• উপরের ট্যাগ খুজে পেলে তার ঠিক আগে বা উপরে নিচের সিএসএস কোড গুলো বসিয়ে দিন ।

</style><style type="text/css">
/*URL: http://tomarijonnor.blogspot.com */
.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
opacity: 1;
}
</style>

•  এবার Save করুন আপনার কাজ শেষ ।

এবার ব্লগে গিয়ে যখন আপনি এই জুমিং ইফেক্ট যেকোনো পোস্টের যেকোনো ছবিতে করতে চান তখন class="hovergallery" নির্দিষ্ট ছবির <div> ট্যাগে দিতে হবে। 

• নিচে ভালো করে দেখেনিন ।

<a class="hovergallery" href="http://tomarijonno.blogspot.in/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdi7DdORszEjgItBJzSnNTPYUVJ6XwuCamX8cgvCvNAs7aXmVPpn0EARB12LqOYI0tH3JO-C9-KmyrXZqEy7nFL3E8lnDlo1j1yHARv_FGH5yShmjq7WSJHU8cqsXwc63k2oqHG-oTC60/s1600/zoom.png"/>

নোটঃ   উপরে লাল রঙ্গে ঘিরা অংশ নিজের ইচ্ছা মতো লিঙ্ক দিন । আর গোলাপি  রঙ্গে ঘিরা অংশ নিজের ইচ্ছা মতো ফটো দিন ।