الثلاثاء، 16 أبريل 2013

اضافة ازرار المشاركة عبرالمواقع الاجتماعية بتقنية css3 للبلوجر

بتاريخ 3:27 م بواسطة Admin


قد يرغب بعض المدونين بزيادة عدد مشاهدات مواضيعهم و انتشار مدونته بسرعة مما قد يلجا في التفكير بطريقة ايجابية 
للزيادة في عدد مرات المشاهدات ونشر مدونته بسرعة هائلة فقد يفكر في طريقة جد سهلة تمكن زائره من مشاركة 
المواضيع عبر المواقع الاجتماعية كتويتر و فيسبوك ...الخ فقد جئتكم اليوم بطريق و هي جد سهلة لتسهيل الزائر من نشر المواضيع وهي اضافة ازرار المشاركة عبرالمواقع الاجتماعية بتقنية css3 للبلوجر.
 - المعاينة ؟ كما ان هذه هي صورة لكيف تبدو ( في حالة استبدلتها ) :
share-bouttons-addon-for-blogger-1


 لكن السؤال الذي يبقى مطروحا،هو من اين احصل عليها ؟ 

+ ستحصل عليها من هذه الصفحة، والان باذن الله، فقط تابع الشرح.
- اولا اذهب الى لوحة التحكم، ثم الى قالب، ثم احفظ نسخة من القالب، ثم الى تحرير HTML:
- ثم حدد توسيع قوالب عناصر واجهة المستخدم.
- ثم ابحث عن هذا الكود : </head>

- لتصلق قبله الكود : 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<ul class='social' id='cssanime'>
='&quot;http://www.fa
<li class='facebook'>
<a expr:hre
fcebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
</li>
<li class='twitter'>

twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false; ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>


</li>


ass='googlebuz

<li c

l
<a expr:href='&quot;http:/
/z'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Post on GoogleBuzz'><strong>Google Plus</strong></a>
</li>
ing good? Share it on St
<li class='stumbleupon'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Stumble upon somet
humbleUpon'><strong>StumbleUpon</strong></a>
</li> <li class='digg'>

ata:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>


</li>


<li class='delicious'>

licious.co

<a expr:href='&quot;http://d

e
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + dm/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a> </li> <li class='linkedin'>

ofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>


</li>


<li class='reddit'>

/reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Reddit'>

<a expr:href='&quot;http:

/
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel=' n<strong>Reddit</strong></a> </li> <li class='technorati'> <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); 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 == &quot;item&quot;'>
<ul class='social' id='cssanime'>
<li class='facebook'>
<a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
</li>
<li class='twitter'>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false; ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
</li>
<li class='googlebuzz'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Post on GoogleBuzz'><strong>Google Plus</strong></a>
</li>
<li class='stumbleupon'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>
</li>
<li class='digg'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
</li>
<li class='delicious'>
<a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
</li>
<li class='linkedin'>
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
</li>
<li class='reddit'>
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
</li>
<li class='technorati'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>
</li>
</ul>
</b:if>
- لتكون قد انتهيت، اتمنى ان تعمل بشكل جيد كما اشتغلت لدي.