‏إظهار الرسائل ذات التسميات مواقع الويب. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات مواقع الويب. إظهار كافة الرسائل

(جيميل Gmail) يوفر زر الاستجابة السريعة لرسائل تغريدات (تويتر Twitter)

الثلاثاء، 8 أكتوبر 2013 | التعليقات

(جيميل Gmail) يوفر زر الاستجابة السريعة لرسائل تغريدات (تويتر Twitter)

أصبح بمقدور مُستخدمي (جيميل Gmail) التفاعل مع رسائل التنبيهات التي تصلهم على بريدهم الإلكتروني، من موقع (تويتر Twitter)، دون الحاجة إلى فتح الرسائل.

وبدأت الميزة الجديدة بالظهور عند بعض المستخدمين، ممن لديهم حسابات بريد الكتروني على (جيميل Gmail)، من خلال ظهور زر للإستجابة السريعة بجوار عنوان رسالة البريد الالكتروني القادمة من (تويتر Twitter).

وأشار بعض مُستخدمي (تويتر Twitter) إلى ظهور زر “View Tweet”، والذي يوفر للمستخدم إمكانية الانتقال مباشرةً إلى التغريدة المطلوبة، كما ظهر أيضاً زر “Follow Back”، الذي يسمح للمستخدم بالمتابعة بشكل سريع، دون الحاجة إلى قراءة الرسالة.

وقد تم الكشف عن هذه الميزة الجديدة، لأول مرة، من قبل أحد المستخدمين يوم الاثنين، ويعتقد محللون أنها تخضع حالياً للتجريب، قبل أن يتم إدراجها لجميع مُستخدمي (جيميل Gmail).

يذكر أن (جيميل Gmail) كانت قد أعلنت في مايو المُنصرم، عن إدخالها لميزة الاستجابة السريعة، من خلال إضافتها لزر يُمكن مُستخدمي (جيميل Gmail) من الاستجابة إلى بعض رسائلهم دون فتحها، مثل التأكيد على الحضور إلى حدث معين من دون فتح الرسالة.

إضافة اداة المواقع الاجتماعية بشكل رائع بتأثيرات Css

الثلاثاء، 24 سبتمبر 2013 | التعليقات

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

 مرحبا بكم في مدونة  افتخر 

إضافة اداة المواقع الاجتماعية بشكل رائع 


  الاضافة خفيفة وانيقة وجد احترافية للاشتراك والمتابعة في المواقع الاجتماعية لمدونات بلوجر . الاضافة جميلة ومميزة في القائمة الجانبية للمدونة المعروفة ب (السايد بار) بلوجر بتأثيرات Css , كما يمكنك ان تقوم بتغييرات ان اردت ذالك  .



  طريقة التركيب :

1~  اذهب الى تخطيط.
2~ إضافة أداة
3~ اختار  Html/Javascript






 <div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/eftakhir">إشترك عبر البريد</a></li>
<li><a class="twitter" href="https://twitter.com/eftakhir">تابعني على تويتر</a></li>
<li><a class="facebook" href="https://www.facebook.com/eftakhir">إدعمنا على الفايسبوك</a></li>
<li><a class="google" href="https://plus.google.com/u/0/b/7351531211955933302/">تابعني Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/eftakhir">اتصل بي على لينكيدن</a></li>
<li><a class="youtube" href="http://www.youtube.com/user/eftakhir">شاهدني على يوتيوب</a></li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/
.btnt-chronicl-social {  width: 320px;  margin: -10px;  }
.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }
.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }
.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }
/*]]>*/
</style>

يجب تغيير عنوان افتخر باللون الاحمر الى عنوان موقعك


تقسيم فوتر بلوجر الى ثلاث خانات

| التعليقات

بسم الله الرحمن الرحيم
 السلام عليكم  ورحمة الله تعالى وبركاته
طريقة تقسيم الفوتر الى ثلاث خانات نسبة الى بعض القوالب بلوجر التي تحتوي على خانتين واحدة فقط في الفوتر ,التقسيم تلاحضه في معضم قوالب المدونات تحتوي على ثلاثة خانات لوضع الصناديق او محتويات المدونة صغيرة الشكل , طريقة تقسيم الفوتر الى ثلاث خانات سهلة وليس معقدة تابع معي في الشرح :


