تازەترین هەواڵ
http://1.bp.blogspot.com/-tm6A1lUiFlA/UgZH80KcCYI/AAAAAAAAUOU/GCVNQvbUiAU/s1600/888.jpg
http://3.bp.blogspot.com/-hDYPrnsreLk/VQE643MVZdI/AAAAAAAAbsY/Teok57BxaKo/s1600/sarawar1.pnghttp://1.bp.blogspot.com/-BJZM5WSPCjY/VQE65bmkEMI/AAAAAAAAbsk/8jjf-pfEUzk/s1600/shahidan.pnghttp://2.bp.blogspot.com/-UE255vVBl-k/VQE64LF4oQI/AAAAAAAAbsQ/FO_GfHJkt0w/s1600/peshmarga.pnghttp://3.bp.blogspot.com/-1idXsU2UJMM/VQE63EDcX_I/AAAAAAAAbsI/v4kN56aC15I/s1600/karikater.pnghttp://2.bp.blogspot.com/-X7RrV86fPU0/VQE63M2gYLI/AAAAAAAAbsM/IRYATkRNyp0/s1600/nawdaran.pnghttp://2.bp.blogspot.com/-bfTrV0DY1bc/VQE63Ct_buI/AAAAAAAAbss/5zz63Jn3irk/s1600/kodi%2Brang.png
http://1.bp.blogspot.com/-tm6A1lUiFlA/UgZH80KcCYI/AAAAAAAAUOU/GCVNQvbUiAU/s1600/888.jpg

......






























































































































































بؤ تويتةر
http://www.bloggertricksandtips.in/2012/01/add-cute-small-twitter-follow-button.html
دوو بلوكةرى موهيم
http://iraqiblogs.blogspot.com/
http://bl-c.blogspot.com/





بؤ باكراوند http://colrd.com/page13/
































http://www.elebda3.net/msn_gif.php
























































































بؤ ديزاين و ئايكؤن http://www.fordesigner.com/

بؤ ئةوةى بزانيت جةن كةس لةسةر خةتة http://whos.amung.us/

بؤ كؤرينى لاثةرةى سةرةكى و هةوالى تازةو كؤ http://www.net4ar.com/

لةم سايتةدا بؤ كورينى ماوس كؤبيةكى ماوسةكة وةركرة و لة جافايةكدا داينة http://www.cursors-4u.com/


..........................................................................................................................................
بؤ كردنةوةى هةموو لابةرة و لينكيك بة بةرةيةكى جياواز
تحرير html ... ستجد في كود القالب كلمة <head>

اضغط مسافة واحدة بعدها
ثم اضف الكود التالي




كود:

<base rel="nofollow" target='_blank'/>
.................................................................................. 



 مالبةر بؤ شةبؤلى ئاو وينة http://www.photofiltre-studio.com/freeware/reflet-en.htm
..........................................................................................................................................
بؤ نةمانى لابةرى رةش
  1. لوحة التحكم > تصميم > تحرير HTML
  2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
  3. وسع قوالب عناصر الواجهة.
  4. اضعط CTRL+F و ابحث عن </html>
  5. ألصق فوقها الكود التالي :
<script type='text/javascript'>
gooimg = document.getElementById('main');
goobox = gooimg.innerHTML;
goobox = goobox.replace("'lightboxEnabled': true,","'lightboxEnabled': false,");
gooimg.innerHTML = goobox;
</script>
......................................................................................................
بؤ سةرةوة بؤ خوارةوةى سايت لة لاكةشةوة
  1. لوحة التحكم >عناصر الصفحة > إضافة أداة HTML/JavaScript
  2. قم بلصق الكود التالي :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.m5tar.blogspot.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="رابط الصورة" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
   
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'إصعد إلى الأعلى !'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>
.......................................................................................................................................................
بؤ فةيس بوك و تويتةرى جولاو HTML/Java Script
ثم اضف الكود التالي
<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;   
-moz-transition: ease-in 0.2s all;   
-o-transition: ease-in 0.2s all;   
-ms-transition: ease-in 0.2s all;   
transition: ease-in 0.2s all;
cursor:pointer;
}

.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}

.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS-->
<a class='rss' href="رابط  الخلاصة" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="رابط صفحتك على جوجل بلاس" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="رابط صفحتك على الفيس بوك" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="رابط صفحتك على تويتر" rel='external nofollow' target='_blank' ></a>

