الاثنين, يوليو 30, 2012

إضافة أيقونات ثلاثية الأبعاد لمواقع التواصل الإجتماعى إلى مدونتك على بلوجر مع تأثير الدوران عند المرور عليها

جميعنا نعرف مواقع التواصل الإجتماعى وأهميتها فى نشر تدويناتنا ومشاركتها مع جميع متصفحى الإنترنت والأصدقاء .

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

طريقة إضافتها لمدونتك على بلوجر

قم بالذهاب إلى تخطيط مدونتك وأضف أداه HTML/JAVASCRIPT وضع فيها الكود التالى :
<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> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>
قم بتغيير الكلمات ذات اللون الأصفر بروابط حساباتك على مواقع التواصل الإجتماعى, ثم قم بالحفظ وإستمتع بها .
من فضلك اضغظ لايك لمشاهدة لينك التحميل

9 تَعْلِيق:

  1. استاذ ياسر جزاك الله خيرا على الاضافة

    لكن لم تحدد الرابط الاول لمن والثاني لمن والثالث لمن

    الرجاء تحديد الروابط
    الاول لمن
    الثاني لمن

    رابط الفيسبوك
    رابط جوجل
    رابط تويتر
    رابط الفيديرنر

    الرجاء اعطائي بعض من وقتك

    ردحذف
    الردود
    1. قم بتغيير الكلمات ذات اللون الأصفر بروابط حساباتك على مواقع التواصل الإجتماعى, ثم قم بالحفظ وإستمتع بها .

      حذف
    2. شكرا يا ابراهيم انك رديت عليه ....... وشكرا يا Wikileaks Alarabia على إسائتك ليا واتهاماتك الباطله ....... انا مبعرفش اعمل ردود علشان معنديش وقت وبحاول افضى وقتى علشان اعمل موضوعات جديده افيد بيها الناس كلهم .... المدونه ليست لك وحدك .... وللعلم كل تدوينات المدونه ال 134 خاصه وحصريه لمدونة نصائح للمدونين وغير منقوله او منسوخه او مسروقه ............... شكرا للجميع

      حذف
    3. للاسف ياستاذ ياسر حفظك الله

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

      طبعا هذه الاجابات ليست من اليوم ولكني افتكرت قبل مدة انني حاولت ايضا ان تشرح لي طلب في موضوع اخر وللاسف لم ترد لي .

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

      والا ايعقل ياستاذ ياسر ان تاتي بموضوع ولا تساعد الاخرين فما هو الحل برايك . انظر الى بقية المدونين واذكر منهم استاذنا وعزيزنا وملهمي المدونين جميعا

      الاستاذ جاسر الحربي
      الاستاذ محمد ذؤيب
      الاستاذ ابو فرحان
      الاستاذ ابو اياد

      لم يتطرق احدهم الى موضوع جديد الا وساعد الاخرين . على العموم اسال الله ان يرزقك من حيث لاتحتسب وان يلهمك الصبر والسلوان بنا نحن الاعضاء

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

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

      ولاحظ انك قلت بانك لاتستطيع الردود اخي اسماعيل يكفي ان تعطي لنفسك بعض الوقت للردود على المواضيع الجديدة , ولا ترد على مواضيع قديمة ولكن اذا كان الموضوع جديد اعطي لنفسك يوم او يومين تساعد به الناس لحل جزء من داخل السؤال او الموضوع الجديد , هذا اقتراحي لك وجزاك الله خيرا لمساعدتك للاخرين .

      فمثلا انا رغم معرفتي بالقليل ولكني اجهل البعض منها فاردت الاستفسار وجزاء الله اخي ابراهيم لمساعدتي ولم يبقى لي الا هذه الاستفسارات الذي حيرتني ان هناك 7 خيارات وعرفت البعض منها ولكن الحيرة في الفيدرنر والايميل
      وهذه الخيارات المحيرة

      YOUR-FEED-URL-HERE
      YOUR-EMAIL-RSS-URL-HERE
      YOUR-PINTEREST-URL-HERE
      YOUR-FEEDBURNER-URL-HERE


      فما معناها . الرجاء كتابتها لي للمعرفة
      الاول لمن هل هو للفيديرنر /
      الثاني لمن /
      الثالث /
      الرابع /

      ارجوا منك توضيحها لي اذا سمح لك وقتك وايضا بعد ان تسامحني اذا كنت قد تلفظت بما يسيء اليك ولكن يعلم الله ياخي ياسر انني لم اكتب لك الا بعد عجزي عن الحل وللاسف لم اجد منك اي مساعدة .

      ويعد هذه الكلمة يعلم الله سوى ساعدتني ام لا يكفي ان تسامحني اذا بدر شي مني ازعلك وجزاك الله الف الف خيرا

      .

      حذف
  2. ميرسي كتير يا باشا جاري التركيييب

    ردحذف
  3. مرحبا انا ساليمي
    اريد من فضلك سليدر شو المحترف لمدونتي
    www.th3-leader.blogspot.com

    ردحذف
  4. دورات تدريبية
    كورسات
    منح مدعمة
    منح نقابة التجاريين

    http://coursat0.blogspot.com/

    ردحذف
  5. جربتها رائعه جدا
    بس في خطأ واحد بس
    هو ده
    "YOUR-EMAIL-RSS-URL-HERE"
    مش عارفه أكتب ايه فيه
    الايميل يعنى ولا إيه ؟؟
    أرجو التعليق و شكرا لك

    هذه المدونة التى تم التطبيق عليها

    http://coursat0.blogspot.com/

    ردحذف
  6. بارك الله فيك

    http://www.youtube.com/watch?v=DXCwktEoc7c

    ردحذف