الاثنين، 28 يوليو 2014

إضافة "هل أعجبك الموضوع؟" أسفل كل تدوينة

بقلم: BR MED يوم الاثنين، 28 يوليو 2014 القسم : 2 التعليقات
 السلام عليكم و رحمة الله و بركاته
نلتقي مجددا إخواني أخواتي متابعي مدونة ورشة مدون كما ذكرنا سابقا نعلم جيدا دور مواقع التواصل الإجتماعي في نشر المدونة ومواضيعها قصد كسب متتبعين من تلك المواقع و اليوم أحضرت لكم إضافة إحترافية للبلوجر وهي عبارة عن أزرار لمشاركة المواضيع هذه الأزرار مرفوقة بسؤال "هل أعجبك الموضوع؟" تمكن الزائر من مشاركة التدوينة هذه الإضافة بشكلين سأشرح تركيب كليهما
الشكل الأول:
طريقة التركيب:
1- من  لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</head>
ثم نلصق الكود التالي قبله مباشرة :
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
ثم قم بالبحث عن هذا الكود
<data:post.body/>
سوف تجده عدة مرات الثانية هي المقصودة
بعد ذلك نلصق الكود التالي أسفله مباشرة
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='width: 95%;
padding: 12px 15px;
margin: 10px 0 0;
border-bottom: 3px solid #d8d8d8;
background: rgb(245, 245, 245);'>
<span style='color: rgb(131, 131, 131);
font: 13px droidkufi-bold;'> هل أعجبك الموضوع &#1567; </span>
<div style='float: left; '>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
</div>
</div></b:if>
الشكل الثاني:
لتركيبها ما عليك سوى إستبدال أخر كود وضعته في الشكل الأول بهذا الكود :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='alwan-share' style='width: 634px; height: 88px;padding: 7px;background: #f3f3f3; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;'>
<div style='width: 250px;height: 74px;padding: 6px;background: white;border: 1px solid #EBEBEB; float:right; text-align: center;'>
<div class='fb-like-box'>
هل أعجبك الموضوع &#1567;
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></div><div align='left'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='g-plus' data-action='share' data-annotation='vertical-bubble' data-height='60'/>
<a class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='mr_raghib' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;https://platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<div id='plusone-div'/></div>
</div></b:if>
هذا كل ما في موضوع اليوم إلى تدوينة أخرى إنشاء الله
إقرأ البقية

السبت، 26 يوليو 2014

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

بقلم: BR MED يوم السبت، 26 يوليو 2014 القسم : 1 التعليقات
 السلام عليكم ورحمة الله تعالى وبركاته
نلتقي مجددا متتابعي ورشة مدون الأوفياء في هذه التدوينة و مع كثرة الطلبات على قوالب البلوجر الجاهزة قررت أن أعرض عليكم هذا القالب من تطوير عرب نلوجي و ليس من تطويرنا يعتبر من نخبة القوالب المصممة سنة 2014 و من مميزات هذا القالب أنه خفيف و سريع التحميل أثناء التصفح يحتوي على سلايدر شو تلقائي جميل جدا ، قالب منسق جيدا كل شيء صحيح فيه خالي من أخطاء البرمجية ،يحتوي إضافة تغير لون القالب ليست كباقي الإضافات حيث إن إخترت أي لون دائما عندما ستدخل للمدونة سوف تجده و ذلك إعتمادا على الكوكيز، قالب يحتوي على جميع شروط السيو مما يجعله صديق لمحركات البحث,
كي لا أنسى فهذا القالب يحتوي على قائمة مترو منسدلة يمكن إستعراضها كما في الصورة

_-_-_- يمكنك الإستعانة بهذا الفيديو للتعديل على القالب -_-_-_

 يمكنك تحميل هذه الأكواد أيضا (من هنا)
دمتم بود في أمان الله
إقرأ البقية

الجمعة، 25 يوليو 2014

إضافة صندوق التبادل الإعلاني بتقنية css لمدونة بلوجر