</div>
..................................................................................................................

طريقة إظهار عنوان التديونة فقط بدون مقتطف:
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
1. ادخل الى لوحة التحكم ثم التصميم ثم تحرير ال HTML وقم بتوسيع القالب .
2. لا تنسى بأخذ نسخة احتياطية من القالب الخاص بك .
3. ابحث عن هذا الكود </head>
ثم أضف قبله مباشرة هذا الكود:



<style type='text/css'>

    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    .post {

    margin:.5em 0 1.5em;

    border-bottom:0px dotted $bordercolor;

    padding-bottom:1.0em;

    height:50px;

    }

    .post h3 {

    margin:.25em 0 0;

    padding:0 0 4px;

    font-size:20px;

    font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

    font-weight:normal;

    line-height:1.4em;

    color:#cc6600;

    }



    .post h3 a, .post h3 a:visited, .post h3 strong {

    display:block;

    text-decoration:none;

    color:#cc6600;

    font-weight:normal;

    }

    .post h3 strong, .post h3 a:hover {color:#333333;}

    .post-body {display:none;}

    .post-footer {display:none;}

    .comment-link {display:none;}

    .post img {display:none;}

    .post blockquote {display:none;}

    .post blockquote p {display:none;}

    h2.date-header {display:none;}

    .post-labels {display:none;}

    .post-rating {display:none;}

    </b:if>

</style>

المصدر:مدونة علي شار http://www.alishare.info/2012/07/blog-post.html#ixzz24PJt7rLm
..................................................................................................

http://www.hawlertech.com/unicode/

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>


 كودى سةعات و سايتةكةش  http://wedadsalah.blogspot.com

<iframe ALLOWTRANSPARENCY="true" src="http://free-zg.t-com.hr/Pija/Cuteclocks/CCB4en.htm" width=257 height=204 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no name="I1"></iframe>


دلير دارى خلة
http://www.facebook.com/photo.php?fbid=287236907992162&set=a.159553584093829.30766.100001175660456&type=1&theater


سايت بؤ سةعاتى بلوكةر http://www.csalim.com/gallery.php
لينكى يونيكود      http://www.hawlertech.com/unicode/


...................................................
بؤ سلايدةرةكةى ئيستا http://oreeen.blogspot.com/2011/09/blog-post_9048.html

ماوسي سةوز
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur130.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-mint-sharp-pointer.html" target="_blank" title="Awesome Mint Sharp Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Awesome Mint Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
 ................................................................
http://www.elebda3.net/msn_gif.php
 .....................................................................

بؤ سلايدةكةى خؤم
طريقة تركيب الاضافة :

من رئيسية المدونة توجهوا الى | تصميم | تحرير html | وابحثوا عن الجملة التالية :
 
</head>
ومن ثم قوموا بادراج الكود التالي قبلها فقطـ ..
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {

//Execute the slideShow, set 6 seconds for each images
slideShow(3000);

});

function slideShow(speed) {


//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});

//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});

//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
        function () {
                clearInterval(timer);
        },
        function () {
                timer = setInterval('gallery()',speed);
        }
);

}

function gallery() {


//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));

//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
                //Display the content
                $('#slideshow-caption h3').html(title);
                $('#slideshow-caption p').html(desc);
                $('#slideshow-caption').animate({bottom:0}, 500);
});

//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}

//]]>
</script>

<style type="text/css">
ul.slideshow {
list-style:none;
width:400px;
height:250px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:400px;
height:250px;
border:none;
}
#slideshow-caption {
width:500px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>
ثم قوموا بحفظ العمل والتوجة الى الخيار " عناصر الصفحة "
ومن هناك اختاروا اضافة اداة html في اي مكان تريدونه في المدونة أنصح شخصيا بوضعها فوق مربع عرض المواضيع تماما مثل الصورة ..
وقوموا باضافة هذا الكود .. 

<ul class="slideshow">
  
<li><a href="هنا رابط التدوينة رقم 1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmFEsJXuaKKak2ZXOde0vTAZbx6VY9xbiGy0d9NNM9N8xWPEhZTLXNQMi1ui_bBCnLB73iNz7N1D2K_J5Q8PCwtS03s8Wj3lNC5N989hwm3X0h67UMoY3nuWISWnpS8E7C54halx27LbrA/s1600/image+4.jpg" title="هنا قم بكتابة عنوان الموضوع1" alt="Image 1 Description here" /></a></li>
  
<li><a href="هنا رابط التدوينة رقم 2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUf7UmAag1_rB2nnnZgGUP0Orh2k8T7YlYYieeI0WMBIHOHNN1VYwPADlQVQoDOG-ojEYz04Nhdxv-qJoeoQOEDgs55aSWtZ0V6YvLHj-619CmxES_onNbouuZBYACJ4_lA843GvxS9k5/s1600/image+1.jpg" title="Image 2 title here" alt="هنا قم بكتابة عنوان الموضوع2" /></a></li>
  
<li><a href="هنا رابط التدوينة رقم 3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvXC5i28F_jaS-v64XbdFh51Cgyl9J-x-K0TPaPgMT8t8pFUv8rLZ5erQ_1Z4VMptnXefmhZdY1iFI-grUAE-yV3GxhK6X15sZTpI8cKHCNf6GY9C5KtC0KfthnDkEI-gmJVKj0pl359Zn/s1600/image+3.jpg" title="Image 3 title here" alt="هنا قم بكتابة عنوان الموضوع3" /></a></li>
  
<li><a href="هنا رابط التدوينة رقم 4"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2x92_mXXvM994L12Lzy3VYBpec0ZEK_tEfrSgT7XvOVpBg8p0YhVSswvnMMHGhafzqcndGNZy3rLna1cJ3oJn42YRGuYLdOnFbLei1HVzA0yo2uErzDkP1ScwsvAGNdtNoDyGRAhdBT-_/s1600/bla_image.png" title="Image 4 title here" alt="هنا قم بكتابة عنوان الموضوع4" /></a></li>
</ul>


طريقة تخصيص الكود وتغيير محتواه :

- اللون الأزرق استبدله بعنوان " رابط " التدوينة التي تريد عرضها
- اللون الاحمر هو كود الصوره غير الروابط فقط .

- اللون الاخضر استبدل كل وصف أخضر بوصف عنوان التدوينة التي تخص الصورة .

.................................
؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

شرح إضافة خاصية إقرأ المزيد اوتومايتيكية

اذهب الى قالب مدونتك وابحث عن :
</head>
ثم ضع هذا قبله ( فوقه ) :
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogger-araby.googlecode.com/svn/Read-More.js' type='text/javascript'/>
ما باللون الاحمر هو طول الملخص بدون صورة
ما باللون الازرق هو طول الملخص بصورة
ما باللون الاخضر هو ارتفاع الصور
ما باللون الارجوانى هو عرض الصورة

ثم إبحث عن هذا الكود :
<data:post.body/>
واستبدله بهذا الكود :
<p><b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> ...تابع القراءة</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>
يمكنك استبدال ما باللون الاحمر بالكلمة التى تريدها ... 
لإضافة صورة بدلا من كلمة إقرأ المزيد استبدل ما باللون الاحمر بالكود التالى :
 <img src="رابط الصورة" /> 

المصدر:مدونة عرب بلوجر http://blogger-araby.blogspot.com/2012/05/read-more-widget-for-blogger.html#ixzz2EcqfUrO9


.............................................................
بؤ فةيسبوكى جولا يةكةمة لة جافا سورةكة بكريتة ناونيشانى بةيجةكة
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWy5JCkJsyqkLZ3kO1JFj9vBGWo-XDXCjo4eI1LNmowfThTguhq2VXA54Y8lB2xyN1aq-SnX4r8Yz6ipZYlhF12x-NQExNM7Dnp01sdJGcDqII0_klVb_ehC9Rmk9pTFwIXocoQrYnA7w/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.abtlikebox span a{color: gray;text-decoration:none;}
.abtlikebox span a:hover{text-decoration:underline;}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Farabytech&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.arabytech.blogspot.com"> All Blogging Tips</a></span>
</div>



>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
بؤ دانانى رةسم لاى عنوانى هةوال 
طريقة تركيب الاضافة
من قائمة التحكم الرئيسية المحدثة من طرف بلوجر أنقر على قالب 
ثم تحرير html 
ثم متابعة
 علم على توسيع القالب
 ثم ctrl+f
الان ابحث عن الكود التالي

     <a expr:href='data:post.url'><data:post.title/></a>   

بعد ايجادك للكود اسنبدله بالكود التالي 
<a expr:href='data:post.url'><img src="ضع هنا رابط الصورة"/><data:post.title/></a>  








>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
كود بؤ كردنوةى هةوالةكان وةكو دةفتةرة يةك لة دواى يةك دةكريتةوة جافا
<script type="text/javascript">
 // 7 variables to control behavior
 var Book_Image_Width    =140;
 var Book_Image_Height   =225;
 var Book_Border         =true;
 var Book_Border_Color   ="gray";
 var Book_Speed          =15;
 var Book_NextPage_Delay =1500; //1 second=1000
 var Book_Vertical_Turn  =0;
 // variables for content
 var random_posts        = true; // random posts
 var numposts_gal        = 10;   // number of posts
 </script>
 <script src="http://sites.google.com/site/javacodehtml/galeryposts-bookflip.js" type="text/javascript"></script>
 <script src="http://sites.google.com/site/javacodehtml/bookflip.min.js" type="text/javascript"></script>
 <div id="Book" style="position:relative">
 <img src="http://2.bp.blogspot.com/-KV2fsvI_JcQ/Tvr7UKAwONI/AAAAAAAADgA/_5gfytH7OWI/s1600/placeholder.gif" width="144" height="227" />
 </div>
 <script src="http://raykcool.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
 <script type="text/javascript">
 ImageBook();
 </script>

عليك طبعا تغيير رابط مدونة رايق برابط مدونتك ...

ملاحظة : اذا اردت تغيير ارتفاع و عرض الكتاب بالصور قم بتغيير :

var Book_Image_Width    =140;
 var Book_Image_Height   =225;
............................................................................................................
بؤ كةورة كردنةوةى وينة كاتيك ماوس بةسةريدا تيبةر دةبي

<center>
<image src="رابط الصورة" onmouseover="this.height='300';this.width='300'" 
onmouseout="this.height='200';this.width='200'"
height="200" width="200">
<center>
<center>
<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXENwI63jbAb3Rn7cYSX9ObAbkR0I1_UCQblpnrdf4BDSyygLaZn1C9qTjMVGUpMUQ1JvW0ZNlo6IjLzcnMY4NuPqZUQ3Y77-5w9QHvhLUwqSNH9lA-Wo-LdnXoY4phkthVeoShXM6039R/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center></center></center>
..................................................................................................
فةيسبوك ووينتةر كوكل و لة ناو شتيكى خردان 
<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class="shr_ss shr_publisher">
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->
...............................................................................................................................................................
بؤ ئةوةى رةسميك سابت بكةيت بؤ مناسةبةكان ئةم كودة بةكار بينة  بؤ لاى راست
<a href='http://3youni1.blogspot.com/'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6qntrdebi5y7oH9OOYgbZQ3Y9oLhLOkZ8M82GDySP8SGQYQPUEHiDKJds2Te4SxGG_GDGC8dq-wwPeWjruriiIQ8OHFpDyLJmmh8fjA-vpPnwEtx0GZKFOF0-h_xP_lG6OmE5jyLMgQpr/s1600/best+blogger+tips.png'/></a><div style='position: fixed; top: 0%; right: 0%;'/>
<a href="http://adsenseobs.blogspot.com" target="_blank"><img alt="Blog Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZJNhvL6UilKsF-3sOeQ6u0WZfBxxEFQXrOcxvptc7my-Vowt4fngSGZacI1Z99o1ZZmzBnb1TBJncYUfE3ltJk8garVVAo_NZU1MUoNZa0-vKWya9gUHdvH3jTFf9WTNYBj3iL6PO1bj/s1600/merry+christmas+blogger+banner.gif"/></a>
</div>
............................................................................................................
بؤ ئةوةى رةسميك سابت بكةيت بؤ مناسةبةكان ئةم كودة بةكار بينة  بؤ لاى جةب
<a href='http://3youni1.blogspot.com/'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6qntrdebi5y7oH9OOYgbZQ3Y9oLhLOkZ8M82GDySP8SGQYQPUEHiDKJds2Te4SxGG_GDGC8dq-wwPeWjruriiIQ8OHFpDyLJmmh8fjA-vpPnwEtx0GZKFOF0-h_xP_lG6OmE5jyLMgQpr/s1600/best+blogger+tips.png'/></a><div style='position: fixed; top: 0%; Left: 0%;'/>
    <a href="http://adsenseobs.blogspot.com" target="_blank"><img alt="Blog Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB7JtijaxOzzzjFzVxTwtul2hOxHrq8LdQzROJctRweJNztyG1CzF9C3NJORESXLvIjD93ze1a9bY53PXTP2pEk23bRXX1VWJddGczU6WDKJDJ6ilKiIjYqa2vT67Ct7eu7EJKxwV4-1yf/s1600/77.png"/></a>
    </div>
