معهد خبراء بلوجر - 4 طرق مختلفة لى اضافة مواقع اجتماعية بلوجر

اقدم لكم موضوع سرع وهو اضافات اجتماعية

طريقة 1
http://3.bp.blogspot.com/-b5rzU_0fTQ...te+-bloger.png

مثال حي للاضافه

طريقة 2

http://4.bp.blogspot.com/-FVee49Jccq...8%AC%D8%B1.png

مثال حي للاضافه

طريقة 3

http://3.bp.blogspot.com/-HctQw_DWMh...81%D9%8A+2.gif
مثال حي للاضافه
طريقة 4
http://1.bp.blogspot.com/-jEHfC1B3tj...M/s1600/50.png

مثال حي للاضافه

كالعادة قم بالذهاب إلى تصميم > عناصر الصفحة > إضافة أداة Html/JavaScript

1

كود PHP:


		
			




<style>



/* Bloggertrix */

.bubblewrap

}

.bubblewrap li{

display:inline;

width: 60px;

height:60px;

}

.bubblewrap li img

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

-webkit-transition:-webkit-transform 0.1s ease-in; /*http://dz-site.blogspot.com/ */

-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);

}</style>



<br />

<center>

<br />

<ul class="bubblewrap">

<li><a href="http://www.plus.google.com/*****"><img src="http://3.bp.blogspot.com/-gF6S0THkzoQ/UQ-_jEPZKZI/AAAAAAAAGmA/4_rzX1-1gfc/s1600/Google.png" title="تابعنا على google+ " /></a></li>

<li><a href="http://www.facebook.com/*****"><img src="****"><img src="http://4.bp.blogspot.com/-IBEOdj7ijb4/UQ-_kagi3TI/AAAAAAAAGmU/F5Z4N_X4Dq4/s1600/StumbleUpon.png" title=" Digg تابعنا على" /></a></li>

<li><a href="http://www.twitter/*****"><img src="http://1.bp.blogspot.com/-YgFSWM2-prc/UQ-_kaEqmCI/AAAAAAAAGmY/7gDjGv8fyEA/s1600/Twitter.png" title=" Twitterتابعنا على" /></a></li>

<li><a href="http://feeds2.feedburnertitle="RSS Feed تابعنا على" /></a></li>

</ul>

</center>

كود PHP:


		
			






















<style> 

/*--------dz-site.blogspot.com Sharing Widget ------*/ 

.touchme a { 

disx; 

float:left; 

background:transparent url(https://dz-site.googlecode.com/files/dz-site%20-me.png) no-repeat; 

-webkit-transition: ease-in 0.2s all;    

-moz-transition: ease-in 0.2s all;    

-o-transition: ease-in 0.2s all;    

-ms-transition: ease-in 0.2s all;    

transition: ease-in 0.2s all; 

cursor:pointer;

}



.touchme a.googleplus { 

background-position: 0px -58px;

} 

.touchme a.googleplus:hover { 

background-position: 0px 0px; 

}



.took:hover { 

background-position: 0px -348px;

}



.touchme a.rss { 

background-position: 0px -174px;

} 

.touchme a.rss:hover { 

background-position: 0px -116px;

}



</style>



<div class='touchme'>

<!--RSS--> 

<a class='rss' href="ربط تغذية " rel='external nofollow' target='_blank'></a>

<!--Google Plus--> 

<a class='googleplus' href="ربط صفحتك على قوقل بلس" rel='external nofollow' target='_blank'></a>

<!--Facebook--> 

<a class='facebook' href="ربط صفحتك على فيس بوك" rel='external nofollow' target='_blank'></a>

<!-- Twitter --> 

<a class='twitter' href="ربط حسابك توتير" rel='external nofollow' target='_blank' ></a>



</div

>

كود:













<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/ضع اسم الضفحه هنا"></a></li>

<li><a class="tw" href="http://twitter.com/ضع اسم حسابك هنا فقط"></a></li>

<li><a class="gp" href="https://plus.google.com/رابط صفحتك هنا"></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/ضع رابط الخلاصات الاسم فقط"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs

Web link to gadget code: http://dz-site.blogspot.com/2013/03/blog-post_28.html

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.ative;cursor:pointer;pad

كود PHP:


		
			






<style>

/*--------dz-site.blogspot.com Sharing Widget ------*/ 





/*--------dz-site.blogspot.com Sharing Widget ------*/ 



</style><br>

<div id="lh-social">

<ul>

<li id="fb"><a href="https://www.facebook.com/DZ.SITE" rel="nofollow" target="_blank" style="color: rgb(97, 140, 214);">facebook</a></li>

<li id="twit"><a href="http://twitter.com/ya12ine" rel="nofollow"40, 214);">Twitter</a></li>

<li id="g"><a href="https://plus.google.com/103499777490et="_blank" style="color: rgb(97, 140, 214);">DELICIOUS</a></li>

</ul>

</div>

إضافات بلوجر