بقلم: BR MED يوم الجمعة، 25 يوليو 2014 القسم : 3 التعليقات
السلام عليكم و رحمة الله و بركاته
مرحبا بكم متتابعي ورشة مدون الأوفياء كما عهدنا دائما اليوم موضوعنا هي إضافة صندوق التبادل الإعلاني بشكل رائع و إحترافي بتقنية  CSS  بشكل انيق جدا وعصري إلى مدونات بلوجر مع تأثيرات رائعة على الصور بخلفيات ملونه بعدة الوان يمكنك تنسيقها والتحكم بها عن طريق تغيير CSS و HTML وفقا للحاجة الخاصة بك وينصح إستخدام بانر بحجم 125x125 فبهذا الحجم ستظهر الإضافة بكل جمالية وأناقة.
انتقل إلى لوح تحكم مدونتك،
     إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
     والآن الصق داخل المستطيل الكود التالي :

 <!--Advertisement Banners By warch-mo.blogspot.com-->
<style>
.FoulsCode-Ads ul{
list-style-type:none;
margin: 0px auto;
padding: 10px 0px 10px 0px;
overflow:hidden;
}
.FoulsCode-Ads ul li{
list-style-type:none;
margin: 0px 5px 10px 5px;
float:left;
display:inline;
background:orange;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
}
.FoulsCode-Ads ul li:hover {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-o-border-radius:15%;
-webkit-border-radius:15%;
-moz-border-radius:15%;
border-radius:15%;
}
.FoulsCode-Ads ul li:active {
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.FoulsCode-Ads ul li a img{
-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);
box-shadow:0 0 8px rgba(0,0,0,0.5);
padding:3px;
}
</style>
<div class="FoulsCode-Ads">
<ul>
<li style="background:#e42b2b !important;">
<a href="رابط المعلن الاول" rel="nofollow">
<img height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
<li style="background:#FFE500 !important;">
<a href="رابط المعلن الثاني" rel="nofollow">
<img height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
<li style="background:#a800ff !important;">
<a href="رابط المعلن الثالث" rel="nofollow">
<img height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
<li style="background:#41d05f !important;">
<a href=" رابط المعلن الرابع " rel="nofollow">
<img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloTu2x3BSiDR_ZuyfcNzi2pt2_IgQRyNHI-640tNfzjNLEwEGUaYWqYCdTWQAT43YejnvdjBZ1F23VjEGL-JC2A15qBPhhjvKcK2TGRWtgfjzSPYDLC_DioP3VuGixxNNrxFEdRm1Mcc/s1600/728x90.png" title=" width="118" />
</a></li>
</ul>
</div>
<!--Advertisement Banners By warch-mo.blogspot.com-->
لاتنسى تغير رابط المعلن و الرابط الأزرق بما يناسبك’
تم قم بحفظ التغيرات و مبروك عليك الإضافة
دمتم بود في أمان الله
إقرأ البقية

الخميس، 24 يوليو 2014

طريقة إضافة slader show المحترف بشكل صحيح

بقلم: BR MED يوم الخميس، 24 يوليو 2014 القسم : 0 التعليقات
 
السلام عليكم ورحمة الله وبركاته
السلايدر شو من بين الأليات المحسنة لجمالية واجهة المدونة أو الموقع وأيضا وسيلة وظيفية متطورة لعرض مواضيع المدونة ، و تختلف هذه السلايدرات من حيث العمل و الشكل و طريقة التنسيق و مميزاته وفي هذه التدوينة أحبابي في الله سوف نرى الطريقة الصحيحة لتركيب سلايدر شو المحترف المشهور و لقد إخترت هذا دون غيره لأنه مطلوب بكثرة و للأسف توجد أخطاء شائعة تمنع المدونين من الإستفادة منه يمكنك أن تعاينه مباشرة في رئيسية ورشة مدون
طريقة التركيب:
1- من  لوحة التحكم -> قالب -> تحرير HTML
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
     3- قم بالبحث عن الكود التالي ]]></b:skin> بالإستعانة بلوحة التحكم (CTRL+F) و ألصق الكود التالي قابله 

  
