أضف أزرار مشاركة بشكل أنيق في مشاركات مدونة بلوجر - مرحبا أنا تقنية أضف أزرار مشاركة بشكل أنيق في مشاركات مدونة بلوجر -->
U3F1ZWV6ZTM5NDUyNzUwMTAxX0FjdGl2YXRpb240NDY5NDUyMjU0MDI=
recent
أخبار ساخنة

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




زر المشاركة على بلوق بمثابة التبديل عملي وتلقائي في كل مادة تهدف إلى تبادل بلوق وظائف على مجموعة متنوعة من وسائل الاعلام الاجتماعية، مثل الفيسبوك وتويتر، جوجل بلس، وغيرها.

وسنشرح الأن كيفية التركيب : 

 انتقل إلى قالب > تحرير HTML
ابحث عن الرمز ]]></b:skin> وضع كود فوقه 

.sharepost li{width:19%;padding:0;list-style:none;}.sharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}.sharepost li a:hover{opacity:1;color:#444;border:double #fff;}.sharepost li .twitter{background-color:#55acee;}.sharepost li .facebook{background-color:#3b5998;}.sharepost li .gplus{background-color:#dd4b39;}.sharepost li .pinterest{background-color:#cc2127;}.sharepost li .linkedin{background-color:#0976b4;}.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{background-color:#444;color:#fff;}.sharepost li{float:left;margin-right:1.2%}.sharepost li:last-child{margin-right:0}.sharepost li .fa:before{margin-right:5px}

 ثم ضع شفرة HTML أسفل <data:post.body/>، ستظهر هذه الشفرة في قالب مرتين أو ثلاث مرات تحتاج إلى إضافة شفرة HTML في أخر كود يظهر بعد هذا رمز <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><meta expr:content='data:post.id' itemprop='postId'/><div class='clear'/><div class='sharepost'><ul><li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li><li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li><li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li><li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank' title='LinkedIn Share'><i class='fa fa-linkedin'/>Share</a></li><li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank' title='Pin It'><i class='fa fa-pinterest'/>Share</a></li></ul></div></b:if>

الآن أضف الرمز أدناه أعلاه</head>، إذا كانت هذه الشفرة مثبتة بالفعل في مظهرك، فاترك هذه الخطوة. 

<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/> 

و في الأخير قم بحفظ القالب . 
الاسمبريد إلكترونيرسالة