هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن تطوير المواقع (https://www.helpernt.com/vb/forumdisplay.php?f=88)
-   -   [blogger] شرح إضافة زر مشاركة التدوينات من موقع Linkedin لمدونات بلوجر (https://www.helpernt.com/vb/showthread.php?t=6111)

هيلبرنت 07-06-2017 11:37 PM

شرح إضافة زر مشاركة التدوينات من موقع Linkedin لمدونات بلوجر
 
شرحنا اليوم للعملاق LinkedIn ولمن لا يعرف الموقع , فهو عبارة عن شبكة اجتماعية أشبه بالفيسبوك ولكنه يستخدمه أكثر رجال الأعمال والتجار , بمعنى أن لو مدونتك تحتوي على مقالات تجارية أو تسوقك لمنتج ما , تستطيع جلب الكثير من الزوار والمشتريين عبر هذا الموقع الرائع من خلال مشاركة تدويناتك فيه , اتكلمت كتير .. صح .. لكن معلش .. نيجي لطريقة تركيب الزر ..


شرح إضافة زر مشاركة التدوينات من موقع Linkedin لمدونات بلوجر
  • القاعدة الذهبية : لا تنسى بأخذ نسخة إحتياطية من القالب .
لقد أصدر الموقع 3 أشكال مختلفة للأزرار كما بالشكل


ثانيا لتركيب الإضافة .. تابع معي

الدخول الى لوحة التحكم .. ثم تحرير ال html ثم قم بتوسيع القالب .
ابحث عن
كود:

<div class='post-header-line-1'/>
أضف قبلها الكود الذي يناسبك من الأكواد التالية .
ملحوظة : إن لم تجد الكود السابق قيم بالبحث عن
كود:

<data:post.body/>
ثم قم بإضافة الأكواد التالية قبلها . بما يناسب اختيارك منها .
  • الكود الأول .
كود:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js'  type='text/javascript'/><script data-counter='top'  expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

وهذا سيكون شكل الإضافة.


http://i.imgur.com/LW5myTz.png
  • الكود الثاني .
كود:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js'  type='text/javascript'/><script data-counter='right'  expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

وهذا سيكون شكل الإضافة



http://i.imgur.com/oANTcLP.png
  • الكود الثالث .
كود:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js'  type='text/javascript'/><script expr:data-url='data:post.url'  type='in/share'/>
</div>
</b:if>


وهذا سيكون شكل الإضافة


http://i.imgur.com/9zTg5Si.png
  • الآن احفظ القالب ..


الساعة الآن 04:41 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir