معهد خبراء بلوجر - حصريا اداة وسائل الاجتماعيه الجديدة ..!!

بسم الله الرحمن الرحيم

اضافه جديدة من وسائل المشاركات الاجتماعيه ...على معهد :D خبراء بلوجر

http://4.bp.blogspot.com/-wrGbXpC-4l...ibe+widget.png

مشاهدة مثال حى

لتخصيص الاضافه قم بانشاء اداة HTML/Javascript

وضع فيها الكود التالى :

كود بلغة HTML:

<style class="text/css"> table { border-bottom: 1px solid #E6E6E6; float: center; width: 280px; margin:10px 0 0 20px; } .subicons { border-right: 1px solid #E6E6E6; } .Fadeout { filter:alpha(opacity=100); opacity: 1.0; border:0; } .Fadeout:hover{ filter:alpha(opacity=80); opacity: 0.8; border:0; } </style> <div class="table"> <table> <tr> <td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/My-Blogger-Tips/220561111314693" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/mybloggertips" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png" /></a></div></td> <td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/mybloggertips" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png" /></a></div></td> <td><a class="Fadeout" href="https://plus.google.com/110875602250977569192/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png" /></a></td> </tr></table> </div>  <style> .rssbuttontable { border: 1px solid #E6E6E6; background: #FFDCB1; float: center; width: 270px; margin-left:10px; padding: 5px 5px 5px 5px; border-radius: 5px; -moz-border-radius: 5px; height: 35px; float: left; display: inline; margin-top:5px; margin-bottom:5px; } input.Subscriberssbutton { background:-moz-linear-gradient(top,#F88017 0%,#FF6600 100%); background:-webkit-gradient(linear,left top,left bottom,from(#F88017),to(#FF6600));  border: 1px solid #FF6600;  text-transform: none;  font:bold 13px arial;  color: #fff;  height: 30px;  padding: 4px 2px 5px 2px;  margin: 0px 0 0x 0px;  border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  cursor:pointer; display: inline; } </style> <table class="rssbuttontable"> <tr> <td> <a rel="nofollow" href="http://feeds.feedburner.com/mybloggertips"><img src="http://feeds.feedburner.com/~fc/mybloggertips?bg=FF6600&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /> </a> </td> <td> <input value="Subscribe to Get Updates" class="Subscriberssbutton" type="button" onclick="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mybloggertips', 'popupwindow', 'scrollbars=yes,width=650,height=570');return true" /></td></tr></table> <style class="text/css"> .grablink { link-color:#0084CE; font-size:12px; text-align:right; text-weight:italic; } </style> <div class="grablink"> <a href="http://www.mybloggertips.com">Blogger Widgets</a> </div>

لتخصيص

استبدل ايضا الروابط الاتيه :

كود بلغة HTML:

http://www.facebook.com/pages/My-Blogger-Tips/220561111314693

برابط الفيس بوك

.................................................. ......................

كود بلغة HTML:

http://twitter.com/mybloggertips

برابط توتير
.................................................. ...........................

كود بلغة HTML:

http://feeds.feedburner.com/mybloggertips

برابط feedburner
.................................................. .................................

كود بلغة HTML:

https://plus.google.com/110875602250977569192/posts

برابط جوجــل
.................................................. ................................
مع تحياتى