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

أخبار عاجلة

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




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

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

 انتقل إلى قالب > تحرير 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'/> 

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

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

ما يلفظ من قول إلا لديه رقيب عتيد