يعد زر مشاركة المقالات على مواقع الشبكات الاجتماعية عنصرًا لا غنى عنه في كل قالب بلوجر . كما يعكس ترتيبها على الموقع النظرة الجمالية لكل مدون. ولكن قبل القيام بذلك، يجب أن يكون لديك كود HTML الذي يقوم تلقائيًا بإنشاء روابط صالحة مع كل شبكة اجتماعية.
ستشارك هذه المقالة مع القراء زر المشاركة على الشبكات الاجتماعية الشهيرة اليوم، بما في ذلك:
إذا كان لديك رمز لشبكات اجتماعية أخرى، يرجى المساهمة في قسم التعليقات لجعل المقالة أكثر اكتمالا.
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'>Facebook</a>
<a expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'>Twitter</a>
<a expr:href=""http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet" href="https://www.blogger.com/null" onclick="window.open(this.href, 'windowName', 'width=800, height=600, left=200, top=24, scrollbars, resizable'); return false;" rel="nofollow" target="_blank" title="Share to Pinterest">Pinterest</a>
<a expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'>Linkedin</a>
VK
<a expr:href='"http://vkontakte.ru/share.php?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to VK'>VK</a>
Yummly
<a expr:href='"http://www.yummly.com/urb/verify?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Yummly'>Yummly</a>
Tumblr
<a expr:href='"http://www.tumblr.com/share/link?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Tumblr'>Tumblr</a>
Buffer
<a expr:href='"https://bufferapp.com/add?url=" + data:post.url + "&text="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Buffer'>Buffer</a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Reddit'>Reddit</a>
Stumble
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to StumbleUpon'>Stumble</a>
يوجد أعلاه رمز لإنشاء زر لمشاركة المقالات على الشبكات الاجتماعية، بالكامل بتنسيق html ويكون التخطيط و Css تحت سيطرتك تمامًا. تعد الشبكات الاجتماعية عنصرًا مهمًا جدًا في تحسين محركات البحث لموقع الويب، لذا يجب عليك إنشاء أكبر عدد ممكن من التفاعلات مع أكبر عدد ممكن من الشبكات الاجتماعية!