............................................................................................................................
كودى اعلان كردن
<!-- / tleradio.blogspot.com من موقع --><br /> <div align="center"><br /> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="680"><tbody><tr><td class="alt1" align="right"><br /> <marquee scrollamount="3" scrolldelay="0" direction="right" onmouseover="this.stop()" onmouseout="this.start()"><br /> <br /> <table width="100%" cellpadding="10" cellspacing="0" border="0" align="right"><tbody><tr><!-- بداية إعلان محدد --><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt=" اعلن هنا" /></a><br /> <!-- نهاية إعلان محدد --><br /> <br /> <!-- كود الاعلان الاول --><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="ضع اسم الموقع هنا" /></a><br /> <!-- نهاية كود الاعلان الاول --><br /> <br /> <!-- كود الاعلان الثانى --><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt=" ضع اسم الموقع هنا " /></a><br /> <!-- نهايه كود الاعلان الثانى --><br /> <br /> <!-- كود الاعلان الثالث --><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt=" ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان الثالث --><br /> <br /> <!-- كود الاعلان الرابع --><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهايه كود الاعلان الرابع --><br /> <br /> <!-- كود الاعلان الخامس --><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان الخامس --><br /> <br /> <!-- كود الاعلان السادس--><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان السادس--><br /> <br /> <!-- كود الاعلان السابع--><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان السابع--><br /> <br /> <!-- كود الاعلان الثامن--><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان الثامن--><br /> <br /> <!-- كود الاعلان التاسع--><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان التاسع--><br /> <br /> <!-- كود الاعلان العاشر--><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان العاشر--><br /> <br /> <!-- كود الاعلان الحادى عشر--><br /> </td><td nowrap=""><br /> <a href="http://tleradio.blogspot.com" target="_blank"><br /> <img border="0" src="http://www13.0zz0.com/2011/09/30/00/153160107.gif" width="150" height="60" alt="  ضع اسم الموقع هنا " /></a><br /> <!-- نهاية كود الاعلان الحادى عشر--><br /> <br /> </td></tr></tbody></table></marquee></td></tr></tbody></table><br /> </div>
.............................................................................

بسم الله والصلاة والسلام على رسول الله .. هذا الموضوع يبين لك طريقة إضافة بنر إعلاني متغير , بحيث يتغير في كل مرة يتم فيها تحميل الصفحة اوتوماتيكيا.


شرح الإضافة:
1 توجه إلى تصميم / إضافة أداة HTML/JavaScript 

ثم ألصق السكربت التالي :
<script type="text/javascript">
image0="http://www.w3schools.com/banners/w3schools.gif";
href0="/default.asp";
alt0="W3Schools.com";

image1="http://www.w3schools.com/banners/rd_htmlref.jpg";
href1="http://www.w3schools.com/html/html_reference.asp";
alt1="HTML Reference";

image2="http://www.w3schools.com/banners/rd_xhtml.jpg";
href2="http://www.w3schools.com/xhtml/default.asp";
alt2="ASP Free";

len=3;

now=new Date();
now=now.getSeconds();
rnd=now%len;

image=eval("image"+rnd);
href=eval("href"+rnd);
alt=eval("alt"+rnd);

document.write("<a href='" + href + "'>");
document.write("<img src='" + image + "' alt='" + alt + "'></a>");
</script>

استبدل رابط الصورة بصور أخرى .


وتستطيع إضافة أكثر من الثلاث صور 

ضيف هذا الكود فوق len=3;

