اضافة قطعة ازرار المواقع الاجتماعيه بالوان زاهيه وخلابه

اضافة قطعة ازرار المواقع الاجتماعيه بالوان زاهيه وخلابه
السلام عليكم ورحمة الله تعالى وبركاته ,  اليوم ان شاء الله سوف اقدم لكم اضافه جديده على منصات بلوجر , والتي هي عباره عن  ايقونات chronicl-social جذابه وبالوان رائعه, تميز هذه الايقونات بالوان  متغيره خلابه و ملفته , والتي بدورها تزيد من جمالية المدونه  ,وأضن ان اكثركم لم يراها من قبل ,لانها حديثة البرمجة حيث تتميز بايقونات صغيرة تعبر عن كل خدمة ,وتضم كل المواقع الاجتماعية  المستخدمة والمنتشرة بكثرة <<<لا اطيل عليكم ساترككم مع الاضافه
اضافات بلوجر
كيفية اضافة هذه الاداه الى مدونتك
انتقل إلى لوحة تحكم مدونتك
HTML/Javascript   إختر "تخطيط" ثم إضافة أداة ثم اختر
والآن الصق داخل المستطيل الكود التالي
<style type='text/css'>
/*WIdget by www.http://alb33dani.blogspot.com*/
.wg-roseicwidget {  width: 300px;  margin: -10px;  text-decoration: none; }
.wg-roseicwidget ul {  margin: 0;  padding: 0;  text-decoration: none;}
.wg-roseicwidget ul li {  list-style:none;   padding: 0; text-transform: none; text-decoration: none;}
.wg-roseicwidget ul li a {   color: #fff;   display:block;  text-decoration: none;}
.wg-roseicwidget ul li a:hover {  color: #c9c9c9;  background-color: #333;  text-decoration: none; }
.wg-roseicwidget 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; }
.wg-roseicwidget 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;}
.wg-roseicwidget 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; }
.wg-roseicwidget 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; }
.wg-roseicwidget 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; }
/*WIdget by www.http://alb33dani.blogspot.com*/
</style>
<div class="wg-roseicwidget"> <ul>
<li><a class="facebook" href="https://www.facebook.com/alb33dani">ادعمنا على فيس بوك</a></li>
 
<li><a class="rss" href="http://feeds.feedburner.com/albaadani">اشترك عبر البريد</a></li>
<li><a class="twitter" href="https://twitter.com/albaadani1">تابعني على تويتر</a></li>
<li><a class="google" href="https://plus.google.com/103499777490414306950">Google+تابعني </a></li>
<li><a class="linkedin" href="albaadani">تواصل معي عبر لينكيدن</a></li>
</ul>
</div>
الان قم باستبدال ما بالالوان باسماء حساباتك في فيس بوك وتويتر وجوجل ولينكدين
* استبدل      alb33dani          باسم حسابك في فيس بوك
* استبدل      albaadani          باسم حسابك في فيد برنر
* استبدل      albaadani1        باسم حسابك في تويتر
* استبدل      103499777490414306950  رقم الاي دي الخاص بحسابك في جوجل
* استبدل      albaadani          باسم حسابك في موقع لينكيدن
نقره لعرض الصورة في صفحة مستقلة

وبالاخير قم بحفظ الاداه ومبروك عليك الاضافه

اضافة صندوق الاشتراك في البريد الالكتروني

اضافة صندوق الاشتراك في البريد الالكتروني

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

في هذا الدرس سوف نتعرف على كيفية إضافة أداة "صندوق إشترك فى خدمة رسائل مدونة بلوجر" والذي يعتبر من أهم الأدوات التي يجب أن تتوفر عليها كل مدونة ,وتكمن أهميتها في جعل كل مشترك في هذه الخدمة دائما على إطلاع على كل جديد المدونة و ذلك بتوصله بكل موضوع جديد كتبته على مدونتك عن طريق بريده الإلكتروني ،أليست هذه الخدمة رائعة حقاً ؟ كلنا نعلم الطريقة التقليدية لإضافة هذه الأداة و ذلك عن طريق الحصول على الكود من موقع فيد بيرنرFeedburner ولكن هذه الإضافة التي أقترحها عليكم تتضمن كذلك دعوة الزوار

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Grants For Single Moms | تعريب وتطوير : باســـم .