لمعاينة الاضافة  مباشرة :  اسفل الموضوع مدونة افتخر

 طريقة التركيب :
  1~   قالب
 2~  تحرير HTML.
  ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.

3~ ابحت عن الشفرة التالية :


 ]]></b:skin>

 وقم بتلصيق الشفرة التالية فوقها يعني اعلاها .

#footer-columns {

border-top:1px solid #999999;

clear:both;

margin:0 auto;

background: #ffffff;

}

#footer-columns h2 {

margin: 1.6em 0 .5em;

font: bold 16px Arial;

padding:10px;

background: #ffffff url() no-repeat center right;

color: #9b2d15;

}

.column1 {

padding: 0px 5px 3px 5px;

width: 30%;

float: left;

margin:3px;

text-align: right;

}

.column2 {

padding: 0px 5px 3px 5px;

width: 31%;

float: left;

margin:3px 3px 3px 5px;

text-align: right;

}

.column3 {

padding: 0px 5px 3px 5px;

width: 30%;

float: right;

margin:3px;

text-align: right;

}

.addwidget {

padding: 0 0 0 0;

}

#footer-columns ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

#footer-columns li {

margin:0;

padding-top:0;

padding-left:0;

padding-bottom:.25em;

padding-right:15px;

text-indent:-15px;

line-height:1.5em;

}

body#layout #footer-columns {

width: 100%;

margin-left: auto;

margin-right: auto;

}

body#layout .column1 {

width: 32%;

float: left;

}

body#layout .column2 {

width: 32%;

float: left;

}

body#layout .column3 {

width: 32%;

float: right;

}


4 - ابحث عن الكود التالي :

<b:section class='footer' id='footer'/>


واستبدله بالشفرة او الكود التالي :

<div id='footer-columns'>

<div class='column1'>

<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column2'>

<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column3'>

<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>

</b:section>

</div>

<div style='clear:both;'/>

</div>

<b:section class='footer' id='footer'/>



وقم بحفظ القالب ومبروك عليك فوتر بثلاث خانات الى اللقاء


شريط متحرك بأخر اخبار المدونة بشكل جميل وانيق

الخميس، 19 سبتمبر 2013 | التعليقات

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

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


معاينة مباشرة : شريط اخر اخبار المدونة

 طريقة التركيب :
1~  اذهب الى تخطيط .
2~ إضافة أداة .
3~ اختار  Html/Javascript

ثم لصق الشفرة التالية
يجب عليك تغيير رابط شريط متحرك بأخر اخبار المكتوب بالاحمر برابط مدونك


<script type="text/javascript">
    var w2bWidth="100";
    var w2bScrollAmount="20";
    var w2bScrollDelay="60";
    var w2bDirection="right";
    var w2btargetlink="yes";
    var w2bnumPosts="7";
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbktKhPNb7qQ-gA1MEheckcycO_AjUhb-A2hl8UK5gjY0lnXaOhNydfShOkqati3kgSbqS6tF6tPtIUiRckox_Keg1Azttdt2nlMGTOrOJykwvdVNS9lCtaIIxMRN4EOLtEQpJNJTP4Gw/s1600/%D8%AC%D8%AF%D9%8A%D8%AF.gif ";
    var w2bfontsize="13";
    var w2bbgcolor="transparent";
    var w2blinkcolor="000000";
    var w2blinkhovercolor="FF0303";
</script>
<script src="http://egymodern.googlecode.com/files/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.eftakhir.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script
>

صندوق إعجاب صفحة الفيسبوك وسط مدونك رائع

السبت، 14 سبتمبر 2013 | التعليقات

السلام عليكم ورحمة الله تعالى وبركاته

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

الطريقة التركيب صندوق إعجاب صفحة الفيسبوك وسط مدونك سهلة وبسيط جداً 

  معاينة مباشرة : هنا

 طريقة التركيب :
1~  اذهب الى تخطيط .
2~ إضافة أداة .
3~ اختار  Html/Javascript

