th3maestro

شريط اخر الاخبار لمدونات بلوجر بثلاث الوان

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAUh6A6w4Xiz8HP_F16JomgpA8xRyY22tK_Z2hsjBWezmDh-CZKEtT5JOp7TOQPiX0cLbgXQB6LR9-OvGjFYqDVrZHS9EWM6CrcbktOLAInOgxkpH6CszsvYTWuCvgN5CWQJtj_YLzY7t7/s1600/111111111.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAUh6A6w4Xiz8HP_F16JomgpA8xRyY22tK_Z2hsjBWezmDh-CZKEtT5JOp7TOQPiX0cLbgXQB6LR9-OvGjFYqDVrZHS9EWM6CrcbktOLAInOgxkpH6CszsvYTWuCvgN5CWQJtj_YLzY7t7/s1600/111111111.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">شريط اخر الاخبار لمدونات بلوجر بثلاث الوان</td></tr>
</tbody></table>
شريط متحرك بالوان مختلفه  يضم اخر اخبار المدونه بشكل احترافي.<br />
هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط  افقي متحرك يتم وضعه اسفل الهيدر  بحيث يكسب الصفحة ديناميكية ويسهل للزائر التعرف على المواضيع الحديثة في المدونة .تتميز هذه الاضافه  بجماليتها وبخفتها وقد قمت بتوفيرها بعدة الوان لكي تتناسب مع اكثر القوالب شيوعا ,وليناسب جميع الاذواق<br />
<br />
<h2 style="text-align: right;">
<span style="color: #3d85c6;">كيفية اضافة شريط احدث الاخبار الى مدوناتكم</span></h2>
<br />
1- من  لوحة التحكم -> قالب -> تحرير HTML<br />
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات <br />
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)<br />
<br />
<blockquote>
<pre class="brush:xml"></head></pre>
</blockquote>
<br />
<h3 style="text-align: right;">
وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك</h3>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW26HLEwgMBroQ_asTIAr-YBw2pNM096gN1U9B4ovWp0R6dZqimfqQVhpD47NGoHwMaTMR_fEUDJszgtKQuBPxkwG9jMf88KbBBH_rkuMmIpYcZgc8lcc3Kt8l62pjM7D6ifjk8BrJ6AWu/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW26HLEwgMBroQ_asTIAr-YBw2pNM096gN1U9B4ovWp0R6dZqimfqQVhpD47NGoHwMaTMR_fEUDJszgtKQuBPxkwG9jMf88KbBBH_rkuMmIpYcZgc8lcc3Kt8l62pjM7D6ifjk8BrJ6AWu/s1600/3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">كوداللون الازرق</td></tr>
</tbody></table>
<blockquote>
<pre class="brush:xml"><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:980px;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:#21b8ff;
-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;}
</style></b:if></b:if></pre>
</blockquote>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisB5e-P-Boo6kEkM2ptBYGUdhxEhXLHcCQ2ocw7eOoFoofvU8X6F8MZVbgUmt3rMZ-QcpCfa0dfjrkT10FvuzTlU4r3m_kR5OekB3DCOigB0eqO3fRUt7VGZ-LWi9zTd_4pJgCgy7eg83t/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisB5e-P-Boo6kEkM2ptBYGUdhxEhXLHcCQ2ocw7eOoFoofvU8X6F8MZVbgUmt3rMZ-QcpCfa0dfjrkT10FvuzTlU4r3m_kR5OekB3DCOigB0eqO3fRUt7VGZ-LWi9zTd_4pJgCgy7eg83t/s1600/1.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">كود اللون الاحمر</td><td class="tr-caption" style="text-align: center;">  </td></tr>
</tbody></table>
<blockquote>
<pre class="brush:xml"><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:980px;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:#CC1B1B;
-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;}
</style></b:if></b:if></pre>
</blockquote>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5oJ353kND72H2aQd4VV6uelhxIJWyHj0BMHdOULIsVgvZJWnPDWM2LtTmTLN3OAfEjCLIDGd0o_TeWLopT9aZJZ1jmEIY3wdLWlad14pqF6awXRPVgtcanaUjLkVwIxYH9pfITq4tdhqv/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5oJ353kND72H2aQd4VV6uelhxIJWyHj0BMHdOULIsVgvZJWnPDWM2LtTmTLN3OAfEjCLIDGd0o_TeWLopT9aZJZ1jmEIY3wdLWlad14pqF6awXRPVgtcanaUjLkVwIxYH9pfITq4tdhqv/s1600/2.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">كوداللون الاخضر</td></tr>
</tbody></table>
<blockquote>
<pre class="brush:xml"><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:980px;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:#29BD9E;
-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;}
</style></b:if></b:if></pre>
</blockquote>
 الان بعد ان قمت باختيار احد الاكواد السابقه تبقى لنا خطوه اخيره وهي اضافة كود الاداه اسفل هيدر المدونه<br />
واعلم اخي الكريم ان كود الهيدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه  السليم لذلك سوف يكون هذا الامر راجع لك<br />
<br />
<h4 style="text-align: right;">
<span style="color: red;">سوف نقوم بالبحث عن الكود التالي</span></h4>
<blockquote>
<pre class="brush:xml"><div class='main-outer'></pre>
</blockquote>
<br />
<h4 style="text-align: right;">
<span style="color: red;">ونلصق الكود التالي قبله مباشرتا

</span></h4>
<blockquote>
<pre class="brush:xml"><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'>أحدث الأخبار</span>
<div id='recentpostbreaking'>Loading...</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://th3maestro.com/', // alamat blogmu contoh http://mkr-site.blogspot.com
numpostx     = 10; // Jumlah artikel yang di tampilkan
$.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);
// kode untuk efek pada breaking news
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 5000); } else {
$('#recentpostbreaking').html('<span>No result!</span>');
        }  }, error: function() {
$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
       } }); }); 
//]]>
</script>
</b:if></b:if></pre>
</blockquote>
الان قم باستبدل الرابط التالي <span style="color: magenta;"><b>http://th3maestro.com</b></span> برابط مدونتك 
ستجد الرابط في السطر التاسع من الكود السابق باللون الوردى

الان قم بحفظ القالب والف مبروووك عليك الاضافه
</div>
</div>

شريط اخر الاخبار لمدونات بلوجر بثلاث الوان

شريط اخر الاخبار لمدونات بلوجر بثلاث الوان شريط متحرك بالوان مختلفه يضم اخر اخبار المدونه بشكل احترافي. هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط افقي متحرك يتم وضعه اسفل الهيدر بحيث يكس…

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuSfHh9E6FlP3Kd3zwWrDSMbGwm9UKsODuzAPwG4koiW-p3QS2BVDVInwLT5IkIA4k-iUs5N7mcCUKynwgjAnK-YoKig1VqCYhOxJUhMLCaJUqDl8DesAPNIJ_6ehkqyRfaTQEDYhWulw/s1600/numbered-threaded-comments-for-blogger.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuSfHh9E6FlP3Kd3zwWrDSMbGwm9UKsODuzAPwG4koiW-p3QS2BVDVInwLT5IkIA4k-iUs5N7mcCUKynwgjAnK-YoKig1VqCYhOxJUhMLCaJUqDl8DesAPNIJ_6ehkqyRfaTQEDYhWulw/s1600/numbered-threaded-comments-for-blogger.gif" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">اضافة ترقيم التعليقات في مدونات بلوجر بشكل احترافي</td></tr>
</tbody></table>
شرح كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية CSS  داخل ايقونات صغيره  بجوار التعليق  , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه  بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه<br />
<br />
<h2 style="text-align: right;">
<span style="color: red;">كيفية اضافة ترقيم التعليقات في مدوناتكم</span></h2>
<h2 style="text-align: right;">
<span style="color: red;"> </span></h2>
<div style="text-align: right;">
1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع<br />2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات <br />3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<blockquote>
<pre class="brush:xml">]]></b:skin></pre>
</blockquote>
</div>
<div style="text-align: right;">
<br /></div>
<h3 style="text-align: right;">
<span style="color: red;">والصق الكود التالي بعده تمامآ</span></h3>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<blockquote>
<pre class="brush:xml">counter-reset: countcomments;
    }
.comment-thread li:before {
 content: counter(countcomments,decimal);
 counter-increment: countcomments;
 float: right;
 font-size: 22px;
 color: #555555;
 padding-left: 10px;
 padding-top: 3px;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4AU7qZACCD3-Dry8av7tyaYpBeLgYHYWwnIzsgzeNbfmMTMe_0NFNLpOFJMmEzlo88jFG1xj721ptOgFLtadyIXVv9Nra_f1e6kSqxrrn_kjwAPnOF4QWG0hb8IPcD9qqyHLPUVwZk_Ep/s1600/comment+bubble2.png) no-repeat;
 margin-top: 7px;
 margin-left: 10px;
 width: 50px;
 /*image-width size*/
 height: 48px;
 /*image-height size*/
 }
 .comment-thread ol ol {
 counter-reset: contrebasse;
    }
 .comment-thread li li:before {
 content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
 counter-increment: contrebasse;
 float: right;
 font-size: 18px;
 color: #666666;
   }</pre>
</blockquote>
</div>
<div style="text-align: right;">
<br /></div>
<h4>
<span style="color: red;"> الان قم بحفظ القالب ومبرووك عليك الاضافه</span></h4>
<h4>
<span style="color: red;">ولتغيير ايقونة ترقيم التعليقات قم بالبحث عن الرابط التالي</span></h4>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<blockquote>
<pre class="brush:xml">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4AU7qZACCD3-Dry8av7tyaYpBeLgYHYWwnIzsgzeNbfmMTMe_0NFNLpOFJMmEzlo88jFG1xj721ptOgFLtadyIXVv9Nra_f1e6kSqxrrn_kjwAPnOF4QWG0hb8IPcD9qqyHLPUVwZk_Ep/s1600/comment+bubble2.png</pre>
</blockquote>
</div>
<div style="text-align: right;">
<br /></div>
<h4 style="text-align: right;">
<span style="color: red;">واستبدله برابط الايقونه حسب رغبتك</span></h4>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /><b>وفي ما يلي بعض من ايقونات التي يظهر داخلها ترقيم التعليق</b></div>
<div style="text-align: right;">
<br />لتغيير الايقونه، انقر بزر الماوس الأيمن على أي ايقونه، حدد نسخ عنوان URL للصورة واستبدله برابط الايقونه التي في الكود باللون الاحمر</div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndrC2TWQjH8UuOzCdLtI7P2Nu8dtT7_GfTTaWse7J5gO1AnJac_rLmpZcOx_RyyAmdmz-omGhTZ-poY3z81FOuSrsh4Cip9u3XICVomHd75a8mqrNsEe3K3ESmYDKA1LoBP5FEtzB_nfx/s1600/pink+bubble+icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndrC2TWQjH8UuOzCdLtI7P2Nu8dtT7_GfTTaWse7J5gO1AnJac_rLmpZcOx_RyyAmdmz-omGhTZ-poY3z81FOuSrsh4Cip9u3XICVomHd75a8mqrNsEe3K3ESmYDKA1LoBP5FEtzB_nfx/s1600/pink+bubble+icon.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijWsQWq8knMpEbK5cEg3D2qyqtRHhd4hpE2HOFfSYZTDVucH-wj9mofQSm8HDp4MqLXFGH2LbhXRYfcKZ6Qdccxh4RRdSxxAj5wXw4f84dVuxZ9eoTBsKHC9My1ndOCFGZekJunOYf4nlj/s1600/heart+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijWsQWq8knMpEbK5cEg3D2qyqtRHhd4hpE2HOFfSYZTDVucH-wj9mofQSm8HDp4MqLXFGH2LbhXRYfcKZ6Qdccxh4RRdSxxAj5wXw4f84dVuxZ9eoTBsKHC9My1ndOCFGZekJunOYf4nlj/s1600/heart+1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQ4Av3U-VfXC_h1Ew9eFyKsaw0RFzZDnLY5JMEWDpWlqc6Fr8MBkvB-KToMLgEFU6Y3WSPjtWkX7jP53tQBhZJJ934cASKHnYRF_QDv0Ebek9ryvSJss1m-e4UwtiMQTEuyyJbigOqagM/s1600/grey+cloud.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQ4Av3U-VfXC_h1Ew9eFyKsaw0RFzZDnLY5JMEWDpWlqc6Fr8MBkvB-KToMLgEFU6Y3WSPjtWkX7jP53tQBhZJJ934cASKHnYRF_QDv0Ebek9ryvSJss1m-e4UwtiMQTEuyyJbigOqagM/s1600/grey+cloud.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6WyFIyhgoj252ohtaaJ0kkzHgsTRpCgQrlXXy6BIUDOq1hVruFhBfTonexv77TaQTghp9SJsTOeNFHsLl0eEmMWsFN0JmufOX9L8jvKzZuG_NGrbh7cdzYcAWpcAQYU9B-VGgEAIKz77D/s1600/green+comment+bubble.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6WyFIyhgoj252ohtaaJ0kkzHgsTRpCgQrlXXy6BIUDOq1hVruFhBfTonexv77TaQTghp9SJsTOeNFHsLl0eEmMWsFN0JmufOX9L8jvKzZuG_NGrbh7cdzYcAWpcAQYU9B-VGgEAIKz77D/s1600/green+comment+bubble.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fddjrfbCUVy2zaJLYzJlf0zxO92lDOlWNfUsetijOa4n_uk7oADOWQ-Ota4I7tUvwt_GbDmhbFCyJJ6VtDShCbQb8y8nqEDWmQLN5BlACBaZx-xzA5x6KUXD-10xzThRIMgCO_hjzZDe/s1600/comment+bubble+red.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fddjrfbCUVy2zaJLYzJlf0zxO92lDOlWNfUsetijOa4n_uk7oADOWQ-Ota4I7tUvwt_GbDmhbFCyJJ6VtDShCbQb8y8nqEDWmQLN5BlACBaZx-xzA5x6KUXD-10xzThRIMgCO_hjzZDe/s1600/comment+bubble+red.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgvX23LwhXZ5cJmq8deK55WSrieFf45fy7SN7DsxbW0Bx3_tJsVvpwERFZur3DqxpHLqMmmiGrK9M9w7Dm-eNjOkvQ8PFJzjOxtSQ7-lLMyfTyjjvZPS1R4raVaZh5jOkDARwO8bfOkMx/s1600/comment+bubble+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgvX23LwhXZ5cJmq8deK55WSrieFf45fy7SN7DsxbW0Bx3_tJsVvpwERFZur3DqxpHLqMmmiGrK9M9w7Dm-eNjOkvQ8PFJzjOxtSQ7-lLMyfTyjjvZPS1R4raVaZh5jOkDARwO8bfOkMx/s1600/comment+bubble+2.png" /></a></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgarGrp3f_-pUOajdEFPl3YQSqa6Pu1znpS4S6gDaROFFORqpnqfraSGFqqwiPm6YAniPaDYo9RnnqGulJSKX4dqZsaA0CblCz5-szImD_doowCKJO-V9amsYPvvVxFXZV1zt2Zod7cRXkA/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgarGrp3f_-pUOajdEFPl3YQSqa6Pu1znpS4S6gDaROFFORqpnqfraSGFqqwiPm6YAniPaDYo9RnnqGulJSKX4dqZsaA0CblCz5-szImD_doowCKJO-V9amsYPvvVxFXZV1zt2Zod7cRXkA/s1600/3.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilnM4hmTQNK44LRWpCZVBD1HBbDyXamSehJl276CQYrUZG2FvmfJS-hgwpkJwAa840grXT74r3vUX6gDPHeKpaRoaQpUSXnCHFVE9ZdYKHRB9k-6_2V1bktZlsSFXVpmKHKOt2vIKs3QRu/s1600/round.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilnM4hmTQNK44LRWpCZVBD1HBbDyXamSehJl276CQYrUZG2FvmfJS-hgwpkJwAa840grXT74r3vUX6gDPHeKpaRoaQpUSXnCHFVE9ZdYKHRB9k-6_2V1bktZlsSFXVpmKHKOt2vIKs3QRu/s1600/round.png" /></a></div>
<div style="text-align: right;">
<br /></div>
</div>

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

اضافة ترقيم التعليقات في مدونات بلوجر بشكل احترافي شرح كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية CSS داخل ايقونات صغيره بجوار التعليق , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة ب…

مزيد من المعلومات »

اضافة تسمح لزوار مدونتك باختيار لون خلفية المدونه حسب رغبتهم

اضافة تسمح لزوار مدونتك باختيار لون خلفية المدونه حسب رغبتهم

اضافة تسمح لزوار مدونتك باختيار لون خلفية المدونه حسب رغبتهم اقدم لكم اضافه جديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانون من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه…

مزيد من المعلومات »

اضافه اداة لترجمة مدونتك على بلوجر باكثر من شكل

<div dir="rtl" style="text-align: right;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ruH7UtFua9MnoJRduKjBE752KiNTMONLAfmujNNUoy-bdqnrVf0hOzBAT9_uD-ggh80RYQhvemLvSnV5Erwrr4fd7kctNC_kUBtOnN4boJD3dQ4KygHRFQD8OnJCGR2LoCPkHR4q1R5K/s1600/11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ruH7UtFua9MnoJRduKjBE752KiNTMONLAfmujNNUoy-bdqnrVf0hOzBAT9_uD-ggh80RYQhvemLvSnV5Erwrr4fd7kctNC_kUBtOnN4boJD3dQ4KygHRFQD8OnJCGR2LoCPkHR4q1R5K/s1600/11.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">اضافه اداة لترجمة مدونتك على بلوجر باكثر من شكل</td></tr>
</tbody></table>
<b>اضافة يبحث عنها الكثيرين وهي برأيي مهمة جداً</b><br />
<b><br />أضف اداة الترجمة لمدونتك translate</b><br />
<b><br />نعم وبأشكال متنوعة وجميلة </b><br />
<br />
<h2 style="text-align: right;">
<b> <span style="color: red;">طريقة التركيب</span></b></h2>
<b><br />1- الذهاب الى لوحة التحكم<br />2- انقر على تخطيط<br />3- اختار اضافة اداة<br />4- اختر اداة الـ html/javascript<br /><br /></b><br />
<h3 style="text-align: right;">
<b><span style="color: red;"> ضع الكود الاداة التي اعجبتك</span> </b></h3>
<b><br /></b>
<h4 style="text-align: right;">
<span style="color: red;"><b>ملاحظة تستطبع تركيبها ايضاً عبر القالب مباشرتاً  </b></span></h4>
<br />
<h2 style="text-align: right;">
<b><span style="color: red;"><b>أولا اداة الترجمة الخاصة بجوجل</b> </span></b></h2>
<b><br /></b>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdhJMSNfXF5b1ONXoCzWSe4RJn7wq2-S316dawL6qYidAXrIFTjmMuoUjZN92ylsHXQO3Nj89IO4muzUPQ26YdUCrBzkm4X64lTE2_y0d9D6L2-2BuG-w3CmFS4UVByGmzv1nAeofCOjD/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdhJMSNfXF5b1ONXoCzWSe4RJn7wq2-S316dawL6qYidAXrIFTjmMuoUjZN92ylsHXQO3Nj89IO4muzUPQ26YdUCrBzkm4X64lTE2_y0d9D6L2-2BuG-w3CmFS4UVByGmzv1nAeofCOjD/s1600/3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>أولا اداة الترجمة الخاصة بجوجل</b></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirsiSjxW1cgguN_Kvhhj4RLvKCP-yYbLKG-BYh3jJis2atvqsEgJZZaTId-MGnGV68QJVwsKfcJDAA0vS7zvqFElCjTsyNsNch4ktzDYkUsTwKpemDhfjj2LLTt9nFmuRXr6Mc88-w6oHs/s1600/google.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirsiSjxW1cgguN_Kvhhj4RLvKCP-yYbLKG-BYh3jJis2atvqsEgJZZaTId-MGnGV68QJVwsKfcJDAA0vS7zvqFElCjTsyNsNch4ktzDYkUsTwKpemDhfjj2LLTt9nFmuRXr6Mc88-w6oHs/s1600/google.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">صورة لاداة ترجمة جوجل</td></tr>
</tbody></table>
<h3 style="text-align: right;">
<b>لاضافة هذه الاداه انسخ الكود التالى كاملا </b></h3>
<b><br /></b>
<b></b><br />
<blockquote>
<pre class="brush:xml"><b><div
 id="google_translate_element">
</div>
<script> function googleTranslateElementInit() { new 
google.translate.TranslateElement({ pageLanguage: 'en' }, 
'google_translate_element'); } </script><script 
src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></b></pre>
</blockquote>
<b>
</b><br />
<br />
<h3 style="text-align: right;">
<b><span style="color: red;">ثانيا اداة الترجمه الخاصه بالياهو </span></b></h3>
<b><br /></b>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGopTz_pYYdRRocquHja0dooZ8TUbJK9hA4dTN4UKGxnkGFjCSj70xxNfj1Fjj5RoSH5VyA-Ht17BVOn5BBDVYZy2HEqKkm7sgJbrGc2ZEImUCPjfOn_g3Fdj9NrwhkeLMS-AD47Gyf1Xf/s1600/yahoo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGopTz_pYYdRRocquHja0dooZ8TUbJK9hA4dTN4UKGxnkGFjCSj70xxNfj1Fjj5RoSH5VyA-Ht17BVOn5BBDVYZy2HEqKkm7sgJbrGc2ZEImUCPjfOn_g3Fdj9NrwhkeLMS-AD47Gyf1Xf/s1600/yahoo.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">ثانيا اداة الترجمه الخاصه بالياهو</td></tr>
</tbody></table>
<br />
<h3 style="text-align: right;">
<b>لاضافة هذه الاداه انسخ الكود التالى كاملا </b></h3>
<b><br /></b>
<b></b><br />
<blockquote>
<pre class="brush:xml"><b><script
 type="text/javascript" charset="UTF-8" language="JavaScript1.2" 
src="http://uk.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=en®ion=us"></script></b></pre>
</blockquote>
<b>
</b><br />
<b><br /></b>
<br />
<h3 style="text-align: right;">
<span style="color: red;"><b>ثالثا أداة الترجمة الخاصة بمايكروسوفت</b></span></h3>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vLz-GSAKIWmhyphenhyphen2bQAGIsd9EIeSb5AxNp8OL414GO9Sfvh8poePP42tNMLiZa05MpKAsNuellGaJf2IHsJ8oD1-eHfc1r65YwHVAzfBRT4tXNMsom3DVq3AYHYqZOn2SB3SZpYcv1lz9p/s1600/microtrans.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vLz-GSAKIWmhyphenhyphen2bQAGIsd9EIeSb5AxNp8OL414GO9Sfvh8poePP42tNMLiZa05MpKAsNuellGaJf2IHsJ8oD1-eHfc1r65YwHVAzfBRT4tXNMsom3DVq3AYHYqZOn2SB3SZpYcv1lz9p/s1600/microtrans.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>ثالثا أداة الترجمة الخاصة بمايكروسوفت</b></td></tr>
</tbody></table>
<b><br /></b>
<br />
<h3 style="text-align: right;">
<br /><b>لاضافة هذه الاداه انسخ الكود التالى كاملا </b></h3>
<b><br /></b>
<b></b><br />
<blockquote>
<pre class="brush:xml"><b><script type="text/javascript" src="http://www.microsofttranslator.com/translatepagelink.aspx?pl=en"></script></b></pre>
</blockquote>
<b>
</b><br />
<b><br /></b>
<br />
<h4 style="text-align: right;">
<b>يمكنك تغير شكلها ليصبح هكذا </b></h4>
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeihrknhEGzzc2SXaKVO14fKukrmQLZa4hwdpXZ_uuJM116ASoW1Juc-d-14XeirDha-1hkuLeKsoFcBaSKFgM16kl9Gl_sNSTOOeqbilTDeSf3Rloimx-LuEW2MC2OiTc7vPI4plzu7a/s1600/microtrans2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeihrknhEGzzc2SXaKVO14fKukrmQLZa4hwdpXZ_uuJM116ASoW1Juc-d-14XeirDha-1hkuLeKsoFcBaSKFgM16kl9Gl_sNSTOOeqbilTDeSf3Rloimx-LuEW2MC2OiTc7vPI4plzu7a/s1600/microtrans2.png" /></a></div>
<br />
<div style="text-align: center;">
<b>وذلك بالدخول <a href="http://www.microsofttranslator.com/Widget/" rel="nofollow" target="_blank">هنـا</a></b></div>
<br />
<h3 style="text-align: right;">
<span style="color: red;">وآخيرا الاداة المميزة</span></h3>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4_QXt98JpuIdouFOmMfu2c3Pw7gJZpO03V3P8dH8XKCFhNO1yUvXZRaDlQPFIz4s4YFGwHGLifBC1_i4Ihp9OuKiqqUrsnkFF2E3TNtd3v29F-1juRBkl_p4ETaTdtUXkGWgK4wOtnFga/s1600/translatethis.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4_QXt98JpuIdouFOmMfu2c3Pw7gJZpO03V3P8dH8XKCFhNO1yUvXZRaDlQPFIz4s4YFGwHGLifBC1_i4Ihp9OuKiqqUrsnkFF2E3TNtd3v29F-1juRBkl_p4ETaTdtUXkGWgK4wOtnFga/s1600/translatethis.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">الاداة المميزة</td></tr>
</tbody></table>
<h4 style="text-align: right;">
<b>تصبح هكذا عند مرور الماوس عليها</b></h4>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKp76Zt2XvpqBc2MpPj2wa6TwYmJr87KbRj_IcIBtg26oCIHu4SjdEdoM1Lye9bpYiaY_7aBYB9nKX94KdES8iqLtd06FrZ4z7twJN3cXsQiOqaaet9E8eIjyBWiS3JeI6Rfp-oQwR7o0/s1600/translatethis1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKp76Zt2XvpqBc2MpPj2wa6TwYmJr87KbRj_IcIBtg26oCIHu4SjdEdoM1Lye9bpYiaY_7aBYB9nKX94KdES8iqLtd06FrZ4z7twJN3cXsQiOqaaet9E8eIjyBWiS3JeI6Rfp-oQwR7o0/s1600/translatethis1.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>عند مرور الماوس عليها</b></td></tr>
</tbody></table>
<h3 style="text-align: right;">
<b> </b><b>لاضافة هذه الاداه انسخ الكود التالى كاملا </b></h3>
<b><br /></b>
<b></b><br />
<blockquote>
<pre class="brush:xml"><b> <div id="translate-this">
<a href="http://translateth.is/" 
class="translate-this-button">Translate</a></div>
<script type="text/javascript" 
src="http://www.google.com/jsapi"></script> <script 
type="text/javascript" 
src="http://x.translateth.is/translate-this.js"></script> 
<script type="text/javascript"> TranslateThis(); </script> 
</b></pre>
</blockquote>
<b>
</b><br />
<b><br /></b>
<b><br /></b>
<br />
<h4 style="text-align: center;">
<b>اتمنى ان تنال اعجابكم</b></h4>
</div>

اضافه اداة لترجمة مدونتك على بلوجر باكثر من شكل

اضافه اداة لترجمة مدونتك على بلوجر باكثر من شكل اضافة يبحث عنها الكثيرين وهي برأيي مهمة جداً أضف اداة الترجمة لمدونتك translate نعم وبأشكال متنوعة وجميلة طريقة التركيب 1- الذهاب الى لوحة التحكم2- ا…

مزيد من المعلومات »

Title

شريط اخر الاخبار لمدونات بلوجر بثلاث الوان

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

اضافة تسمح لزوار مدونتك باختيار لون خلفية المدونه حسب رغبتهم

اضافه اداة لترجمة مدونتك على بلوجر باكثر من شكل