Quantcast
Channel: টিউটোরিয়ালবিডি
Viewing all articles
Browse latest Browse all 825

ব্লগে যুক্ত করুন মিডিয়া পিন স্টাইলের সোশ্যাল নেটওয়ার্ক বাটন

$
0
0

আপনার ব্লগের Template থেকে Edit HTML এ যান। Ctrl+F ব্যবহার করে দ্রুত ]]></b:skin> কোডটি খুঁজে বের করুন। নিচের কোড গুলো ]]></b:skin> এর উপরে বসিয়ে দিন।

কোডঃ

.bubblewrap{

list-style-type:none;

margin:0;

padding:0;

}

.bubblewrap li{

display:inline;

width: 60px;

height:60px;

}

.bubblewrap li img{

width: 50px; /* width of each image.*/

height: 50px; /* height of each image.*/

border:0;

margin-right: 4px; /*spacing between each image*/

-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */

-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */

}

.bubblewrap li img:hover{

-moz-transform:scale(1.8); /*scale up image 1.8x*/

-webkit-transform:scale(1.8);

-o-transform:scale(1.8);

}

এবার টেম্পলেট এর Layouts এ যান এবং যেখানে এই সোশ্যাল নেটওয়ার্ক বাটন যুক্ত করতে চান সেখানে HTML/JavaScript নামে একটি নতুন গ্যাজেট নিন। গ্যাজেটে নিচের কোড গুলো  লিখে সেভ করুন।

 কোডঃ

<ul>

<li><a href=”http://www.plus.google.com/ID“><img src=”http://3.bp.blogspot.com/-6Wl6WtVQQxc/UH4qQL04l_I/AAAAAAAAFK0/UIdhpf0rTT0/s1600/bloggertrix-google-icon.png” title=”Add to Facebook” /></a></li>

 

<li><a href=”http://www.Facebook.com/ Username “><img src=”http://4.bp.blogspot.com/-m3xEekrbN-k/UH4qRXpdO3I/AAAAAAAAFLE/Vlo1Xt13NtA/s1600/bloggertrix-twitter-icon.png” title=”Add to Facebook” /></a></li>

 

<li><a href=”http://www.digg.com/Username“><img src=”http://4.bp.blogspot.com/-lKL4eF3-Ub8/UH4qO4dDDSI/AAAAAAAAFKo/kgtUmhjhWPQ/s1600/bloggertrix-digg-icon.png” title=”Add to Digg” /></a></li>

 

<li><a href=”http://www.twitter/ Username “><img src=”http://4.bp.blogspot.com/-m3xEekrbN-k/UH4qRXpdO3I/AAAAAAAAFLE/Vlo1Xt13NtA/s1600/bloggertrix-twitter-icon.png” title=”Add to Twitter” /></a></li>

 

<li><a href=”http://feeds2.feedburner.com/ Username “><img src=”http://1.bp.blogspot.com/-UcbRyWbGDCQ/UH4qQliKd-I/AAAAAAAAFK8/GVd1eYqV7h4/s1600/bloggertrix-rss-feed-icon.png” title=”Add RSS Feed” /></a></li>

</ul>

 

কোড গুলোর ভেতরে যে লাল রঙ দ্বারা চিহ্নিত লিংক গুলো আছে এগুলো পরিবর্তন করে আপনার নিচের লিংক গুলো দিয়ে সেভ করুন। ব্যস কাজ শেষ।

 


Viewing all articles
Browse latest Browse all 825

Trending Articles