test

اضافة ازرار الشبكات الاجتماعية العمودية المتحركة

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





اولا عليك بالدخول الى لوحة التحكم للمدونة
تم تصميم >> تحرير html >>
ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

ثانيا ابحث عن هذا الكود ]]></b:skin> وضع قبله الكود التالي..





.post_share{float:left;border:1px solid #DDD;margin-right:10px; top:215px; padding-top:10px;position:fixed;background:#FFF;margin-left:-80px; padding-bottom:10px;} .post_share .wdt_button{clear:left;margin:0}




ملاحظة : top:215px تعني المسافة التي توجد بين اول الصفحة وازرار الاضافة هذه يمكنك تعديلها حسب القالب او الذوق..


تم نقوم ايضا بالبحث عن 



<p><data:post.body/></p>




ونضع الكود التالي قبله مباشرة



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post_share'> 
<div class='wdt_button'> 
<center> 
<script type='text/javascript'> 
tweetmeme_url = &#39;<data:post.url/>&#39;; 
</script> 
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script> 
</center> 
</div> 
<div class='wdt_button'> 
<center>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' onClick='return buzzPopup(this, &apos;Buzz this&apos;)' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhUQGLZpoI-oTp7H-MSM81E3EiT4oUqbFP9MmzGpMsNZpn0-itJG8qKJ6C95YyeeDpQ6sZ0GZA0s8Y35jVBJAoDVWkicNZ6dvDr1T1XX5psD7R4sjF0hfJFmxpkMIxvlkQ1-Gy5K0MGM/s1600/g-buzz.png'/></a> 
</center> 
</div> 
<div class='wdt_button'> 
<center> 
<script type='text/javascript'> 
scoopeo_url=&quot;<data:post.url/>&quot;; 
</script> 
<script src='http://scoopeo.com/clicker/insert/large' type='text/javascript'/> 
</center> 
</div> 
<div class='wdt_button'> 
<center> 
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> 
</center> 
</div> 
<div class='wdt_button'> 
<center> 
<span class='post-icons'> 
          <!-- email post links --> 
          <b:if cond='data:post.emailPostUrl'> 
            <span class='item-action'> 
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> 
                <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>Email 
              </a> 
            </span> 
          </b:if> 
          <!-- quickedit pencil --> 
          <b:include data='post' name='postQuickEdit'/> 
        </span> 
</center> 
</div> 
</div>
  </b:if>




واخيرا قم بحفظ القالب

0 التعليقات

ضع تعليق على الموضوع وعبر عن رأيك