#alwansd{
height: 428px;
margin: 0 0 0px 0px;
padding: 15px 28px 15px 16px;
width: 672px;
background: #373737;
}
.alwanw{
position: relative;
height:385px;
}
.alwanw .contentdiv{
visibility: hidden;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: left;
width: 670px;
height: 11px;
margin-left:-43px;
}
.alwan-ps .toc{
font-size: 0px;
width: 102px;
height: 11px;
float: right;
background: #5b5b5b;
margin-left: 1px;
}
.alwan-ps a.selected{
background:#dfdfdf;
}
.alwan-ps .prev, .alwan-ps .next {display:none; }
.alwanip{
width: 618px;
padding: 10px !important;
bottom: 0;
float: left !important;
position: absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjmzg-t9k1bqt-HkAkyW73OI0wO1Egp1C3Q5zVoA-LaOkzIYcnYsqSexMP_jgDPBEDfIrKwMhRTlUaYcEfBR4qDyzsebvGvB-i5L5SZ0gRYr0WCrGr5nXtAZsJ8qklMlkKxBIXrON3ek/s1600/backslide.png);
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#c2df00;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
.alwanip p{font-size: 13px;
margin: 0;
color: #a5a5a5;
line-height: 23px;
}
.alwansf a img{float: right !important; }
.alwansf {float: right !important; width:680px!important;}
.column-center-outer {
width: 680px;
}

 الأن نقوم بالبحث عن هذا الوسم </head>
ثم نلصق هذا الكود مباشرة فوقه
    <script>
/* Script from:http://warch-mo.blogspot.com */
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;

numposts1 = 6;
label1 = "اضافات بلوجر";
function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
      
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>'
+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';   
document.write(trtd);     
j++;
}}
</script>
مكان كلمة إضافات بلوجر ضع إسم القسم الذي تريده إن يظهر،
بعد ذلك قم بالبحث عن هذا الوسم </body> وقم بلصق الكود التالي قبله مباشرة:
<script src='https://dl.dropboxusercontent.com/s/2t0ulnjvt2kl4hy/slider%20warch-mo.blogspot.com.js'></script> 
<script> 
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
ثم نقوم بالبحث عن أحد الأكواد التالية:
<div id='main-wrapper'>
    أو هذا
<div id='content'>
    أو هذا
<div id="content"></div>
    أو هذا
<div class='column-center-inner'>
بعد أن تجد أحد هذه الأكواد نقوم بلصق الكود التالي مباشرة أسفله:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='alwansd'>
<div class='alwanw' id='slider1'>
&lt;script&gt;
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
&lt;/script&gt;
</div>
<div class='alwan-ps' id='paginate-slider1'>
</div>
</div>
</b:if>
أخيرا قم بحفظ القالب ومبروك عليك السلاسيدر شو هذا كل مافي موضوع اليوم دمتم بود في أمان الله
إقرأ البقية

الاثنين، 21 يوليو 2014

تعرف على الفرق بين السمة "dofollow" و "nofollow" و تأثيرها على السيو

بقلم: BR MED يوم الاثنين، 21 يوليو 2014 القسم : | 0 التعليقات
السلام عليكم ورحمة الله وبركاته
سبق وأن تحدثنا في موضوع سابق عن دور الروابط الداخلية و الخارجية تحت عنوان معنى الباك لينكس وما يجب أن تعرف عليه و اليوم سنرى خاصية مرتبطة بهذه الروابط و تتحكم جودة السيو وأرشفة مدونتك و تجعل محرك البحث يرى موقعك بشكل أفضل مما يجعله يتقدم في الترتيب سواء في بيج رانك أو اليكسا أو نتائج البحث , و المقصود في تدوينة اليوم هي السمة " دوفولو Dofollow" "نوفولو Nofollow"
وسم دوفلو Dofollow هو وسم يتيح لعناكب  محركات البحث إمكانية تتِبع الروابط سواء الروابط الداخلية أو الروابط الخارجية و الدوفلو نوعين سواء بوضع الوسم أو في حالة عدم وضع الوسم يتم احتسابه دوفلو . ويأتي بهذا الشكل :
<a href=http://www.warch-mo.blogspot.com rel=”external”> ورشة مدون </a>
أو هكذا
<a href=http://www.warch-mo.blogspot.com  rel=”dofollow”> ورشة مدون </a>
أو حتى لو لم نضع أي سمة فهو يحتسب دوفولو
<a href=”http://www.warch-mo.blogspot.com”>  ورشة مدون </a>
يعمل الوسم NoFollow بإصدار أوامر لعناكب البحث، بعدم تتبع الروابط الموجودة بموقعك، و بالتالي لا يتم احتساب باك لينك لهذه الروابط، فهو يقوم بالمحافظة على البيج رانك لموقعك، و إعطاء أهمية أكبر للروابط الداخلية، مما يكسب الموقع أهمية أكبر لدى محركات البحث و بالتالي أرشفة أقوى. ويأتي بهذا الشكل :
<a href=”http://www.warch-mo.blogspot.com” rel=”nofollow”>ورشة مدون</a>
 الان و قد عرفت الفرق بينهما فالان و بكل بساطة اجعل روابط الصفحات الخارجة عن موقعك مغلقة اي NoFollow  حتي لا تسمح لعناكب البحث بالخروج من موقعك ,و ايضا اجعل من الصفحات الداخلية مفتوحة  اي DoFollow، وبذلك تضمن بقاء عناكب البحث أكبر فترة ممكنة بموقعك و هذا من شانه ايضا خفض معدل الارتداد اي Bounce Rate