image3="http://www.w3schools.com/banners/rd_htmlref.jpg";

href1="http://www.w3schools.com/html/html_reference.asp";

alt3="HTML Reference";
..............................................................................................................
بؤ فيس بوك توتيةر ى زير هةوالةكان https://www.addthis.com/get/sharing#.UP5EAfIwfGU











بؤ سلايد شو هةوالةكان ئةمةى سةرةوةى خؤم
لمعاينة السلايدر شو من هنا
و هده صورة للإضافة


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

كود HTML:
<style type="text/css">
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:250px}
#slides li{width:49.9%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#0097BD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://softglad.at.ua/images/fadebg.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #00BD79;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides h4{position:absolute;bottom:30px;margin:0;font-size:18px;font-family:Arial;left:0;padding:0 10px;color:white;z-index:3;line-height:20px;font-weight:normal}
#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px}
#slides .label_text{font-size:9px;color:white;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none}
#slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#buttons{margin: 5px auto;text-align: center;background:#00BD79;width: 10%;}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
#buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
#buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:49.8%}
  #slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%}
  #slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%}
  #slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%}
}
</style>
<div id="featuredpost"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://softglad.at.ua/widgets/slider.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://wepnew.blogspot.com/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
و تغيير رابط مدونتي بمدونتك http://wepnew.blogspot.com.........................................................

  • قم باختيار اداه جديده “واختر المشاركات الشائعه”(ان كانت مضافه عندك من قبل لا تقم باضافتها ثانية)
  • فوقها مباشرة قم بفتح اداه جديده “من هذا النوع جافا سكربت “HTML/Javascript”
  • كما في الصوره بالاسفل وضع داخل الاداه الكود الموجود في الصوره المرفقه داخل التدوينه وقم بحفظها.
