اضافة تابعنا على الشبكات الاجتماعية

السـلام عـلـيــكم ورحـمـة الله وبـركـاتـة .

اضافة تابعنا على مواقع التواصل الإجتماعي الرائعة متوفرة لدينا بشكل جديد ..

كالتي توجد بمدونتي اليكم الشرح

شـكل الإضافة :

 

لتركيب :             الخطوة الأولى ستدهب للمدونة تم ستقوم بالضغط على التخطيط بعد دالك إضافة أداة  HTML/JavaScript 

قم باستبدال ------------------------- برابط حسابك في كل موقع 

الكود

<div class="metro-social">

<li><a class="facebook" -----------------------"></a></li>

<li><a class="twitter" href="-----------------"></a></li>

<li><a class="google +" href="-----------------"></a></li>

<li><a class="freed" href="-------------------"></a></li>

</div>

<style>

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

Web link to gadget code: http://7ewratna.blogspot.com/2013/03/add-social-media-to-your-site-with-metro-style.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 />

وهكذا تحصل على اضافة اكثر من رائعة لمدونتك .. أي سؤال تفضل في التعليقات .

Unknown

9:05 ص

أكمل القراءة

اضافة جديد لبلوجر ، اضافة تابعني على الشبكات الاجتماعية

السلام عليكم ورحمة الله وبراكته

اليوم سوف نتحدث على اضافة جديدة

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

بشكل جديد ورائع 

تابعو معي الشرح 

اولا نختار تخطيط 

ثم اداة HTML

بعدها نضع فيه هذا الكود

<div dir="rtl" style="text-align: right;" trbidi="on">
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
<center>
<div id="social">
<!--Start Rss Icon-->
<a href="رابط ال rss" rel="nofollow" target="_blank" title="إشترك في خلاصة المواضيع">
<img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFG-FxJl46LsUUqMMGjP58ZLSGFwMQRy-nLQOk-ybneFGsEMaGvTOaOV1-IPmvqB08tA1uKyQOosji80A6d_ji2i8UZVtrWN9ouLr6_6UYNVVyQeGwwcUFcexjpQXeDEvI1tnrrsMCqj0/s128/rss_11-20110811163952-00001.png" style="margin-right: 1px;" /></a>
<!--End Rss Icon-->
<!--Start Email Rss Icon-->
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a href="رابط صفحة الفيس بوك" rel="nofollow" target="_blank" title="تابعنا على الفيس بوك">
 <img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGdH8WHpabo6aINODyj9QFX-9r-1R5L21Sx8UAnp_JUrME320AvRqHB4QOJDuzhLrDiMHSJ4XxChaqQRFT6vULDPVE1xweNX2OPm_8dd8TnIQykJpupxjcgaWCJUR0U95QinAnZVWdno/s128/facebook_11-20110809213253-00001+%25281%2529.png" style="margin-right: 1px;" /></a>
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a href="رابط صفحة تويتر" rel="nofollow" target="_blank" title="تابعنا على تويتر">
 <img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklYOiifqOJB6Az0k4yYBC7WdRmcjeU1tWmK_VwJ5_XKC8imrkwhiSDlImyMdiouLYdADkun6dv0PlCWzNyiiq-7a7zB-xS86uxDxVtaFZClbg1fQP59iZ2m-C-cEEXi6Nd5mKmZUnLcU/s128/twitter_11-20110811174544-00001.png" style="margin-right: 1px;" /></a>
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a href="رابط صفحة جوجل بلس" rel="nofollow" target="_blank" title="تابعنا على جوجل+">
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuTA4chKCm7acw3dBYXzLaHTkSVRMKyKYQY6Ojd3DRtZooUilf0wYKC4LBEqbmQBR-MUXZ6-X7uIG3UJx8vfPvcKvz2CDN7nVMgpXvLTawr8sCaru0lohrjhyT-SWfZXccSW50m5i58HA/s128/google_plus11-20110926163833-00001.png" style="margin-right: 1px;" /></a>
 <!--End Google+ Icon-->  </div>
<!--Start Feed Count Button--> <!--End Feed Count Button--> </center>
</div>

Unknown

9:04 ص

أكمل القراءة