افضل 30 اضافة لمدونتك بلوجر على الاطلاق ~ الشبكة العنكبوتية

السلام عليكم ورحمة الله تعالى وبركاته
اعلم انكم تعبتم في البحث عن اضافات لمدوناتكم و لهذا جمعت لكم افضل اضافات بلوجر التي تزين مدونتكم
افضل 30 اضافة لمدونتك بلوجر على الاطلاق
1-اضافة تعريف كاتب الموضوع اسفل كل تدوينة :
ادخل على قالب .. تحرير html
ابحث عن ]]></b:skin>
والصق الكود التالي قبلها

<style type="text/css">
#buttonbg {width: 260px;margin: 10px 20px;padding: 0;}
#buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none;  }
#buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxFJI_rBvP1rLvhyphenhyphenhgY6rnMD1HJN9ZFfJcg_o6NWR12mSVdMFVne00pXUYLuEpiEN50NUWomRlAFfCo8D91P2K5PrgsLHTIJOonnGqFlbsXRrOCDCIAoA2RWphZ9AJPEhTXsxcPzlDGvs/s1600/blsocial12.png') 0 0 no-repeat;
background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;
color: #141414;float: none;height: 48px;line-height: 48px;
margin: 5px 0;position: relative;text-align: left;text-indent: 90px;
text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;
-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;
transition: width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
-moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
-o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
text-decoration: none;}
#buttonbg span:hover {visibility: hidden;}
#buttonbg span {display: block;top: 15px;position: absolute;left: 90px;}
#buttonbg .icon {color: #fafafa;overflow: hidden;}
#buttonbg .fb {background-color: rgba(45,118,185, .42); background-position: 0 -382px;}
#buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;}
#buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;}
#buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
#buttonbg .linked {background-color: rgba(0, 87, 114, .42);  background-position: 0 -574px;}
#buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;}
#buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;}
#buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;}
#buttonbg li:hover .icon {width: 250px; }
#buttonbg li:hover .icon {background-color: #d91e76; }
#buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; }
#buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; }
#buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;}
#buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;}
#buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; }
#buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; }
#buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}
</style>

<ul id="buttonbg">
<li ><a href="Link Facebook Anda" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span></li>
<li ><a href="Link Twitter Anda" class="icon twit" >Follow us on Twitter</a><span>Follow us on Twitter</span></li>
<li ><a href="Link Google+ Anda" class="icon google" >Follow us on Google+</a><span>Follow us on Google+</span></li>
<li ><a href="Link Pinterest Anda" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span></li>
<li ><a href="Link Linkedin Anda" class="icon linked" >Follow us on LinkedIn</a><span>Follow us on LinkedIn</span></li>
<li ><a href="Link Deviant Art Anda" class="icon deviant" >Follow us on DeviantArt</a><span>Follow us on DeviantArt</span></li>
<li ><a href="Link Youtube Anda" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span></li>
<li ><a href="Link RSS/Feed Anda" class="icon rss" >Subscribe via RSS</a><span>Subscribe via RSS</span></li>
</ul>

استبدل الروابط التى في آخر الكود بروابط صفحاتك او حساباتك في تلك المواقع
و مبروك
3-اضافة تعليقات الفيسبوك :
قالب .. تحرير html
ابحث عن <div class='comments' id='comments'>

اذا وجدت الكثير منها انسخ الكود التي اسفل كل منها

 
  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPyuRDGxBax-JQgN176zXEbjdDUe3NcGLNUKkXgDN8F_DnJZNeU-aZbKgieh_r-nTQyBKmdGMhus0DfP2Bh_uAaL_RZaA1SqnJBVQed5wxGQkRCH-uFedoHQpyicAM83PrLcJSTfxJMA/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div>