كيفية جعل روابط مواضيعك مغلقة Nofollow
هذا هو المهم خصوصا في التعليقات ولحسن الحظ نظام تعليقات بلوجر تلقائيا يجعل الروابط الموضوعه به Nofollow أما بالنسبة لما تحتاجه هو جعل الروابط الخارجية في المواضيع Nofollow فقط قم بهذه الخطوة كما في الصورة 
 
هذا كل ما في موضوع اليوم أتمنى أن تستفيدو وتشاركوا الموضوع ليستفيد أناس أخرون 
كي لا أنسى أنصحكم بزيارة الموضوع السابق الذي ذكر أعلاه
دمتم بود في أمان الله 
إقرأ البقية

السبت، 19 يوليو 2014

أفضل أكواد الميتا تاج ستجعل مدونتك في الصدارة

بقلم: BR MED يوم السبت، 19 يوليو 2014 القسم : 0 التعليقات
السلام عليكم ورحمة الله وبركاته
لاشك أن سمعت مسبقا أكواد الميتا أو الميتاتاج "meta tag" وهذي الأكواد إن أردنا أن نقرب المعنى أكثر تلعب دور بطاقة التعريف بالنسبة لموقعك أو مدونتك بحيث هذه الأكواد تقدم معلومات لعناكب محركات البحث مثل جوجل مثلا مما يجعل موقعك يتخد المكان الذي يستحقه في الأرشفة .
المهم اليوم أحضرت هذا الكود الأفضل و الأنسب على الإطلاق لن تجده في مكان أخر كنت أدردش مع مدون فرنسي و راسلني به ^_^ . واليوم أطرحه لكم من أجل الأستفادة منه. اليوم أدركت لماذا المواقع الفرنسية لها مكانة مرموقة لدى محركات البحث بالرغم من أن الذين يتكلمون اللغة الفرنسية لا يتجاوزن %2 من سكان العالم.
 طريقة التركيب
1- نذهب للوحة التحكم بلوجر
2- ثم ننقر على القالب (خد نسخة)
3- تحرير html
4- ثم نبحث عن هذا الوسم <head>
نقوم بمسح الأكواد التي بينه وبين الوسم التالي
<b:skin>
ولكن المرجو الحذر من مسح كود الخطوط من أجل توضيح أكثر يأتي على هذا الشكل و قد يكون أكثر من واحد وبأسماء مختلفة في أخر الرابط كما تلاحظون
<link href='https://dl.dropboxusercontent.com/s/a2i96u2mu00z22n/GESSTwoLight.css' rel='stylesheet' type='text/css'/>

بعد مسح تلك الأكواد نقوم بوضع هذه مكانها مع تعديل الكلمات باللون الأحمر:
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content=' وصف المدونة' name='description'/>
    <meta content='كلمات , دلالية' name='keywords'/>
    <meta content='رابط بانر' name='og:image'/>
    <meta content='global' name='distribution'/>
    <meta content='10 days' name='revisit'/>
    <meta content='10 days' name='revisit-after'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='إسمك بالإنجليزية' name='author'/>
    <meta content='ar' name='language'/>
    <meta content='بلدك بالإنجليزية' name='country'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>
ملحوظة : وصف المدونة يجب أن يكون جملة مفيدة وسليمة لا تتعدى 150 حرف، الكلمات الدلالية أو المفتاحية ضروري أن تفصل بينها بفاصلة ,
هذا كل ما في موضوع اليوم أتمنا لكم التوفيق
إقرأ البقية

الجمعة، 18 يوليو 2014