ثم لصق الشفرة التالية
يجب عليك تغيير  رابط صفحة الفيس بوك المكتوب بالاحمر برابط صفحتك 



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA3lCR3jCFjmpOBWwfFI7DlIKXPqEOcipk54hhTodJQJR1vCDoeXimq3w-zoQt1Ow5pmuQWrYaXx6GrvjjZ6_n5wXIWNHZngL7Hm5EyDF5vXU6R3-GBDL48f3XebBSnHKzgYMDLVixMrr0/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>


<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

<div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=https://www.facebook.com/pages/%D8%A8%D9%83-%D8%A7%D9%81%D8%AA%D8%AE%D8%B1-%D9%8A%D8%A7-%D8%A7%D9%84%D9%84%D9%87/129164600612440&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div></div>
تم بحمد الله مبروك عليك الاضافة وإلى اللقاء إن شاء الله

إضافة زر المتابعة تويتر Twitter

| التعليقات

السلام عليكم ورحمة الله تعالى وبركاته

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

 معاينة : زر المتابعة تويتر Twitter







تابع معي الشرح طريقة أخد كود او شفرة هذه الإضافة زر المتابعة لتويتر Twitter


1 _ أولا أضغط على الرابط التالي :
 https://twitter.com/about/resources/buttons#follow


2 _ سوف تفتح هذه الصفحة التالية :

اللون الازق لتغيير شكل زر المتابعة تويتر Twitter
اللون الاحمر كود او شفرة  زر المتابعة تويتر Twitter


ثم أخذ الكود  او الشفرة يمكنك أن تضعه في أين مكان بموقعك

شرح تحويل نموذج "اتصل بنا" من قائمة السايد بار إلى صفحة فارغة

الجمعة، 13 سبتمبر 2013 | التعليقات

السلام عليكم ورحمة الله تعالى وبركاته

 سبق وقد شرحت لكم في الدرس السابق كيفية إضافة نموذج "اتصل بنا" في قائمة السايدبار 


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

اولا يجب عليك إضافة الاداة اولا من هنا : إضافة نموذج "اتصل بنا"

تابع معي شرح اخفاء نموذج "اتصل بنا" من قائمة السايد وتحويله الى صفحة فارغة .

طريقة التركيب :

  1~   قالب
 2~  تحرير HTML.
  ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.
 3~ ابحت عن الشفرة التالية :


]]></b:skin>

4~  قم بتلصيق الشفرة  اخفاء الاداة التالية فوقها يعني اعلاها مباشرة.

#ContactForm1 {display:none;}

 الان نلاحض ان إضافة نموذج "اتصل بنا" اختفت من من قائمة السايد بار , والان يجب ان نضفها الى صفحة فارغة ونسميها "اتصل بنا" او ما تشاء

5~ اذهب الى الصفحات وانشئ صفحة فارغة جديدة ثم قم بتلصيق الشفرة التالية مكان HTML
 تفضل الكود او الشفرة نموذج "اتصل بنا"

 <div dir="rtl" style="text-align: right;" trbidi="on">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
الاسم
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

بريد إلكتروني
<span style="font-weight: bolder;">*</span>
<br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

رسالة
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />

<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>

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

نموذج "اتصل بنا" إضافة بلوجر جديدة ورائعة جدا

| التعليقات

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

لمعاينة أداة  نموذج "اتصل بنا"

 طريقة التركيب :

1~  اذهب الى تخطيط .
2~ إضافة أداة .
2~ ثم اضغط على المزيد من الأدوات .
3~ و اختر إضافة أداة نموذج الإتصال .


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

شرح إضافة صندوق تغريدات تويتر twitter

السبت، 7 سبتمبر 2013 | التعليقات

        بسم الله الرحمن الرحيم
السلام عليكم  ورحمة الله تعالى وبركاته


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

1_ اولا يجب عليك الدخول الى صفحة تطبيق الصندوق من : هنا



http://twitter.com/goodies/widgets

2_ ثانيا اضغط على (إنشاء جديد)



3_  الخانة المسطر عليها بالاحمر
الخانة الاولى اسم صفحتك على تويتر
الخانة الثانية طول الصندوق التغريدات تويتر


4_ رابعا واخيرا اضافة شفرة صندوق تغريدات تويترالى مدونتك او موقعك

