Topmix Admin Admin
المزاج : المتصفح : الجنس : الدولة : عدد المساهمات : 203 نقاط : 603 تاريخ التسجيل : 05/11/2011 العمر : 35
| موضوع: اضافة كود ازرار الشبكات الاجتماعية العمودية المتحركة لمدونات بلوجر الجمعة 22 فبراير 2013 - 14:09 | |
| السلام عليكم ورحمة الله وبركاته بسم الله الرحمان الرحيم غالبا ما نرى في المواقع او المدونات فيها ازرار المشاركات الاجتماعية كنت شخصيا ابحث عن هذه الاضافات .ها انا اليوم اطرح الموضوع. هذه الاضافة من الاضافات جمالا جيث تلفت انتباه الزائر في اي مكان في [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] وتتبعه في كل مكان !! طبعا داخل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] او الموقع .. الاضافة فيها مجموعة من الازرار المعروفة والشهيرة.. منها رز التويتر وصدى جوجل وفيس بوك.. هذه صورة الاصافة اذا اعجبتك فبادر بتطبيق الشرح اولا عليك بالدخول الى لوحة التحكم للمدونة تم تصميم >> تحرير html >> ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. ثانيا ابحث عن هذا الكود ]]></b:skin> وضع قبله الكود التالي.. - الكود:
-
[color=#323232][font=Arial].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}[/font][/color] ملاحظة : top:215px تعني المسافة التي توجد بين اول الصفحة وازرار الاضافة هذه يمكنك تعديلها حسب القالب او الذوق..تم نقوم ايضا بالبحث عن <p><data:post.body/></p>ونضع الكود التالي قبله مباشرة - الكود:
-
[color=#323232][font=Arial]<b:if cond='data:blog.pageType == "item"'>[/font][/color] [color=#323232][font=Arial]<div class='post_share'> <div class='wdt_button'> <center> <script type='text/javascript'> tweetmeme_url = '<data:post.url/>'; </script> <script src='[url=http://tweetmeme.com/i/scripts/button.js%27]http://tweetmeme.com/i/scripts/button.js'[/url] type='text/javascript'> </script> </center> </div> <div class='wdt_button'> <center>[/font][/color] [color=#323232][font=Arial]<a expr:href='"[url=http://www.google.com/reader/link?url="]http://www.google.com/reader/link?url="[/url] + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' onClick='return buzzPopup(this, 'Buzz this')' rel='nofollow'><img src='[url=http://2.bp.blogspot.com/_hrhg1n2KA3Y/S3Y8Gi87V8I/AAAAAAAADDc/xpLQ5jnX_Gk/s1600/g-buzz.png%27/]http://2.bp.blogspot.com/_hrhg1n2KA3Y/S3Y8Gi87V8I/AAAAAAAADDc/xpLQ5jnX_Gk/s1600/g-buzz.png'/[/url]></a> </center> </div> <div class='wdt_button'> <center> <script type='text/javascript'> scoopeo_url="<data:post.url/>"; </script> <script src='[url=http://scoopeo.com/clicker/insert/large%27]http://scoopeo.com/clicker/insert/large'[/url] type='text/javascript'/> </center> </div> <div class='wdt_button'> <center> <a href='[url=http://www.facebook.com/sharer.php%27]http://www.facebook.com/sharer.php'[/url] name='fb_share' type='button_count'>Share</a><script src='[url=http://static.ak.fbcdn.net/connect.php/js/FB.Share%27]http://static.ak.fbcdn.net/connect.php/js/FB.Share'[/url] 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='[url=http://www.blogger.com/img/icon18_email.gif%27/]http://www.blogger.com/img/icon18_email.gif'/[/url]>Email </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> </center> </div> </div>[/font][/color] [color=#323232][font=Arial] </b:if>[/font][/color]
واخيرا قم بحفظ القالب | |
|