اعلان

صفحة خطأ ):
الصفحة التي تبحث/ي عنها غير موجودة

يمكنك محاولة كتابة كلمة البحث مضبوطه أو الضغط على الزر التالي للعودة للرئيسية

الرئيسية

29‏/4‏/2013

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

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

عندما أنا التصفح في المدونات وجدت هذا الاضافة"العائمة الاجتماعية" تبادل "الموقع الاجتماعية شريط أفقي"اعلى المدنة. نشر الاضافة، مع الزوار عن طريق  الشبكات الاجتماعية مثل فيسبوك، جوجل بلس، إلخ... وقد أصبحت واحدة من نشاط أكبر على ويب. إذا كان الأمر كذلك، فلماذا لا الاستفادة منه، والسماح لزوارالمدونة نشر التدوين على شبكة الإنترنت، ومع أصدقائهم. أنها ليست واحدة من أفضل طريقة لتعزيزمدونتك ، مما يجعل زوارمدونتك الخاص بك أشعر بأن مشاركة المحتوى الخاص بك يتعامل مع تزويدهم بطريقة التي يمكنهم مشاركة بلوق الخاص بك مع الضغط على الموقعالاجتماعية :) شكلالاضافة قبل العمل

معاينة مباشر من هنا

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


</head>


<script type="text/javascript" src="https://bilokr.googlecode.com/files/1.8.2jquery.js"></script>

أبحث عن الكود التالى

<data:post.body/>
وأضف فوقه مباشر الكود التالى 

<b:if cond='data:blog.pageType == "item"'>
<div id='md-active-share-comment-marker'></div>
</b:if>

الخطوة الاخير ابحث عن الكود التالى

</body>
واضف فوقه مباشر الكود التالى

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://makingdifferent.github.com/blogger-widgets/Floating%20Social%20sharing%20Horizontal%20Bar.js' type='text/javascript'/>
<div id='md-share-window' style='width: 100%; display: block; position: fixed; top: -450px; left: 0px; background-color: rgba(235, 88, 60, 0.8); z-index: 100; padding: 0 0 10px 0;'>
<div style='width: 800px; margin: 20px auto;'>
<span id='twitter' style='float:left; margin: 0 5px; padding: 3px 0 0 0;'>
<a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></span>
<span id='md-plusone' style='float:left; padding-top: 4px; margin: 0 5px;'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='tall'/></span>
<span id='md-fblike' style='float: left; margin: 0 5px; padding: 4px 0 0; width: 50px; overflow: hidden;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#appId=155934781145405&amp;xfbml=1'/>
<fb:like font='' href='' layout='box_count' send='false' show_faces='false' width='50'>
</fb:like>
</span>        
<div style='display:block; margin: 0 5px; padding: 5px 0px 0px; color: #FFFFFF'>
Are you Awesome? Legend has it that Awesome people can and will share this post!<br/>
<span style='color: #FFFFFF; font-size: 18px;'><data:blog.pageName/></span>
</div>
</div>
</div>
</b:if>

ثم اعمل حفظ وانتظر 5 دقائق وسوف تجد الاضافة تم بحمد لله

اى استفسار اضف تعليق وسوف يتم الرد على  فى الحال

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

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التوزيع لضيق الوقت أو التبادل الإعلانى

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

جميع الحقوق محفوظة لــ بلوجر توب ©