اضافة ايقونة Reblog او اعادة التدوين أسفل تدويناتك في بلوجر|SWE-UP

3:03 ص غير معرف 6 Comments

اضافة  ايقونة Reblog او اعادة التدوين أسفل تدويناتك في بلوجر|SWE-UP

سوف نقوم باضافة ايقونة ReBlog او اعادة التدوين او قد نسميها تغريدات بلوجر أسفل تدويناتك لزيادة عدد زوار مدونتك

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

.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> 
احفظ القالب ومبارك عليك اضافة  ايقونة Reblog او اعادة التدوين أسفل تدويناتك

لا تنسانا من دعائك وكما استفدت من التدوينة اجعل أصدقائك يستفيدوا بمشاركة التدوينة عبر مواقع التواصل الاجتماعي او حتى عبر زر انقل هذه التدوينة لمدونتك كما يشرفنا ان تنضم لمدونتي في الجانب الأيسر صندوق انضم للموقع حتي يصلك كل جديد واي مشاكل تواجهها يمكنك ترك تعليقك أسفل التدوينة كما يمكنك ترك تعليق لتشجيعنا على الاستمرار

تحذير : ممنوع نقل الموضوع بدون ذكر المصدر مرفقا برابط الموضوع 

هنا المصدر  http://goo.gl/q3UJ74


التسميات:
مواضيع ذات صلة

غير معرف

6 التعليقات

avatar
رد
Unknown delete 17 أبريل 2014 في 9:42 م

شكرا لمرورك واي مشكة تواجها انا في الخددمة

avatar
رد
Arwa~ delete 11 يونيو 2014 في 7:43 م

السلام عليكم ..

شكراً على المجهود والشرح .. ^-^

ولكن اخي لدي سؤال خارج الموضوع هل من الممكن ان تشرح لنا كيفية اضافة زر اقراء المزيد او اكمل القراء كما هو موجود لديك اسفل التدوينة .. ;)

لاني بحثت وجربت ولما انجح في تطبيق @@, .. رجاء ساعدني ^^

avatar
رد
Unknown delete 12 يونيو 2014 في 4:41 ص

اهلا بكي .. لاضافة اقرا المزيد اتبعتي الخطوات واي مشكلة اعطيني معاينة تفصيلية لهاي المشكلة
1- ابحثي(ctrl+f) عن الوسم التالي
.
</head>
.
واضيفي الكود التالي فوقه مباشرة
.
<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
'; div.innerHTML = summary; } //]]></script>
.
.
2- ابحثي(ctrl+f) عن هذا الكود واستبدليه بالكود التالي
.
<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'>
<data:post.body/> </div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='jump-link' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url'>...اقرا المزيد</a></span><div style='clear: both;'/>
</b:if> </b:if>
.
واخيرا ابحثي عن هذا الوسم > واضيفي فوقه مباشرة الكود التالي
.
.jump-link { display: block; font-size: 12px; font-weight: bold; text-align:right; } .jump-link a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding: 6px 15px; background: -moz-linear-gradient( top, #ffffff 0%, #b5b5b5); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#b5b5b5)); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 3px solid #0088ff; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1); text-shadow: 0px 1px 2px rgba(000,000,000,0.5), 0px 1px 2px rgba(252,254,255,0.9); }

avatar
رد
Unknown delete 12 يونيو 2014 في 4:49 ص

الخطوة 2 هذا هو الكود اللي مفروض تبحثي عنوا وتستبدليه بالكود اللي فوق
.
<data:post.body/>
.
الخطوة الاخيرة هذا الوسم اللي مفروض تبحثي عنو وتضيفي هذا الكود فوقه مباشرة
.
></b:skin>
.

avatar
رد
Arwa~ delete 15 يونيو 2014 في 11:02 ص

اشكرك جزيل الشكر على ردك =D

بحثت عن الكود الاول والاخير و وجدتهم

لكن الكود الثاني لم اجده !!!

avatar
رد
Unknown delete 15 يونيو 2014 في 4:43 م

المشكلة ان نظام التعليقات قام بتحويل بعض الاوسمة الى رموز تعبيرية فصعب عليكي الامر لذا قمت بالاجاباة على سؤالك في قسم المناقشات العامة
http://www.sweup.com/2014/06/General-discussions.html
اتمنى ان تنضمي لاعضاء المدونة لدعمنا ;)



محول الأكوادالابتسامات


الاشتراك في: تعليقات الرسالة (Atom)