,

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

صورة لإضافة


  رابط الاضافة ===> 



 


<li class="facebook">
<a href="http://www.facebook.com/" rel="nofollow" target="_blank" title="facebook">
</a></li>
<li class="googleplus">
<a href="https://plus.google.com/" rel="nofollow" target="_blank" title="googleplus">
</a></li>
<li class="pinterest">
<a href="http://pinterest.com/" rel="nofollow" target="_blank" title="pinterest">
</a></li>
<li class="twitter">
<a href="http://twitter.com/" rel="nofollow" target="_blank" title="twitter">
</a></li>
<li class="rss">
<a href="http://feedburner.com/" rel="nofollow" target="_blank" title="rss">
</a></li>
<li class="skype">
<a href="http://www.skype.com/" rel="nofollow" target="_blank" title="Skype">
</a></li>
<li class="vimeo">
<a href="http://www.vimeo.com/" rel="nofollow" target="_blank" title="vimeo">
</a></li>
<li class="dribbble">
<a href="http://www.dribbble.com/" rel="nofollow" target="_blank" title="dribble">
</a></li>
<li class="flickr">
<a href="http://www.flickr.com/" rel="nofollow" target="_blank" title="flickr">
</a></li>
<li class="linkedin">
<a href="http://www.linkedin.com/" rel="nofollow" target="_blank" title="linkedin">
</a></li>
<li class="youtube">
<a href="http://www.youtube.com/" rel="nofollow" target="_blank" title="youtube">
</a></li>
</ul>
<a href='http://theprofessional-blogger.blogspot.com/' style='display:none;'>محترفي البلوجر</a>
<style>
ul.spicesocialwidget {float:right;}
ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget li a{background-color:transparent;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqYzVo7XeErV9tKEo2SpHVS-SnOkqD6-SGxPyxuxPivX0wKL4uYEnI-1AbGc7xBaYJX3LlC8u5Hue7Pa46JCDyFGt88JiOJCXL3OYrt1SeLSxH_z_sF_Jlr7gjCI9xOr1mKf6LjTt64dkO/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqYzVo7XeErV9tKEo2SpHVS-SnOkqD6-SGxPyxuxPivX0wKL4uYEnI-1AbGc7xBaYJX3LlC8u5Hue7Pa46JCDyFGt88JiOJCXL3OYrt1SeLSxH_z_sF_Jlr7gjCI9xOr1mKf6LjTt64dkO/s1600/spice-social-gadget-sprite.png' )}
ul.spicesocialwidget li.facebook a{ background-position:0 0}
ul.spicesocialwidget li.flickr a{ background-position:-32px 0}
ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}
ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}
ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}
ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}
ul.spicesocialwidget li.rss a{ background-position:-192px 0}
ul.spicesocialwidget li.skype a{ background-position:-224px 0}
ul.spicesocialwidget li.twitter a{ background-position:-256px 0}
ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}
ul.spicesocialwidget li.youtube a{ background-position:-320px 0}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}
ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}
ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -32px}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}
ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}
ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}
ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}
ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}
</style>


 قم بالتعديل للروابط

و بالتوفيق للجميع

,

السلام عليكم

راح اقدم لكم قالب مدونة عالم الاحتراف المطور النسخة الاولى المجاني للجميع

رابط مشاهدة القالب

http://www.tatwir9.blogspot.com

  

-----------------------------------------------------------

 

لتشغيل السلايدر قم بالدهاب لالتخطيط 


 



ابحت عن هدا الرابط
www.tatwir9.blogspot.com


ثم قم باضافة رابط مدونتك


 

 من مميزات القالب 

1/ سريع في التحميل

2/ css مضغوط     

 3/ سريعة في التصفح 


4/ متوافق مع جميع المتصفحات


5/ القالب بدون اخطاء


6/ يدعم الارشفة السريعة 

7/  جداب ومتميز جدا

8/  سلايد شو ثلقائي  

9/  سمايلات في التعليقات

  10/ صفحات جديدة - واسعة  ...

<===لتحميل القالب==>

http://adf.ly/rjwAi

,