<div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Add Comments via Blogger'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYFJsLcqTwuU3hOJpGMdCcEGkjgecP_7WiPRrxPn21EkXt5oZRPRevAGPG_gqwzzE3PR0ICwTIl-R6BcRoyyxyBkFoU0L3YJ5TszZxi0IdLTGxPnN1ccMxbFW1nfKC_bI2E-LVuoumok/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</div>
<div class='clear'/>
</div>
<div class='comakauttafb-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/></b:if></div>
<div class='comments comakauttafb-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comakauttafb-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comakauttafb-page").hide();$(selectTab + "-page").show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

4-تغيير السكرول بار:
قالب .. تحرير html
ابحث عن ]]></b:skin>
وضع فوقها

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript" > 
/*********************************************** 
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) 
* Modified by www,add-b.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>

استبدل عبارة رابط الصورة برابط الصورة التي تريدها مثلا
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5SEauXiGJnDmdb-CncQLoo5jdUdSzees7NfWD1vX4J-XFT52btPmvBBEvVkoXYPtMbej0dLx5ZCRaglnqSJVwMDfCcURx-6SLbwKSLl_JLcsit1FuguZ28bSD__j1pDAdh25an-8285Qd/s1600/arrow-up+(1).png
6-اضافة صندوق التبادل الاعلاني بشكل رائع :
تخطيط .. اضافة اداة .. html/javascript
ثم ضع الكود التالي :

<style>
#advertise{
  margin: auto;
}
 .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
 .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
 .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
 .adss img { max-height: 75px; max-width: 75px; }
 #adsanime:hover { opacity:0.2; }
 #adsanime a strong {
    -webkit-transition-property: opacity;
     -webkit-transition-duration: 500ms;
     -moz-transition-property: opacity;
      -moz-transition-duration: 500ms; }
 #adsanime a strong {
   opacity:0;
    -webkit-transition-property: opacity, top;
     -webkit-transition-duration: 300ms;
      -moz-transition-property: opacity, top;
       -moz-transition-duration: 300ms; }
 #adsanime {
    opacity:0.5;
     -webkit-transition-property: opacity, top;
      -webkit-transition-duration: 300ms;
       -moz-transition-property: opacity, top;
        -moz-transition-duration: 300ms; }
 #adsanime:hover { opacity:1; }
 #adsanime:hover a strong { opacity:1; top:-10px; }
</style> <center>
<div class="adss" id="adsanime">
<a 
href="http://add-b.blogspot.com/">    <img src="http://upload.traidnt.net/upfiles/qr456537.gif" />    <b>اعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a
 href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b> أعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a 
href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b>أعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a 
href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b>أعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a
 href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b>أعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a
 href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b>أعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b>أعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a 
href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b>أعلن هنا</b></a>     </div>
<div class="adss" id="adsanime">
<a 
href="http://add-b.blogspot.com/">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzymaC8hPrBJorCfug8bdILBBOGQXixRoqmnlWU9w4ZovaiOvOBVY3Ea-pGA_QAaBz3MSBZANhplvjJwrYlbt8LF-D1BC5JsUrHUdRm9Fq6ofRcHCPa7FRIyuofmqz9yR3jQogrvwX7rj/s1600/adschange_125-125.jpg" />    <b>أعلن هنا</b></a>     </div>
</center>
<a href="http://add-b.blogspot.com/"></a>

7-اضافة شاحنة الفايسبوك المتحركة:
تخطيط .. اضافة اداة .. html/javascript

 
<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>

9-اضافة اداة المشاركات الشائعة بطريقة رائعة:
اولا : قالب .. تحرير html
ابحث عن ]]></b:skin>
الصق هذا الكود قبله

 #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

ثانيا:التخطيط .. اضافة اداة .. المشاركات الشائعة
و مبروك
10-اضافة الدردشة الى بلوجر :
قالب .. تحرير html
ابحث عن </body>
والصق هذا الكود فوقه مباشرة:

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: normal;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 4,
    showAvatar     = true,
    avatarSize     = 40,
    roundAvatar    = true,
    characters     = 70,
    showMorelink    = false,
    moreLinktext    = "إقرأ المذيـــد »",
    defaultAvatar     = "http://aaaaa.blogspot.com/-PdMcUhGHXW0/T0AGAi1NuPI/AAAAAAAAAF8/KDHa1tme_Jw/s1600/gest.png",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://04pro.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

استبدل http://aaaaa.blogspot.com
برابط مدونتك
12-اضافة اسمك او رابط موقعك يتبع الماوس (الفارة):
قالب .. تحرير html
ابحث عن </body>

الصق الكود التالي فوقه مباشرة :

 #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

ثم اذهب الى التخطيط .. اضافة اداة .. المشاركات الشائعة
17-اضافة خاصية حركة الصور:
قالب .. تحرير html
ابحث عن ]]></b:skin>
ضع الكود التالي فوقه:

.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-right:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;left:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-right:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio7IrReHpVh1GIXrSrSnPS-jwHS8_F5cJ6h61enQqpZsHs8QGEejC12aR62MxcpGW4x2j2prgYQCLEoAoDnaT6vXSd_zbN9WWeU-2TFvUbLFW4d2Jxe1Vq9IPU5zJ9pOZPdizJoqiut3o/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}

19-اضافة ابتسامات ياهو الى التعليقات:
قالب .. تحرير html
اولا:ابحث عن ]]></b:skin>

اضف الكود التالي قبلها

<style>
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}
.CSS_LIGHTBOX_BG_MASK
{
background-color:#990000 !important;opacity: 0.8 !important;
}
.post img {max-width:95% !important;}
</style>
<br />
<center>
<div id="social">
<a href="http://feeds.feedburner.com/feedburnerurl" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6V15naTgywfAnCJ7IZOZA37AW58pxVeRuaaOv49tuamff5PAEjSpTnEq3sDHvSaaGIow9za416ZOmu9jy1ylih0AUfbhOAfkXSvkU1QwHuMkoAkN3mW42H0mrN_ceAnQJT44zfp8AYLIk/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&loc=en_US" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxrT1TfC8jmIueR_GWdN1-Ngo70LfTosMuR9v6q7_37fezYj00mcVdDrpNFT0ZRSOXhbjdJMqWVWsylAs6JDeOGiDz6tLMz9EPLbg6IgPJJtqVrmB3b0XsUFKizJDb1q8JnLhrhpsBYhWh/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a><a href="http://facebook.com/fbpageurl" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix8oZ6_YgIKGrsQny6gvzxU-EocEjymZhQ7GUiXn1dQCN7j0Tdd20ZOeqexEM4_8xPtnJDte9uY619d8zw-jdUFXLzJZBvmLhMZrDuUoxDzU1SmFPp8YqaT1wK1FdKvAAwEA_ppJP3qSMn/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/twitterurl" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0B9sRRE4iMA-Zj8daAwaEW7urmfW5nYtikmb9K28gAKqxHY-FHieQZwkOzQpwluJkIelhsCDCu2Tpo0xIOiGyuUxn9AC1_PLYrKqZCQBlSDjzkb8G2jubDm1RNKXUyk9xYnxTW7yXnEdh/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/googleplusurl" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJbE3LOXL0aBENeRahSOuEFHT0dMcEpn6JYQ3r_qtlgCBgoEv9q6IJgGVAZLgMDI7PlhDShNMBEj9YjrLfNCjiorAtBu1a21us_gkICaQwGSSpiBhx6oPcggpUR-sDozT6zDxb8NEVIhSW/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/pinteresturl/" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDuBFTBL2g79WkXO2HIIY0GFYj0aVtyR6MYJ4CMIB_iuP0-lmHvsFWNuc9mxhf_Fixw9v5g-_7ejAPu2Poo0j9D65eKVfKg2UBOv0DWF_VaDh3tkRxwwCgTizHUfubwHVB5O8y4zW1DlRm/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a></div>
</center>

مع تغيير روابط الصفحات
23-اضافة نافذة منبثقة لصفحتك على الفيسبوك:
تخطيط .. اضافة اداة .. html/javascript
ثم اضف الكود التالي:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJvV77jilO6HikkfzmJO05Jv72tfHdubXIxFLRImbpJRE8r5hx9Gp6g-VKSFVoTag90H9uGStgmqisBsRCBLIFQsKkoSCze3dg1fNmsj4NTIZJ5VPSumsqkybCPZgCWsHh4miFZeiURGEn/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/hayrousou&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>

مع تغيير hayrousou باسم صفحتكم

24-شريط اخبار الجزيرة:

تخطيط .. اضافة اداة .. html/javascript
ثم اضف الكود التالي:

<script language=JavaScript><!--
var g=new Date(); g=g.getTime()%1000;
document.writeln("<iframe width=100% height=30 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/bbc1m.php>");
// --></SCRIPT>
<noscript><!--webbot bot="HTMLMarkup" startspan --><IFRAME
marginWidth=0 marginHeight=0
frameBorder=0 width=0 scrolling=no
height=0><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></IFRAME></IFRAME><!--webbot bot="HTMLMarkup" endspan --></NOSCRIPT><script language=JavaScript><!--
var g=new Date(); g=g.getTime()%1000;
document.writeln("<iframe width=100% height=30 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/bbc1m.php>");
// --></SCRIPT>
<noscript><!--webbot bot="HTMLMarkup" startspan --><IFRAME
marginWidth=0 marginHeight=0
frameBorder=0 width=0 scrolling=no
height=0><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></IFRAME></IFRAME><!--webbot bot="HTMLMarkup" endspan --></NOSCRIPT><script language=JavaScript><!--
var g=new Date(); g=g.getTime()%1000;
document.writeln("<iframe width=100% height=30 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/bbc1m.php>");
// --></SCRIPT>
<noscript><!--webbot bot="HTMLMarkup" startspan --><IFRAME
marginWidth=0 marginHeight=0
frameBorder=0 width=0 scrolling=no
height=0><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></IFRAME></IFRAME><!--webbot bot="HTMLMarkup" endspan --></NOSCRIPT><script language=JavaScript><!--
var g=new Date(); g=g.getTime()%1000;
document.writeln("<iframe width=100% height=30 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/bbc1m.php>");
// --></SCRIPT>
<noscript><!--webbot bot="HTMLMarkup" startspan --><IFRAME
marginWidth=0 marginHeight=0
frameBorder=0 width=0 scrolling=no
height=0><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></IFRAME></IFRAME><!--webbot bot="HTMLMarkup" endspan --></NOSCRIPT><script language=JavaScript><!--
var g=new Date(); g=g.getTime()%1000;
document.writeln("<iframe width=100% height=30 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/bbc1m.php>");
// --></SCRIPT>
<noscript><!--webbot bot="HTMLMarkup" startspan --><IFRAME
marginWidth=0 marginHeight=0
frameBorder=0 width=0 scrolling=no
height=0><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></IFRAME></IFRAME><!--webbot bot="HTMLMarkup" endspan --></NOSCRIPT>

26-مواقيت الصلاة :
تخطيط .. اضافة اداة .. html/javascript
ثم اضف الكود التالي:

</div>
<div style="text-align: center;">
 <iframe frameborder="0" height="179px" marginheight="0px" marginwidth="0px" name="prayer time" scrolling="no" src="https://dl.dropboxusercontent.com/u/192483929/%D8%A3%D9%88%D9%82%D8%A7%D8%AA%20%D8%A7%D9%84%D8%B5%D9%84%D8%A7%D8%A9/prayer%20times/%D8%A3%D9%88%D9%82%D8%A7%D8%AA%20%D8%A7%D9%84%D8%B5%D9%84%D8%A7%D8%A9%20%D8%B5%D8%BA%D9%8A%D8%B1/%D9%85%D8%B4%D8%B1%D9%88%D8%B9%20%D8%A3%D9%88%D9%82%D8%A7%D8%AA%20%D8%A7%D9%84%D8%B5%D9%84%D8%A7%D8%A9%20%D8%B5%D8%BA%D9%8A%D8%B1.html" style="border: 0px #FFFFFF none;" width="316px"></iframe> </div>
<div style="text-align: center;">
 <a href="http://www.condaianllkhir.com/2013/05/prayer-time-widget.html" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a>

27-ساعة بعلم الجزائر:
تخطيط .. اضافة اداة .. html/javascript
ثم اضف الكود التالي:

<center>
 <embed height="160" src="https://sites.google.com/site/conda3ianllkhir2/home/%D8%A7%D9%84%D8%AC%D8%B2%D8%A7%D8%A6%D8%B1.swf?TimeZone=GMT0930&" type="application/x-shockwave-flash" width="160" wmode="transparent"></embed> <center>
 <center>
 <a href="http://www.condaianllkhir.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxGfJaRxkiBJe4H8VekD-dGDKKsqSXEyEB5Xp_K7BXGXtnGJMLZQgPIIrBBI_Icar6jIDDe4iQMzoTwLOeV4JMwxtNlQBRM7e55xDwv16JNyFUh4xr_r_vcI8p0kQu0zM7EFvmcA4yXlEn/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>

باقي البلدان العربية من هنا
28-ساعة عل شكل شمس في النهار و على شكل هلال في الليل:
تخطيط .. اضافة اداة .. html/javascript
ثم اضف الكود التالي:

<center>
<embed height="200" src="https://googledrive.com/host/0B3ntuTCXGn6nMlk3VjJJSHo5ZjQ/" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxGfJaRxkiBJe4H8VekD-dGDKKsqSXEyEB5Xp_K7BXGXtnGJMLZQgPIIrBBI_Icar6jIDDe4iQMzoTwLOeV4JMwxtNlQBRM7e55xDwv16JNyFUh4xr_r_vcI8p0kQu0zM7EFvmcA4yXlEn/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>

29-القران الكريم لزيادة الاجر و الثواب ان شاء الله:
تخطيط .. اضافة اداة .. html/javascript
ثم اضف الكود التالي:

<!-------- الاذكار ------------>
<center>
<table border="0" width="100%" id="table1" cellspacing="1">
<tr>
<td align="center"><b><font size='2'>أذكار الصباح</font></b></td>
</tr>
<tr>
<td align="center" width="100%">
<font face="Tahoma"><embed style="border-style:double; border-width:1px; " src="http://www.alafasy.com/audio/alathkar/1_sabah.ram" width="150" height="29" type="audio/x-pn-realaudio-plugin" autostart="false" controls="ControlPanel" border="1"></embed></font></td>
</tr>
<tr>
<td align="center"><b><font size='2'>أذكار المساء</font></b></td>
</tr>
<tr>


<td align="center" width="100%">
<font face="Tahoma"><embed style="border-style:double; border-width:1px; " src="http://www.alafasy.com/audio/alathkar/2_masaa.ram" width="150" height="29" type="audio/x-pn-realaudio-plugin" autostart="false" controls="ControlPanel" border="1"></embed></font></td>

</tr>
</table>
</center>
<br />
<!-------- الاذكار ------------>

الى اللقاء في الدروس القادمة
لأي استفسار اتركوا في التعليقات
كان معكم خالد ايهم

افضل 30 اضافة لمدونتك بلوجر على الاطلاق
افضل 30 اضافة لمدونتك بلوجر على الاطلاق
افضل 30 اضافة لمدونتك بلوجر على الاطلاق

افضل 30 اضافة لمدونتك بلوجر على الاطلاق

تدوينات ذات صلة

2 التعليقات لــ "افضل 30 اضافة لمدونتك بلوجر على الاطلاق "