<style type="text/css">
.cube { width: 200px; height: 200px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script
>
..........................................................................


كيفية تركيب الاضافة

اتبع الخطوات التالية:
  1. اذهب الى لوحه التحكم فى blogger
  2.  تخطيط
  3. أضافه أداة
  4. اختار HTML/JavaScript
  5. اضف الكود التالي  واضغط حفظ :

<div class="widget-content">
<center><b>إختر لونك المفضل</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>
 ملاحظة: غير كلمة اختر لونك المفضل بما يناسبك.
لقد انتهينا الان, لا تبخلوا علينا بتعليقاتكم او استفساراتكم والي اللقاء
................................



 زور موهيمة بؤ سايت



<a href="الرابط"><img src="رابط الصورة الأولى" onmouseover="this.src='رابط الصورة الثانية'" onmouseout="this.src='رابط الصورة الأولى'" /></a>


 .............................................................
  بؤ ريكردنى ضةند وينةيةك

<marquee align="left" direction="left" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="500">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuD5AQSO3gseQLeUJRKTXOv0bI-QczecMTdGeHYpwZWPFkawz1UFpI5GKjfTChiAiL22UtjL4USg-mGhK2uRFfqw_hbExC_5u4zXmFSiASUNEIQJ9uszu0dhu6RDu0k65PsE97257zHVe4/s1600/Facebook.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuD5AQSO3gseQLeUJRKTXOv0bI-QczecMTdGeHYpwZWPFkawz1UFpI5GKjfTChiAiL22UtjL4USg-mGhK2uRFfqw_hbExC_5u4zXmFSiASUNEIQJ9uszu0dhu6RDu0k65PsE97257zHVe4/s200/Facebook.png" width="120"></a><span id="goog_266087345"></span><span id="goog_266087348"></span>&nbsp; &nbsp;<img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJAfS4qsJzISKXqHX_Eb8k4IySAag8w1J9og8WylIvbv_6jbvUbwmpa9R1FoUW5s-spp81dHIXSXwxaz-7MhQwJIW9FCg5XyJGl688yDYqLd6SVBiAw0PhU7_sT4aG2pVfVyUhLDtk0QL/s200/RSS.png" width="120"><span id="goog_266087349"></span><span id="goog_266087346"></span>&nbsp; &nbsp; <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikae-0cErZ-lWdOXBS24ec5wuHhT-KPtRoLkBfrUYeRuzoGjEPZgo0Q6rk4UN01W2MT5BtGk_i7n15eUbfoHLTLnwQmB_P2snPgt_sHFDe74so6LxdZHJrYhCKo87mihyphenhyphenhumXqM6ovS6vM/s1600/Twitter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikae-0cErZ-lWdOXBS24ec5wuHhT-KPtRoLkBfrUYeRuzoGjEPZgo0Q6rk4UN01W2MT5BtGk_i7n15eUbfoHLTLnwQmB_P2snPgt_sHFDe74so6LxdZHJrYhCKo87mihyphenhyphenhumXqM6ovS6vM/s200/Twitter.png" width="120"></a></div>
</marquee>
 
.............................................................................................................................................

 بؤ وينة بؤ سةرةوة 

<marquee align="right" direction="up" height="120" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="150">

سطر أو صورة 1

سطر أو صورة 2

سطر أو صورة 3

سطر أو صورة 4

سطر أو صورة 5

الى ما تشاء

</marquee>



..................................................................................................................................................

ولا لمعاينة الشريط بمثال حي : مدونة تجريبية

صورة للشريط :


الآن لتركيب الشريط، إذهب إلى تصميم ثم عناصر الصفحة، واضغط إضافة أداة HTML/JavaScript والصق الكود التالي :


كود:
<table align="right" width="900" height="25" border="0" background="http://i1075.photobucket.com/albums/w431/BloggerDev/latest%20posts%20scroll/bunnerpress.png">
<tr><td width="246" height="25">
<div align="left">

<script type="text/javascript">
    var w2bWidth= 90;
    var w2bScrollAmount=10;
    var w2bScrollDelay=50;
    var w2bDirection="right";
    var w2btargetlink="yes";
    var w2bnumPosts=10;
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGEOn1RBn_ig2V4twb4MPcJFKSBruEhgW_nMtb0pZcuIa4Q0f17dnYKg6MjelUBlpV2i5i0cZFjnHGzAXPY2fPKc0VSaxh9Xl5VmIMh3OCSTM5wcicKmUtlFuchk6hVcK8204wDWyHTSg/s1600/21.png";
    var w2bfontsize=16;
    var w2bbgcolor="transparent";
    var w2blinkcolor="FFDA00";
    var w2blinkhovercolor="3366CC";
</script>
<script type="text/javascript" src="http://yourjavascript.com/5685222181/bloggerexp_v3.js" ></script>
<script type="text/javascript" src="http://bloggerexp-test1.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script>
<noscript></noscript>

</div></td></tr>
</table>

  • width="900" من الأفضل أن تتناسب القيمة 900 مع عرض المدونة بالبكسل
  • background="http://i1075.photobucket.com/albums/w431/BloggerDev/latest%20posts%20scroll/bunnerpress.png" الرابط المشار إليه بالأحمر يمثل خلفية الشريط.
  • w2bDirection اتجاه الشريط
  • w2bnumPosts عدد المواضيع المعروضة بالشريط
  • w2bimgurl رابط الصورة الفاصلة بين كل موضوعين
  • w2bfontsize حجم الخط
  • w2bbgcolor لون خلفية الشريط
  • w2blinkcolor لون الروابط قبل الضغط عليها
  • w2blinkhovercolor لون الروابط بعد الضغط عليها
  • max-results=10 الرقم 10 يمثل أيضا عدد المواضيع المراد عرضها
ملاحظة : لا تنس استبدال الرابط http://bloggerexp-test1.blogspot.com برابط مدونتك.
..........................................................................................


كيف تصنع شريط أخبار لمدونتك

موضوع اليوم هو شريط أخبار ثابت في أعلى المدونة قابل للغلق، يعرض آخر ما نشر على المدونة
و هذا مثال على ذلك

<span id="preservecd7f841a85e14598842e269fe6392fa3" class="wlWriterPreserve">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script></span><span id="preserve3ec81350f48e4e9ba25a12e7c1bfaffc" class="wlWriterPreserve">
<script >function RecentPostsScrollerv2(json) {
 var sHeadLines;
 var sPostURL;
 var objPost;
 var sMoqueeHTMLStart;
 var sMoqueeHTMLEnd;
 var sPoweredBy;
 var sHeadlineTerminator;
 var sPostLinkLocation;
 try {
  sMoqueeHTMLStart = "\<marquee behavior=\"scroll\" onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";
  if (nWidth) {
   sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";
  } else {
   sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";
  }
  if (nScrollDelay) {
   sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
  }
  if (sDirection) {
   sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"\>";
   if (sDirection == "left" || sDirection == "right") {
    sHeadlineTerminator = "  ";
   } else {
    sHeadlineTerminator = "\<br/\>";
   }
  }
  if (sOpenLinkLocation == "N") {
   sPostLinkLocation = " target= \"_blank\" ";
  } else {
   sPostLinkLocation = " ";
  }
  sMoqueeHTMLEnd = "\</MARQUEE\>"

  sHeadLines = "";
  for (var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++) {
   var objPost = json.feed.entry[nFeedCounter];
   if (nFeedCounter == json.feed.entry.length) break;
   for (var nCounter = 0; nCounter < objPost.link.length; nCounter++) {
    if (objPost.link[nCounter].rel == 'alternate') {
     sPostURL = objPost.link[nCounter].href;
     break;
    }
   }
   sHeadLines = sHeadLines + "\<b\>" + sBulletChar + "\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
  }
  sPoweredBy = "<a tareget =\"_blank\" href=\"http://aqlam-n.blogspot.com/2012/09/blog-post_28.html\"\>اصنع بار لمدونتك\</a\> ~ \<a tareget =\"_blank\" href=\"http://aqlam-a.blogspot.com\"\>\</a\>";
  if (sDirection == "left") {
   sHeadLines = sHeadLines + "  " + sPoweredBy;
  } else if (sDirection == "right") {
   sHeadLines = sPoweredBy + "  " + sHeadLines;
  } else if (sDirection == "up") {
   sHeadLines = sHeadLines + "\<br/\>" + sPoweredBy;
  } else {
   sHeadLines = sPoweredBy + "\<br/\>" + sHeadLines;
  }
  document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd)
 } catch (exception) {
  alert(exception);
 }
}</script>
</span>
<span id="preservefdd9d27d4d344ffcb61aaf2cd29e5ca9" class="wlWriterPreserve">
<script >jQuery(document).ready(function() {
function makingdifferent_stickybar()  {
var mdwh = jQuery(window).height();
var mdpph = jQuery("#md-stickybar").height();
var mdfromTop = jQuery(window).scrollTop()+0;
 jQuery("#md-stickybar").css({"top":mdfromTop});
}jQuery(window)
.scroll(makingdifferent_stickybar)
.resize(makingdifferent_stickybar)
//alert(jQuery.cookie('sreqshown'));
//var mdww = jQuery(window).width();
//var mdppw = jQuery("#md-stickybar").width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 0;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery("#md-stickybar").height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery("#md-stickybar").animate({opacity: "1", left: "0" , left: mdleftm}, 0).show();      
jQuery("#mdclose").click(function() {
jQuery("#md-stickybar").animate({opacity: "0", left: "-1500"}, 1500).show(); });});</script></span><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNM3O3RS84s9EQrKcguvt8py2aSEsMWLGuPMNW3CfG0ZsnKgsxxHxRr78nvsxaPxlpg76LvKenPcoq6U09rkApLw4y3l0dXedP0Xlb80wkE1ZmuqGD0OlncTJFYS47ugwdDyMMW6rCZtE/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='md-stickybar'>
<span id="preserve264a409d976e4d5e9e3c69f03caad185" class="wlWriterPreserve"><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "right";var sOpenLinkLocation = "N";var sBulletChar = "<<";</script></span><span id="preserve4d600864dd4d427d9eaf21b873237c57" class="wlWriterPreserve">
<script style="" src="http://aqlam-a.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script>
</span>
<noscript>
<a href="http://aqlam-n.blogspot.com/2012/09/blog-post_28.html">اصنع بار لمدونتك</a></noscript><a href="http://aqlam-a.blogspot.com" id="mdclose" onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2W2kLMOi5bs6IzgqpQNRh2bBZd2jng4_IRijkHuRD32ukr71NZsEMSTmbO0As37MeFtO0D8dj7TBIighuu2h0Ko1oCfm0hsL0ZhATBApXlybNMcqaVk4YX3qds0EKyUjrg_OUbR-hX8/s400/cancel.png" /></a></div id='md-stickybar'>
.......................................................................