%D8%AA%D8%B1%D9%83%D9%8A%D8%A8+%D8%B4%D8%B1%D9%8A%D8%B7+%D8%A5%D8%AE%D8%A8%D8%A7%D8%B1%D9%8A+%D9%85%D8%AA%D8%AD%D8%B1%D9%83+%D8%A8%D8%B4%D9%83%D9%84+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A+%D9%84%D8%B9%D8%B1%D8%B6+%D8%A3%D8%AD%D8%AF%D8%AB+%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%B6%D9%8A%D8%B9+%D8%B9%D9%84%D9%89+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1++-+afkarpro.blogspot.comاليوم سنقدم لكم كيفية تركيب شريط اخباري لعرض احدث المواضيع المطروح في مدونتك في البلوجر . تحت الهيدر و بطريقة متناسقة و رائعة، و يقوم هذا الشريط بعرض أحدث مواضيع المدونة باحترافية.

 

 

طريقة تركيب هذه الإضافة :

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.
2- ثم أنقر على "تحرير Html".
" لا تنسى أخذ نسخة إحتياطية لقالب مدونتك، لاسترجاعها عند حدوث أي خطأ "

 

3- بعد ذلك اضغط على Ctrl + F للبحث عن السطر أسفله :
</head>
4-  ثم انسخ فوقه مباشرة الكود التالي : 


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#beakingnews{width:100%;margin:0 auto;line-height:37px;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#555;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
#recentpostbreaking li a:hover{color:#666;}
</style>
</b:if></b:if>


** استبدل كود الألوان التالية بمايتناسب مع مدونتك :
* #555 : كود اللون الخاص بخلفية "أحدث المواضيع". 
* #333 : كود اللون الخاص بـالعناوين                         
* #666 : كود اللون الخاص بـالعناوين أثناء المرور بالفأرة عليها.

5- قم بالضغط مرة أخرى على Ctrl + F للبحث عن السطر أسفله :
 
<div class='main-outer'>

 6 ثم انسخ فوقه مباشرة الكود التالي :

<!-- Start - Recent Post Breaking for Blogger -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>  <div id='beakingnews'><span class='tulisbreaking'>أحدث المواضيع <b>>></b></span><!-- غير عبارة أحدث المواضيع بالعبارة التي تناسبك -->
    <div id='recentpostbreaking'>تحميل ...</div><!-- -->
  </div><!-- Recent Post Breaking for Blogger By afkarpro.blogspot.com -->

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://3alami7tiiraf.blogspot.com/', // غير هذا الرابط برابط مدونتك
numpostx     = 15; // عدد المواضيع التي تريدها أن تظهر على الشريط
$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',    type: 'get',    dataType: "jsonp", success: function(data) {        var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++)  { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href;  break;  }              }         
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);
// Recent Post Breaking for Blogger By afkarpro.blogspot.com
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 8000); } else {
$('#recentpostbreaking').html('<span>لا يوجد أي موضوع !</span>');
        }  }, error: function() {
$('#recentpostbreaking').html('<strong>هناك مشكل في تحميل المواضيع !!</strong>');
       } }); }); // Recent Post Breaking for Blogger By afkarpro.blogspot.com
//]]>
</script>
<!--<script src="https://afkarpro-dev.googlecode.com/svn/trunk/Recent Post Breaking for Blogger By afkarpro.blogspot.com.js" type='text/javascript' />-->
</b:if></b:if> 
<!-- End - Recent Post Breaking for Blogger By 3alami7tiiraf.blogspot.com -->

 

 
* استبدل الرابط باللون الأحمر برابط مدونتك.
* استبدل قيمة numpostx من 15 إلى عدد المواضيع التي تريدها أن تظهر في الشريط.
* عدل على القيمة 8000 بعدد الثواني التي تريد أن يستغرقها كل عنون في الظهور (هنا 8000 تعني 8 ثواني).


7- و قم بحفظ القالب



الاشتراك في: الرسائل (Atom)

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

lm7a © جميع الحقوق محفوظة
Powered by v4.1 lam7a

MARI themes

يتم التشغيل بواسطة Blogger.