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

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

دائما اختر اختر 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>

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

اقرأ المزيد

كود المواضيع الأكثر قراءة أو مشاهدة بمدونتك

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

اختر اضافة أداة ثم اختر 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

كود اضافة أداة المواضيع الأكثر قراءة في مدونتك 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>

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

اقرأ المزيد