إضافة أخر المواضيع للبلوجر بشكل متحرك

بقلم: BR MED يوم الجمعة، 18 يوليو 2014 القسم : 0 التعليقات

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

2- النقر على التخطيط

3- ثم إضافة أدآة 

4- إختار أدآة html java script

5- قم بلصق هذا الكود داخل الإطار مع تغير رابط مدونتي باللون الأحمر

 lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>


    <style type="text/css" media="screen"><!--
    #spylist {overflow:hidden;margin-top:5px;padding:0px 0px;height:350px;}#spylist ul{width:220px;overflow:hidden;list-style-type: none;padding: 0px 0px;margin:0px 0px;}#spylist li {width:208px;padding: 5px 5px;margin:0px 0px 5px 0px;list-style-type:none;float:none;height:70px;overflow: hidden;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdAtgEyzHlbkt9y8wUCdZwmIsXQu91WPtgvLyNiB4M8bzuYM0rlo6KcEKqANm0nIq9XneKfPaFrtuZv9Hp-a3wTImvZzCAZE5Xth5Y0J8CgJFXF3OM1T7cm1bda8i9-mD_Pn1FA5jpc8YR/s1600/24work-blogspot-com.jpg) repeat-x;border:1px solid #ddd;}#spylist li a {text-decoration:none;color:#4B545B;font-size:11px;height:18px;overflow:hidden;margin:0px 0px;padding:0px 0px 2px 0px;}#spylist li img {float:left;margin-right:5px;background:#EFEFEF;border:0;}.spydate{overflow:hidden;font-size:10px;color:#0284C2;padding:2px 0px;margin:1px 0px 0px 0px;height:15px;font-family:Tahoma,Arial,verdana, sans-serif;}.spycomment{overflow:hidden;font-family:Tahoma,Arial,verdana, sans-serif;font-size:10px;color:#262B2F;padding:0px 0px;margin:0px 0px;}
    -->
    </style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
    imgr = new Array();imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8nJ4-GQ-aGrsSxvYnYIIXlXRy7WyUog1G7QWN9CcUqxuQy7ODLDqFvIIa-P9Rni8AeaadVvExQIUbyFDe-3njJlLkGQmdKBjcWtu3VypYLPpf3prcsC4ijmCsKCK0w4onA81MIOJeteIl/s1600/noimage.png";imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8nJ4-GQ-aGrsSxvYnYIIXlXRy7WyUog1G7QWN9CcUqxuQy7ODLDqFvIIa-P9Rni8AeaadVvExQIUbyFDe-3njJlLkGQmdKBjcWtu3VypYLPpf3prcsC4ijmCsKCK0w4onA81MIOJeteIl/s1600/noimage.png";imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8nJ4-GQ-aGrsSxvYnYIIXlXRy7WyUog1G7QWN9CcUqxuQy7ODLDqFvIIa-P9Rni8AeaadVvExQIUbyFDe-3njJlLkGQmdKBjcWtu3VypYLPpf3prcsC4ijmCsKCK0w4onA81MIOJeteIl/s1600/noimage.png";imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8nJ4-GQ-aGrsSxvYnYIIXlXRy7WyUog1G7QWN9CcUqxuQy7ODLDqFvIIa-P9Rni8AeaadVvExQIUbyFDe-3njJlLkGQmdKBjcWtu3VypYLPpf3prcsC4ijmCsKCK0w4onA81MIOJeteIl/s1600/noimage.png";imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8nJ4-GQ-aGrsSxvYnYIIXlXRy7WyUog1G7QWN9CcUqxuQy7ODLDqFvIIa-P9Rni8AeaadVvExQIUbyFDe-3njJlLkGQmdKBjcWtu3VypYLPpf3prcsC4ijmCsKCK0w4onA81MIOJeteIl/s1600/noimage.png";showRandomImg = true;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 70;thumbheight = 70;fntsize = 12;acolor = "#666";aBold = true;icon = " ";text = "comments";showPostDate = true;summaryPost = 40;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 10;

    home_page = "http://warch-mo.blogspot.com/";

    limitspy=4intervalspy=4000</script><div id="spylist"><script src='http://24work.webs.com/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
    </div>
هذا كل في موضوع اليوم إلى تدوينة أخرى إن شاء الله

إقرأ البقية
الاشتراك في: الرسائل (Atom)