زر Reblog لإعادة نشر تدوينات بلوجر بضغطة زر لزيادة زوار وأرشفة مدونتك

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

أولا: عليك تسجيل الدخول ثم التوجه الى قالب ثم تحرير HTML . ثم نضع مؤشر الماوس في اي مكان داخل القالب ثم نضغط (Ctrl+F) ونبحث عن هذا الوسم ]]></b:skin>  ونلصق الكود التالي -بعد الفيديو- فوقه مباشرة. اذا لم تعرف كيفية البحث عن الكود أو الوسم السابق قم بمشاهدة هذا الفيديو

الكود المستخدم:

/*Reblog
----------------------------------------------- */
.reblog {

color: #fff;

font-weight: bold;

font-size: 14px;

text-shadow: 1px 1px 0 #75a43b;

padding: 5px 10px;

display: inline;

border: 1px solid #69963b;

background: #7cc237;

border-radius: 2px;

background: -webkit-gradient(linear, left top, left bottom, from(#afd95b), to(#7cc237));

background: -webkit-linear-gradient(top, #afd95b, #7cc237);

background: -moz-linear-gradient(top, #afd95b, #7cc237);

background: -ms-linear-gradient(top, #afd95b, #7cc237);

background: -o-linear-gradient(top, #afd95b, #7cc237);

box-shadow: inset 0 1px 0 #d0e8a0;

-webkit-box-shadow: inset 0 1px 0 #d0e8a0;

-moz-box-shadow: inset 0 1px 0 #d0e8a0;

-o-box-shadow: inset 0 1px 0 #d0e8a0;

}

.blogthis a {

color: #fff; text-decoration:none;}

a.reblog:hover {

color: #fff;

background: #7cc62b;

background: -webkit-gradient(linear, left top, left bottom, from(#b5e261), to(#7cc62b));

background: -webkit-linear-gradient(top, #b5e261, #7cc62b);

background: -moz-linear-gradient(top, #b5e261, #7cc62b);

background: -ms-linear-gradient(top, #b5e261, #7cc62b);

background: -o-linear-gradient(top, #b5e261, #7cc62b);

text-decoration:none;

}

ثم نبحث عن الوسم التالى بنفس الطريقة السابقة <div class='post-footer'>  سوف نجد أكثر من وسم بهذه الصيغة نذهب للوسم الثاني ونلصق الكود التالي تحته مباشرة وغير الكلمة المظللة باللون الاصفر كما تريد وليكن "أعد نشر هذه التدوينة داخل مدونتك"

<div class="reblogme"><li class='blogthis'><b:if cond='data:top.showBlogThisButton'>
<a class='reblog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>أعد نشر التدوينة</a></b:if>
 </li></div>

تنبيه: يمكنك بكل سهولة التعديل على أكواد الألوان فى كود CSS بإختيار الألوان التى تناسب مدونتك ويمكنك الإستعانة بمولد الألوان لتحصل على تدرجات ألوان محتلفة بكل سهولة.

احفظ القالب ومبارك عليك اضافة زر Reblog لنشر تدويناتك داخل مدونات بلوجر الأخرى بضغطة زر. شكرا جزيلا