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

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





اولا عليك بالدخول الى لوحة التحكم للمدونة
تم تصميم >> تحرير 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='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S3Y8Gi87V8I/AAAAAAAADDc/xpLQ5jnX_Gk/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>




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

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

إرسال تعليق

..{ مَا يَلْفِظُ مِن قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ }..

تواصل معي

تويتر

حسابي الشخصي على موقع تويتر.

تويتر

يوتيوب

قناتي الخاصة بالشروحات على موقع يوتيوب.

يوتيوب

فايس بوك

صفحتي الشخصية على موقع فايس بوك.

فايس بوك