إضافة لتبادل روابط المقالات و نشرها share links

بسم الله الرحمن الرحيم

 

الكل يعرف مذى أهمية نشر روابط المقالات التي تقوم بكتابتها في مدونتك، فهي تقوم بالتعريف عن مدونتك للكثير من الأشخاص. لكن الأهم من ذالك هو تقديم الوسيلة السهلة لقرائك ليقوموا بنشرها.

و هذا ما سنتطرق له في هذه التدوينة إن شاء الله. هذه الإضافة تقدم لقرائك عدة خيارات ليقوموا بنشر المقالات التي يرون أنها مهمة و يجب مشاركتها مع الأخرين. فهي تقدم لهم رابط المقال الأصلي و رابط Html و رابط خاص بالمنتديات.

سيكون الأمر سهل وبسيط كل ما سيفعله القارئ هة نسخ الرابط و نشره.

 

إضافة لتبادل روابط المقالات و نشرها

 

يمكنك معاينة الأداة بالضغط على الزر و النزول لأسفل التدوينة.

 

view demo

 

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='compartir-post'>
<p>إذا وجدت هذا الموضوع مفيد يمكنك مشاركته مع زوار مدونتك&#1548; أو نشره في المنتديات.</p>
<p>&lt;label for=&quot;aa-url&quot;&gt;رابط:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;</p><p>&lt;label for=&quot;aa-forum&quot;&gt;رابط HTML:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;</p><p>
&lt;label for=&quot;aa-forum&quot;&gt;رابط للمنتديات:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]<data:post.title/>[/url]&quot; /&gt;</p>
</div>
</b:if>

إبحث الأن عن الوسم التالي ]]></b:skin> و ضع الكود الموجود بالأسفل فوقه تماما

* Share entries
----------------------------------------------- */
.compartir-post {
background:#EFF5FB; /* لون الخلفية*/
margin-top:30px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}
.compartir-post p {
font-size:12px; /* حجم نص الرسالة*/
}
.compartir-post input {
background:#ffffff;
border: 1px solid #A4A4A4; /* حواف الخلفية*/
}

قم بحفظ التغيرات. الأداة لا تظهر إلا في داخل المواضيع.

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

 

الأن دورك ليس بنشر المقال ولكن بوضع تعليق في السفل.

إذا أعجبك الموضوع فشاركه مع أصدقائك فلن يأخد منك الأمر سوى 5 ثوان :)

هناك 5 تعليقات:

  1. تستحق أن تشكر على مجهوداتك الطيبة
    أحييك واصل بالتوفيق

    ردحذف
  2. @الباشق الإسلامي


    العفو أخي الباشق
    و ستمرارنا منوط بتشجيعكم


    تحياتي للجميع

    ردحذف
  3. موضوع حلو كتير
    ارجو معاينه مدونتي للفائده
    http://free1blogger.blogspot.com/

    ردحذف