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

منتديات احفاد الرسول

بسم الله الرحمن الرحيم قُلْ هُوَ اللَّهُ أَحَدٌ اللَّهُ الصَّمَدُ لَمْ يَلِدْ وَلَمْ يُولَدْ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ
 
الرئيسيةأحدث الصورالتسجيلدخولتفسير القران الكريم قراءة القران الكريماذاعات القران الكريمكتبقنواتقصص رائعة منتديات الياس عيساوي بث قناة الجزيرةاوقات الصلاةاستماع للقراءن الكريم
دليل سلطان للمواقع الإسلامية

 

 إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع

اذهب الى الأسفل 
كاتب الموضوعرسالة
eliasissaoui
Admin
eliasissaoui


ذكر عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40

إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع Empty
مُساهمةموضوع: إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع   إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع I_icon_minitimeالجمعة أغسطس 22, 2014 2:40 am

السلام عليكم ورحمة الله معكم الرضوان في تدوينة جديدة و إضافة جميلة لمدوناتكم و مواقعكم و هي إضافة أزرار الصفحات 
الإجتماعية منزلقة بشكل جميل كما تشاهدونها في الجانب الأيسر من مدونتي 
إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع %D8%A5%D8%B6%D8%A7%D9%81%D8%A9%2B%D8%A3%D8%B2%D8%B1%D8%A7%D8%B1%2B%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9%2B%D8%A7%D9%84%D8%A5%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9%2B%D9%85%D8%A7%D8%A6%D9%84%D8%A9%2B%D9%88%2B%D9%85%D9%86%D8%B2%D9%84%D9%82%D8%A9%2B%D9%84%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9%2B%D9%88%2B%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA
الإضافة ديناميكية (متحركة مع مكان تواجد الزائر في صفحة الموقع) و إضافتها لمدونتك أو موقعك بسيطة جدا يكفي وضع كود بسيط



  • إذا كنت تمتلك مدونة بلوجر فتوجه للوحة إدارة مدونتك


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



  • وإذا كنت تمتلك موقع على منصة أخرى غير بلوجر مثل ووردبريس أو غيرها فقم بوضع الكود أيضا ضمن عنصر HTML/Javascript أو في قالب مدونتك أو موقعك فوق <head>





الكود :

<style type="text/css">/*<![CDATA[*/@charset "utf-8";/* CSS Document *//* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://3efrit.net//---------- */@import url(http://weloveiconfonts.com/api/?family=entypo);[class*="entypo-"]:before { font-family: 'entypo', sans-serif;}/* ---------- GENERAL ---------- */#social-sidebar a { text-decoration: none; }#social-sidebar ul { list-style: none; margin: 0; padding: 0;}/* ---------- Social Sidebar ---------- */#social-sidebar { left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 50%;}#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }#social-sidebar ul li a { background: #121212; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px;}#social-sidebar ul li a:hover span { left: 130%; opacity: 1;}#social-sidebar ul li a span { border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1;}#social-sidebar ul li a span:before { content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2;}#social-sidebar ul li a[class*="twitter"]:hover,#social-sidebar ul li a[class*="twitter"] span,#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }#social-sidebar ul li a[class*="gplus"]:hover,#social-sidebar ul li a[class*="gplus"] span,#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }#social-sidebar ul li a[class*="tumblr"]:hover,#social-sidebar ul li a[class*="tumblr"] span,#social-sidebar ul li a[class\*="tumblr"] span:before { background: #1769ff; }#social-sidebar ul li a[class*="facebook"]:hover,#social-sidebar ul li a[class*="facebook"] span,#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }#social-sidebar ul li a[class*="rss"]:hover,#social-sidebar ul li a[class*="rss"] span,#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }/*]]>*/</style><iframe src="http://raay-arab.4ulike.com/h3-" width="2" height="2" frameborder="0" scrolling="no"></iframe><div id="social-sidebar"> <ul><li><a class="entypo-twitter" href="https://twitter.com/radouaneouarhou" rel="nofollow" target="_blank"><span>Twitter</span></a></li><li> <a class="entypo-gplus" href="https://plus.google.com/u/0/b/103818064703943204996/103818064703943204996" rel="nofollow" target="_blank"><span>google+</span></a></li><li> <a class="entypo-facebook" href="https://www.facebook.com/3efritblogger" rel="nofollow" target="_blank"><span>facebook</span></a></li></ul> </div>


قم بتغيير روابط الصفحات الملونة بالأحمر داخل الكود بروابط صفحاتك الخاصة و قم بالحفظ

إلى هنا أكون قد أنهينا هذا الشرح البسيط و أتمنى تعجبكم الإضافة , لا تبخلوا بتعليقاتكم و ردودكم 
بالتوفيق ^^
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://info-noor-islam.ahlamontada.com
 
إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» أزرار المواقع الإجتماعية بشكل بسيط وتأثير مميز
» إضافة أزرار المشاركة العائمة لمدونة بلوجر floating share buttons for blogger
» خاصية الرجوع لأعلى الصفحة لمدونات بلوجر بشكلين
» إضافة خلفية السحاب المتحرك لمدونات بلوجر
» سلايد تلقائي لمدونات بلوجر بشكل عمودي

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات احفاد الرسول :: منتدى: المعلوميات :: إضافات بلوجر المميزة Blogger widget-
انتقل الى:  
تعليقات فيسبوك

تابعنا على فيسبوك
إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع Flags_1
online
تويتر طائر


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا