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

(جيميل 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>
تم بحمد الله مبروك عليك الاضافة وإلى اللقاء إن شاء الله
 
Support : Creating Website | EFTAKHIR | افتخر copyright © 2013. افتخر | EFTAKHIR - All Rights Reserved