اضافة ازرار المواقع الاجتماعية بشكل احتارفي

اضافات الاجتاعيه  لبوجر  بافضل شكل لها حصريا على مدونة ديزات سيت 
اضافة متناسقة مع قالب مدونة ديزت سيت بشكل رائع

هذه الازرار الاجتاعيه تقوم بوضعها في اضافه جديده عن طريق اضافه اكواد HTML وهي بذلك رائعه للمواقع و المدونات بلوجر او وردبيريس ، فقط ضع الكود في الاسفل و اكن دائما حافظ على نسخ الكود بشكل صحيح حتي يعمل معك بشكل جيد و التزم بالنصائح في الاسفل عند وضع الكود حتي يظهر معك بشكل صحيح وهذه صوره للأضافه الرائعه هي :

شرح تركيب اضافة

من ادهب الى تخطيط القالب

ثم اضف اداة html/java

انسخ كود وقم بوضعه مع تغير جميع روابط الى صفحاتك

<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} .metro-social li{position:relative;cursor:pointer;padding:0;list-style:none} .metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block} .metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px} .metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px} .metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px} .metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px} .metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3} .metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5} .metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38} .metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c} </style><br />

مع تحياة مدونة ديزا سيت