إضافة الروابط الأوتوماتيكية اسفل كل تدوين في نهاية كل موضوع

| التعليقات

بسم الله الرحمن الرحيم 
 السلام عليكم  ورحمة الله تعالى وبركاته

 يسرني أيها الاخوه اليوم باذن الله ان اقدم لكم إضافة بلوجر من احدث الاضافات المحترفة .
  الاضافة عبارة عن الروابط التلقائية او الأوتوماتيكية اسفل كل تدوين
في نهاية كل موضوع بشكل جميل وانيق ,  بحيث يتم عرض الروابط مرتبة تحت كل تدوين ، بالاضافة الى ثلاث روابط ,  رابط عادي URL ورابط خاص بـ شفرة HTML والثالث رابط للمنتديات BBCode ثلاث صيغ من الروابط الخاصة بالتدوين .

لمعاينة الاضافة  مباشرة
:  اسفل الموضوع مدونة افتخر

 طريقة التركيب :

  1~   قالب 
 2~  تحرير HTML.
  ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.

3~ ابحت عن الشفرة التالية :


 ]]></b:skin>



وقم بتلصيق الشفرة التالية فوقها يعني اعلاها .



#table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin: 10px -12px;
    width: 580px;
    text-align: left;
    border-collapse: collapse;
   direction:ltr;
}
#table th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg207R-KmB_w7HPbYDs3H-rwG2OnKwZt6rV_4SV3YWuT7n3DXVSwONYsp4g5k5e_IGNdPyqK4w1t7zGbH7pcoRM62-9eUA8l898iI7v0r3wuqIQwuY3VM-HMOrWlpUyQmlkIMPu7ryQLGGB/s1600/gradhead.png') repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;

}
#table td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #4c4c4c;
    border-top: 1px solid #fff;
    background: #e8edff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbvsznc40q7EUZ45q4aF6VRH01h2ZNUnpeh80_ke9PrI4gEGqpreAV4WA5Dnt61K0we-qYimrzCBDByJZZk9lJsLzQMe3inCgXMq7U_xfkRK12vVBo9sJF-WAFnETpnSK5ihVTSXDjPPR/s1600/gradback.png') repeat-x;
}
#table tfoot tr td {
    background: #e8edff;
    font-size: 20px;
    color: #99c;
    text-align:center;
}
#table tbody tr:hover td {
    background: #d0dafd url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd9uH5KJX26ROJbDEUmWTpDy64vaU0qx1hyphenhyphenF8oACXGxEDKV7vhEX4l1AtnsJCSTfOb1p6cWYL6zSkE-AD5-aiHiVqDYDYMtfA7j7qmi5ydbRkCnDch0V66aFJTmmLxQjatzC5SfhfRLCYb/s1600/gradhover.png') repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}
 

3~ ثم ابحت عن الشفرة التالية :
 
<data:post.body/>
إن وجدت الكثير من هذه الشفاه الأخير هو المقصود .

ثم لصق الشفرة التالية تحتها يعني اسفلها .


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table id='table' summary='روابط الموضوع'>
  <tfoot>
    <tr>
      <td colspan='2'>
روابط الموضوع قابلة للنسخ</td>
    </tr>
  </tfoot>
<tr>
  <td>URL</td>
  <td><input expr:value='data:post.canonicalUrl' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr><tr>
  <td>HTML</td>
  <td><input expr:value='&quot;&lt;a href=&amp;quot;&quot; + data:post.canonicalUrl + &quot;&amp;quot; title=&amp;quot;&quot; + data:post.title + &quot;&amp;quot;&gt;&quot; + data:post.title + &quot;&lt;/a&gt;&quot;' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr><tr>
  <td>BBCode</td>
  <td><input expr:value='&quot;[url=&quot; + data:post.canonicalUrl + &quot;]&quot; + data:post.title + &quot;[/url]&quot;' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr>
</table> </b:if>

يمكنك تغيير الجملة |روابط الموضوع قابلة للنسخ| المكتوبة باللون الاحمر
 
Support : Creating Website | EFTAKHIR | افتخر copyright © 2013. افتخر | EFTAKHIR - All Rights Reserved