الأربعاء، 20 مارس 2013
اضافة ازرار المشاركة الاجتماعية بتقنية Blogger CSS3
اضافة ازرار المشاركة الاجتماعية بتقنية CSS3 مطورة لبلوجر
- المعاينة ؟، يمكنك مشاهدتها في اسفل التدوينة :)، كما ان هذه هي صورة لكيف تبدو ( في حالة استبدلتها ) :
- اولا اذهب الى لوحة التحكم، ثم الى قالب، ثم احفظ نسخة من القالب، ثم الى تحرير HTML:
- ثم حدد توسيع قوالب عناصر واجهة المستخدم.
- ثم ابحث عن هذا الكود :
لكن السؤال يبقى، من اين احصل عليها ؟
+ ستحصل عليها من هذه الصفحة، والان باذن الله، فقط تابع الشرح.- اولا اذهب الى لوحة التحكم، ثم الى قالب، ثم احفظ نسخة من القالب، ثم الى تحرير HTML:
- ثم حدد توسيع قوالب عناصر واجهة المستخدم.
- ثم ابحث عن هذا الكود :
</head>
- لتصلق قبله الكود :
- الان ابحث عن هذا الكود :
<b:if cond='data:blog.pageType == "item"'> <ul class='social' id='cssanime'> <li class='facebook'> <a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a> </li> <li class='twitter'> <a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false; ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a> </li> <li class='googlebuzz'> <a expr:href='"https://plus.google.com/share?url=" + data:post.url + "&imageurl="' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Post on GoogleBuzz'><strong>Google Plus</strong></a> </li> <li class='stumbleupon'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a> </li> <li class='digg'> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Digg this!'><strong>Digg</strong></a> </li> <li class='delicious'> <a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a> </li> <li class='linkedin'> <a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a> </li> <li class='reddit'> <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a> </li> <li class='technorati'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a> </li> </ul> </b:if>
<data:post.body/>
- ثم الصق بعده هذا الكود :
<b:if cond='data:blog.pageType == "item"'> <ul class='social' id='cssanime'> <li class='facebook'> <a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a> </li> <li class='twitter'> <a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false; ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a> </li> <li class='googlebuzz'> <a expr:href='"https://plus.google.com/share?url=" + data:post.url + "&imageurl="' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Post on GoogleBuzz'><strong>Google Plus</strong></a> </li> <li class='stumbleupon'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a> </li> <li class='digg'> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Digg this!'><strong>Digg</strong></a> </li> <li class='delicious'> <a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a> </li> <li class='linkedin'> <a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a> </li> <li class='reddit'> <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a> </li> <li class='technorati'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a> </li> </ul> </b:if>
... نهاية الشرح ...
اقرا ايضا :
قائمة منسدله لوضع الفيديوهات في اي مكان Bloggerإضافة الساعة إلى مدونتك تشكيله رائعة Blogger
تهيئة مدونتك للربح من ادسنس AdSense
ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم
بالإجابة عليها في القريب العاجل
لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل
بقلم : Abda3Design
لخدمات التصميم والبرمجة
إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة
ضع تعليقك
6 التعليقات:
شكرا لك موضوع رائع
السلام عليكم
جزاك الله كل خير و جعل عملك في ميزان حسناتك
http://lbidaya.blogspot.com/
شكراا كثيير الله يضيفها بميزان حسنااتك
شكرا لك اضافة مفيدة ججججددددددددددددددددددددددددا
يعطيك الف عافية
اضافة رائعة
عاشت ايدك ......جاري التطبيق
إرسال تعليق