القائمة الرئيسية

الصفحات

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

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

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

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

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


</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 دقائق وسوف تجد الاضافة تم بحمد لله

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

تعليقات

التنقل السريع
    -->