أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

أداة الاشتراك فى المواقع الاجتماعية ذات نمط الوردبرس ببلوجر

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

بسم الله و الحمد لله و الصلاة و السلام على رسول الله و بعد:-

اليوم أقدم لكم أداة الاشتراك فى المواقع الاجتماعية
و  لاشك أنك شكل الاداة سوف تلفت انتباه الزوار لكى يلقوا نظرة على صفحة الفيس بوك الخاصة بك أو تويتر أو google+  .......إلخ

تتبع الخطوات التالية لإضافة الاداة الى مدونتك




1-اذهب الى لوحة التحكم فى مدونتك
2- التخطيط >>  اضافة أداة >> Html/java script
3-قم بلصق الكود التالى فى الاداة 
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
<style type="text/css">
.btnt-chronicl-social {  width: 320px;  margin: -10px;  }
.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }
.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }
.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
</style>

<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/technawy">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/eng17ah">تابعنى على تويتر</a></li>
<li><a class="facebook" href="https://www.facebook.com/tethnia4you">تابعنا على فيس بوك Facebook</a></li>
<li><a class="google" href="https://plus.google.com/116206173797368082294/">Join me on Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/eng17ah">اتصل بى من خلال LinkedIn</a></li>
</ul>
</div>
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ


* قم بتغيير الرقم 320 بالعرض المناسب لمدونتك
* قم بتغيير الكلمات التى باللون البرتقالى بإسم المستخدم الخاص بك على شبكات التواصل الاجتماعى

انتهى الدرس و الحمد لله و اتمنى أن تعجبكم الاداة 

ولا تنسونا من صالح دعائكم و السلام عليكم و رحمة الله تعالى و بركاته

آخر مقالات المدونة

هناك 3 تعليقات:

  1. موضوع في قمة الروعة شكرا لك تقبل مروري :>)

    ردحذف
  2. ممكن شرح كيف جعلها تفتح في نافذه جديده

    ردحذف
  3. عبر إضافة
    'target='_blank
    داخل وسم الروابط أي حرف a
    لتكون بهذا الشكل أخي الكريم
    <a 'target='_blank>

    ردحذف

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن