كود أخر للمواضيع الأكثر مشاهدة بمدونة بلوجر يمكنك تجريبه لعله يكون مناسب لمدونتك .

دائما اختر اختر HTML/JavaScript وقم بلصق الكود التالي.

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2FYOUR_DOMAIN_NAME_HERE_WITHOUT_http://&num=10" type="text/javascript"></script><a href="http://bloggerstop.net/2008/10/blogger-help-how-to-add-popular-posts.html" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

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

...تابع القراءة

كود حذف عبارة "الإشتراك في الرسائل ATOM" يمكنك التحلص من هذه العبارة باستدام الكود التالي.
ابحث عن الكود التالي.

<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>

استبدله بالكود الأتي.

<b:includable id='feedLinksBody' var='links'>
      <div class='feed-links'>
      <data:feedLinksMsg/>
      <b:loop values='data:links' var='f'>
    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
      </b:loop>
      </div>
    </b:includable>

 7-  مرة ثالثة قم بالبحث عن الكود الأتي وقم بازالته.

<b:include name='feedLinks'/>

 8- قم بحفظ قالب المدونة، حلت المشكلة. 

...تابع القراءة

كود المواضيع الأكثر تعليقا بالبلوجر، اضف كود المواضيع الأكثر تعليقا الى مدونتك على البلوجر.
اختر اضافة أداة ثم اختر HTML/JavaScript. ثم قم بلصق الكود التالي.

<script language='JavaScript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "رابط مدونتك";
</script>
<script src='http://olusegun-fapohunda-calculator.googlecode.com/svn/popular-post-widget-for-blogger.js' type='text/javascript'></script>

اختر مكان مناسب للإضافة .

...تابع القراءة

اضف الى مدونتك اداة المواضيع الأكثر قراءة أو مشاهدة واترك الزوا يطلعون على أكثر المواضيع شعبية على مدونتك من خلال كود بسيط مكنك اضافته.

اختر اضافة أداة ثم اختر HTML/JavaScript.

<script language='JavaScript'>

aBold = true;

numposts=200;

maxshowresult=5;

home_page = "رابط مدونتك هنا";

</script>

<script src='http://www.webaholic.co.in/other/popular-posts-widget-for-blogger.js' type='text/javascript'></script>

 قم بحفظ العمل وعرض المدونة لمشاهدة الأداة وهي تعمل ومبروك عليك .

...تابع القراءة

كود عرض شرائح للمواضيع الاكثر مشاهده لمدونات بلوج جميل جدا.

قم باختيار إضافة أداة HTML / JAVASCRIPT واضف الكود التالي.

<style>
* {
    margin: 0;
    padding: 0;
}

body {
    font: 11px Helvetica, Arial, sans-serif;
}

#wrapper {
    width: 800px;
    margin: 60px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
    border: 10px solid #ccc;
}

.scroll {
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
    position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
    height: 318px;
}

#left-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    bottom: 0;
    background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/leftshadow.png) repeat-y;
}

#right-shadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    bottom: 0;
    background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/rightshadow.png) repeat-y;
}

.inside {
    padding: 10px;
    border: 1px solid #999;
}

.inside img {
    display: block;
    border: 1px solid #666;
    margin: 0 0 10px 0;
    width: 250px;
}

.inside h2 {
    font-weight: normal;
    color: #111;
    font-size: 16px;
    margin: 0 0 8px 0;
}

.inside p {
    font-size: 11px;
    color: #ccc;
}

a {
    color: #999;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

a:hover {
    border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

</style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="http://accordion-template.googlecode.com/svn/trunk/slidermovingbox.js" type="text/javascript" charset="utf-8"></script>

احفظ الأداة وقم بمعاينتها.

...تابع القراءة

كود اضافة أداة المواضيع الأكثر قراءة في مدونتك popular posts وهي أداة مفيدة وجذابة وتساعد الزائر على تمييز أفضل مواضيع مدونتك بطريقة سهلة ومميزة.

1. من لوحة التحكم بمدونتك اختر الأداة تخطيط  .
2. من لوحة التخطيط اختر اضافة أداة .
3. اختر HTML/JavaScript.

<script language="JavaScript">
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "www.jedide.blogspot.com";
</script>
<script src="http://sites.google.com/site/taliblogsite/file/popularpostblogger-min.txt" type="text/javascript"></script>

 قم بحفظ العمل وعرض المدونة لمشاهدة الأداة وهي تعمل ومبروك عليك .

...تابع القراءة

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

 اختر ما يعجبك من الأكواد وقم بتجريب عشرات الأكواد والهاكات الخاصة بترقيم تدوينات بلوجر blogger واختر ما يناسب مدونتك.

• ترقيم مدونات بلوجر 
• كود أخر لترقيم مدونات بلوجر بشكل بسيط
• كود أخر رائع لترقيم رسائل مدونات بلوجر
• كود جميل جدا لترقيم صفحات بلوجر
• اضافة كود أداة ترقيم مدونات بلوجر
• كود مميز لترقيم مدونات بلوجر 
• كود ترقيم صفحات بلوجر بالعربي 
• اضافة كود ترقيم مدونات بلوجر عن طريق html/javascript 

...تابع القراءة

ترقيم صفحات بلوجر أمر جيد و يسهل على الزائر عملية تصفح المدونة بشكل أفضل ويطيل مدة بقاء الزائر بالمدونة باتباع التدوينات الواحدة تلوى الأخرى.
اضافة كود أداة ترقيم مدونات بلوجر blogger بالطريقة التالية.
ابحث عن الرمز التالي ]]></b:skin> ثم أضف الكود التالي قبله مباشرة.

 .blog-pager,#blog-pager{
 font-size: 12px;font-family:tahoma;
 padding: 0.2em 0.5em; 
 margin-right: 0.1em; 
 border:1px solid #FFF; 
 background: #FFF; text-decoration: none;
 width:500px;
 } 
.showpageNum a,.showpage a {
 color: #693; 
 text-decoration: underline;
 border: 1px solid #E3E3E3; 
 text-decoration: none; 
 padding: 0.2em 0.5em;
 }  
.showpageNum a:hover,.showpage a:hover {
 border: 1px solid #693;
  }
.showpageOf{
  margin:0 8px 0 0;
  display:none;
  }
.showpagePoint {
 border: 1px solid #693;
 padding: 0.2em 0.5em;
 font-weight: bold; 
 background: #693; color: #FFF;
  } 

ثم ابحث عن الرمز </body> واضف قبله تماما الكود الأتي.

<script type='text/javascript'>;
var home_page='/';

ocation.href;
var postperpage=7;
var urlactivepage=
l
var numshowpage=4;
var upPageWord ='السابق';

src='http://navigation-blog
var downPageWord ='التالي';
</script>;
<script

 ger-zoom.googlecode.com/files/numbnav4.js' type='text/javascript'></script>}

احفظ القالب وشارك واضغط  أعجبني من فضلك.

...تابع القراءة

كود لحذف عبارة إظهار الرسائل ذات التسميات، تخلص من هذه العبارة التي تعطي مظهر سىء للمدونة.

ابحث عن الكود التالي بقالب مدونتك.

<b:includable id='status-message'> 
<b:if cond='data:navMessage'> 
<div class='status-msg-wrap'> 
<div class='status-msg-body'> 
<data:navMessage/> 
</div> 
<div class='status-msg-border'> 
<div class='status-msg-bg'> 
<div class='status-msg-hidden'><data:navMessage/></div> 
</div> 
</div> 
</div> 
<div style='clear: both;'/> 
</b:if> 
</b:includable>

قم باستبداله بالكود التالي.

<b:includable id='status-message'> 
<b:if cond='data:navMessage'> 
<div> 
</div> 
<div style='clear: both;'/> 
</b:if> 
</b:includable>

احفظ القالب وانتهت المشكلة.

...تابع القراءة

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

قم بالبحث عن الرمز ]]></b:skin> ثم قم بلصق الكود التالي قبله تماما.

/*-------------------------- Narrow black Orange-------------*/ 
.MBT-readmore{ 
background:#fff; 
text-align:right; 
cursor:pointer; 
color:#EB7F17; 
margin:5px 0; 
border-left:400px dashed #474747; 
border-right:2px solid #474747; 
border-top:2px solid #474747; 
border-bottom:2px solid #474747; 
padding:2px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
font:bold 11px sans-serif; 
} 
.MBT-readmore:hover{ 
background:#EB7F17; 
color:#fff; 
border-left:400px dashed #474747; 
border-right:2px solid #EB7F17; 
border-top:2px solid #EB7F17; 
border-bottom:2px solid #EB7F17; 
} 
.MBT-readmore a { 
color:#fff; 
text-decoration:none; 
}
.MBT-readmore a:hover { 
color:#fff; 
text-decoration:none; 
} 

ثم ابحث عن الرمز <data:post.body/> وقبله تماما أضف الكود التالي.

<b:if cond='data:blog.pageType != "item"'> 
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a> 
</b:if>

واذا أردت استخدام عبارة "اقرأ المزيد" أيقونة أو صورة بدلا من كتابة استخدم الكود التالي بدلا من السابق.

<b:if cond='data:blog.pageType != "item"'> 
<a expr:href='data:post.url'>
<div style="text-align: right;">< img src=http://xyz.com border="0"/></div></a> 
</b:if>

استبدل رالرابط الملون بالأحمر رابط الصورة أو الأيقونة واحفظ القالب.

...تابع القراءة