إضافة وسائل الإعلام الإجتماعية + التأثير بشكل أحترافي

زوار ومتابعي المدونة 

اسعد الله أوقاتكم بكل خير ومحبة 

سنقدم لكم اليوم إضافة جديدة 

بعنوان " إضافة وسائل الإعلام الإجتماعية + التأثير  بشكل أحترافي "

شكل الإضافة 

• Follow us on Facebook
• Follow us on Google+
• Follow us on Twitter
• Follow us on Pinterest
• Subscribe via RSS

Get This Widget

- كيفية تركيب الإضافة :

1- ادخل إلى مدونتك | ثم اختر تخطيط | ثم إضافة أداة Html/Java Script .

2- اللصق الكود التالي في صندوق الأداة .

الكود

<style>
#abt{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#abt a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#abt li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#abt .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIElZ5Mk1sE1J3XrUyC_KWF6aw4zYCgwi9Hm2kD6Y4RHFs3F1-Z1JNplXTwk8ZFvaV4gqTbi8cwNWNmXOxe1kG5YUQAY9enGdtiHm8IVlZkeyOavOHVb1cxLwK1x1gDO_pKk5IYYjEzjU/w35-h158-no/facebook+and+google%252B+.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -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; -ms-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; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#abt li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
#abt .icon{overflow:hidden; color:#fafafa;}
#abt .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#abt .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#abt .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#abt .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#abt .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#abt li:hover .icon,
.touch #abt li .icon{width:210px;}
.touch #abt li .facebook, #abt li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #abt li .twitter, #abt li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #abt li .googleplus, #abt li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #abt li .pinterest, #abt li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #abt li .rss, #abt li:hover .rss{background-color:rgba(255,102,0,1);}
</style>
<ul id="abt">
<li data-alt="Follow us on Facebook"><a class="icon facebook" href="http://www.facebook.com/ChristiaUnion"target="blank">Follow us on Facebook</a></li>
<li data-alt="Follow us on Google+"><a class="icon googleplus" href="https://plus.google.com/111639037193968470844/posts"target="blank">Follow us on Google+</a></li>
<li data-alt="Follow us on twitter"><a class="icon twitter" href="https://www.twitter.com/hanna98141"target="blank">Follow us on Twitter</a></li>
<li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="http://pinterest.com/hanna98141/"target="blank">Follow us on Pinterest</a></li>
<li data-alt="Subscribe via RSS"><a class="icon rss" href="http://www.expertsprogram.tk/feeds/posts/default"target="blank">Subscribe via RSS</a></li>
</ul>
<small><div style="font-size:50%; text-align:right;"><a href="http://www.expertsprogram.tk/2014/05/social-media-follow-us-magical-effect.html" target="_blank" title="Get This Widgets">Get This Widget</a></div></small>

كيفية إزالة أيقونة التحرير السريع لمدونة بلوجر

زوار ومتابعي مدونة الخبراء للبرامج

اهلاً وسهلاً بكم 

درسنا اليوم 

" كيفية إزالة أيقونة التحرير السريع لمدونة بلوجر "

- طريقة الإزالة :

1- ادخل إلى مدونتك | ثم اختر تخطيط | بعد ذلك اختر رسائل المدونة الإلكترونية ثم تحرير .

2 ابحث عن ايقونة إظهار التحرير السريع | ثم أزل الصح من أمامها | ثم إحفظ  . كما بالصورة التالية :

3- اختر تحرير قالب .

4- ابحث عن السطر التالي :

<b:include name='quickedit'/>

5- سوف تجد مثل هذا السطر اكثر من واحد أزلها كلها  لا تخف | ثم احفظ القالب .

كيفية تغير شكل أرشيف بلوجر إلى شكل أحترافي

زوار ومتابعي مدونة بلوجر 

اسعد الله اوقاتكم بكل خير ومحبة 

اليوم سوف نتعرف على إضافة جديدة من إضافات بلوجر 

" كيفية تغير شكل أرشيف بلوجر إلى شكل أحترافي "

صورة الإضافة

- طريقة تركيب الإضافة :

1- ادخل إلى مدونتك | ثم اختر صفحات | ثم اختر صفحة جديدة | ثم أختر HTML وليس تأليف ركز معي .

2- اللصق الكود التالي قي صندوق  HTML | ثم اضغط على زر نشر .

الكود

 <style>
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from( ), to(#575757));
background: -moz-linear-gradient(top,  #888,  #575757);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.judul-list li a{
color: #0084ce;
text-decoration: none;
}
.judul-list li a:hover {
text-decoration: underline;
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
color: #009fff;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top,  #9dc2e7,  #438cd2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}
</style>
<p>
<script src="https://cloudfired.googlecode.com/svn/abu-farhan.js"/>
</script>
<script src="http://رابط مدونتك.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://cloudfired.googlecode.com/svn/accordion-pack.js"/>
</script></p>

- عدل ماهو باللون الأحمر

كود حفظ حقوق الملكية والتصميم لقوالب بلوجر

زوار ومتابعي مدونة الخبراء للبرامج

اسعد الله اوقاتكم بكل خير ومحبة 

اليوم سوف نتعرف على إضافة جديدة للحفاظ على ملكية قالبنا لأن هنالك الكثير من الأنفس المريضة تتعدى على القالب  وتنسبه باسمها لذالك سوف نتقدم لكم كود لحفظ ملكية قالبكم .

- طريقة تركيب الإضافة :

- ادخل إلى مدونتك | ثم أختر تحرير قالب .

- إبحث عن الوسم  </head> وضع الكود التالي فوقه .

الكود

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function()
{
 if($("#اي دي مدونتك").attr("href")!="رابط مدونتك/")
 {
   window.location.href="رابط مدونتك";
 }
});
//]]>
</script>

- إبحث عن الوسم </body> وضع الكود التالي فوقه .

الكود

<div class='mycontent'>
<p>Copyright &#169;

جميع الحقوق محفوظة | مدونة الخبراء للبرامج 2014 | صممه  HANNA FAREED <a href='http://www.expertsprogram.tk/' id='اي دي مدونتك'>I'm Big Deals</a></p>
</div>

- عدل ماهو باللون الأحمر .

إضافة أشترك في النشرة الإخبارية لدينا

زوار ومتابعي المدونة

أهلاً بكم معنا 

في إضافة جديدة 

مقدمة من مدونة الخبراء للبرامج

- طريقة تركيب الإضافة :

1- ادخل إلى مدونتك | ثم أختر تخطيط | ثم إضافة أداة .

2- اللصق الكود التالي في صندوق الأداة ثم إحفظ .

الكود

 <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<div id='responsiveness'>
            <h5>الاشتراك في النشرة الإخبارية لدينا</h5>
            <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=expertsprogram/xQVO', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
           <input  class="placer" type='text'  name='email' placeholder='Full Name' />
            <input  class="placer" type='text'  name='email' placeholder='Enter Email ID' />
            <input type="hidden" value="expertsprogram/xQVO" name="uri"/>
            <input type="hidden" name="loc" value="en_US"/>
                        <input value="اضغط هنا للإشتراك" class="button" type="submit" />
            </form>
            </div>
<style>
#responsiveness {
    padding: 15px 25px 20px;
    line-height: 35px;
    text-align: center;
    background: none repeat scroll 0% 0% #1E1E1E;
    margin: -15px;
    border-radius: 3px;
}
#responsiveness h5 {
    font-size: 17px;
    font-weight: 700;
    font-family: 'PT Sans',sans-serif;
    color: #FFF;
    padding: 0px;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 10px 0px 15px;
    letter-spacing: 0.01em;
    text-align: left;
}
input.placer {
    color: #333;
    padding: 15px;
    font-size: 14px;
    font-family: PT Sans,sans-serif;
    border: 1px solid #EEE;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    margin: 10px auto 0px;
    border-radius: 3px;
    width: 89%;
}
input.button {
    background-color: #BA1A00;
    color: #FFF;
    font-weight: 400;
    cursor: pointer;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: PT Sans,serif;
    padding: 10px 15px;
    border: medium none;
    font-size: 16px;
    width: 100%;
    margin: 15px auto 0px;
}
input.button:hover{
    background: #FFF;
    color: #333;
   }
</style>

3- عدل ماهو باللون الأحمر .

إضافة المواقع الإجتماعية بنمط جديد مترو

زوار ومتابعي مدونة الخبراء للبرامج

أقدم لكم اليوم إضافة جديد طازة من الفرن

مقدمة من مدونة الخبراء للبرامج

الشكل الأول

Follow

Follow @digitalhubinc

- طريقة تركيب الإضافة :

 1- ادخل إلى مدونتك | واختر تخطيط | ثم إضافة أداة .
 2- اللصق الكود التالي في صندوق الإضافة | ثم إحفظ .

الكود

  <div class="metro-social metro-height" style="width:350px;">
                <li class="metro-facebook"><iframe class="fbhover" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FChristiaUnion&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=408184442589211" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:75px; height:65px;" allowTransparency="true"></iframe></li>
                <li class="pinterest-one"><div class="pinteresthover"><a data-pin-do="buttonFollow" href="http://pinterest.com/hanna98141">Follow</a><script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script></div></li>
                <li class="metro-googleplus"><div class="googlehover">
<div class="g-follow" data-annotation="vertical-bubble" data-height="15" data-href="//plus.google.com/111639037193968470844
" data-rel="publisher"></div></div><script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></li>
       <li class="metro-linkedin"><a  target="_blank" title="Connect to Linkedin profile" alt="Connect to Linkedin profile" href="http://www.linkedin.com/profile/view?id=111111"></a></li>
                <li class="twitter-one"><a href="https://twitter.com/hanna98141" class="twitter-follow-button twitterhover" data-show-count="true" data-show-screen-name="false">Follow @digitalhubinc</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
                <li><a class="metro-rss" target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=expertsprogram/xQVO"></a></li>
                <li class="youtube-one"><div class="googlehover"><div class="g-ytsubscribe" data-channel="UCTUlr_Ro7-SPYY0LQWsF-6g" data-layout="default"></div></div></li>
 
        </div>
<style type="text/css">.metro-social {
        padding-top:10px;
        padding-bottom:10px;
        }
.metro-height-extend {
        height:145px;
        }
.metro-height {
        height:212px;
        }
.metro-social li {
        position:relative;
        cursor:pointer;
        list-style:none;
        margin:1px;
        }
.metro-social .metro-facebook,.metro-twitter,.metro-googleplus,.metro-pinterest,.metro-linkedin,.metro-youtube,.metro-rss,.rss-feed,.googleplus-one,.twitter-one,.linkedin-one,.pinterest-one,.twitter-one-extend,.pinterest-one-extend,.youtube-one,.twitter-extend-one {
        float:left;
        margin:1px;
        position:relative;
        display:block;
        }
.metro-social .metro-facebook {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs01dUw6m21ge_Aw7dvQ-OW-akPYo0GuU6oKUAGh31iODZFUA3J9lds2_Ek9m9qowAP0dpk4TPG-Hvnvj3E8hyTQFbLpeiwxMfN901nN0D8S__uJ5FchRY8uRvius8r-5lYSnGfjDTJRk/h120/facebook_128.png) no-repeat center center #1f69b3;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .metro-twitter {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-googleplus {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_66m6jdHQ9o-zut4EF31ETbLjmW3MN_CGhlPbZZgl1lM8noICuZkGCHzsezGpkKi9jq6Ori3rt4KvjYk0szAWIYkDPnt0MdCY9Jv-4HPwp9P4R0e30jnkGzkhGmqmjMXkrkitgBlsX6U/h120/googleplus_60.png) no-repeat center center #da4a38;
        width:23.3%;
        height:69px;
        padding:0;
        }
.metro-social .metro-pinterest {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHX-hGDmuXOZm9iIGhcnrN06-hpn_x0hSR0u0VnIV8Jpd4Z7LPH85gFa10kMmS3jOTMNnTVoCIPW0mK7a1ynb7V_Y__e4tFRMZ3vgyVQbxl8a9SH8xzCynIVk_gEW4KFrfaVpxj4pvsw/h120/pinterest_60.png) no-repeat center center #d73532;
        width:23.2%;
        height:69px;
        padding:0;
        }
.metro-social .metro-linkedin {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic1zknbEIpp1_2BPCdcHbYlncxWxZLFvT5TB8qbHKG4kf7e2XA64HQFtfOgNV-vrzZZJIVdLbMIe_I5qnhIZqcTSfRvYD0o3QGsNExeJIT8WZJvt4606aXdRQy8eY1Rel_i5daXUE1tto/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-youtube { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGgHG1I5QXyeemh7PQECm56Gl8-t9ISISKhKUiD7lQdHJx_NH92S3_peYIvHcCrYJrKL2jkJKdmWSIzNDLVIvn29tfBaRkbGFc38K2Pdgp3bw-iq6Pogq-9r44KiVkDRJ4ahCPrikJTE/h120/youtube_60.png) no-repeat center center #e64a41; width:47%; height:69px; padding:0; }
.metro-social .metro-rss {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBTYMIoI2IopCQJ02dLXwaqaB8kokm52ZwTDGYrH6iNHbsAslpFwhFsaSCn6tqYmjpbptfCW9usd8lCMAnnpv7k4WZEmHgGMS1jEzd9666BlvrbRutD7n51Jmid94ze9uouA8wjNdn6I0/h120/rss_60.png) no-repeat center center #e9a01c;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .rss-feed {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBTYMIoI2IopCQJ02dLXwaqaB8kokm52ZwTDGYrH6iNHbsAslpFwhFsaSCn6tqYmjpbptfCW9usd8lCMAnnpv7k4WZEmHgGMS1jEzd9666BlvrbRutD7n51Jmid94ze9uouA8wjNdn6I0/h120/rss_60.png) no-repeat center center #e9a01c;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .youtube-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGgHG1I5QXyeemh7PQECm56Gl8-t9ISISKhKUiD7lQdHJx_NH92S3_peYIvHcCrYJrKL2jkJKdmWSIzNDLVIvn29tfBaRkbGFc38K2Pdgp3bw-iq6Pogq-9r44KiVkDRJ4ahCPrikJTE/h120/youtube_60.png) no-repeat center center #e64a41; width:94.4%; height:69px; padding:0; }dding:0; }
.metro-social .googleplus-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_66m6jdHQ9o-zut4EF31ETbLjmW3MN_CGhlPbZZgl1lM8noICuZkGCHzsezGpkKi9jq6Ori3rt4KvjYk0szAWIYkDPnt0MdCY9Jv-4HPwp9P4R0e30jnkGzkhGmqmjMXkrkitgBlsX6U/h120/googleplus_60.png) no-repeat center center #da4a38; width:47%; height:69px; padding:0; }

.metro-social .twitter-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .twitter-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .twitter-extend-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .linkedin-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic1zknbEIpp1_2BPCdcHbYlncxWxZLFvT5TB8qbHKG4kf7e2XA64HQFtfOgNV-vrzZZJIVdLbMIe_I5qnhIZqcTSfRvYD0o3QGsNExeJIT8WZJvt4606aXdRQy8eY1Rel_i5daXUE1tto/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHX-hGDmuXOZm9iIGhcnrN06-hpn_x0hSR0u0VnIV8Jpd4Z7LPH85gFa10kMmS3jOTMNnTVoCIPW0mK7a1ynb7V_Y__e4tFRMZ3vgyVQbxl8a9SH8xzCynIVk_gEW4KFrfaVpxj4pvsw/h120/pinterest_60.png) no-repeat center center #d73532;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHX-hGDmuXOZm9iIGhcnrN06-hpn_x0hSR0u0VnIV8Jpd4Z7LPH85gFa10kMmS3jOTMNnTVoCIPW0mK7a1ynb7V_Y__e4tFRMZ3vgyVQbxl8a9SH8xzCynIVk_gEW4KFrfaVpxj4pvsw/h120/pinterest_60.png) no-repeat center center #d73532;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social li:hover {
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        }
.metro-social .fbhover, .twitterhover, .googlehover, .linkedinhover, .pinteresthover{
        visibility:hidden;
        opacity:0;
        transition:visibility 2.5s linear 0.5s,opacity 0.5s linear;
        }
.metro-facebook:hover .fbhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-twitter:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one-extend:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-googleplus:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-youtube:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.youtube-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.googleplus-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-extend-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-linkedin:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.linkedin-one:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-pinterest:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one-extend:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }</style>

3- التعديلات :

- عدل ماهو باللون الأحمر بخاصيتك على المواقع الإجتماعية .

" الشكل الثاني  "

__________

Follow

Follow @digitalhubinc

- طريقة تركيب الإضافة :

1- ادخل إلى مدونتك | ثم أختر تخطيط | ثم إضافة أداة .

2- اللصق الكود التالي في صندوق الإضافة |ثم إحفظ .

الكود

<div class="metro-social metro-height" style="width:350px;">
                <li class="metro-facebook"><iframe class="fbhover" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FChristiaUnion&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=408184442589211" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:75px; height:65px;" allowTransparency="true"></iframe></li>
                <li class="pinterest-one"><div class="pinteresthover"><a data-pin-do="buttonFollow" href="http://pinterest.com/hanna98141">Follow</a><script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script></div></li>
                <li class="metro-googleplus"><div class="googlehover">
<div class="g-follow" data-annotation="vertical-bubble" data-height="15" data-href="//plus.google.com/111639037193968470844" data-rel="publisher"></div></div><script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></li>
                <li class="metro-twitter"><a href="https://twitter.com/hanna98141" class="twitter-follow-button twitterhover" data-show-count="false" data-show-screen-name="false">Follow @digitalhubinc</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
                <li><a class="metro-rss" target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=expertsprogram/xQVO"></a></li>
                <li class="metro-youtube"><div class="googlehover"><div class="g-ytsubscribe" data-channel="UCTUlr_Ro7-SPYY0LQWsF-6g
" data-layout="default"></div></div></li>
        </div>
<style type="text/css">.metro-social {
        padding-top:10px;
        padding-bottom:10px;
        }
.metro-height-extend {
        height:145px;
        }
.metro-height {
        height:212px;
        }
.metro-social li {
        position:relative;
        cursor:pointer;
        list-style:none;
        margin:1px;
        }
.metro-social .metro-facebook,.metro-twitter,.metro-googleplus,.metro-pinterest,.metro-linkedin,.metro-youtube,.metro-rss,.rss-feed,.googleplus-one,.twitter-one,.linkedin-one,.pinterest-one,.twitter-one-extend,.pinterest-one-extend,.youtube-one,.twitter-extend-one {
        float:left;
        margin:1px;
        position:relative;
        display:block;
        }
.metro-social .metro-facebook {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs01dUw6m21ge_Aw7dvQ-OW-akPYo0GuU6oKUAGh31iODZFUA3J9lds2_Ek9m9qowAP0dpk4TPG-Hvnvj3E8hyTQFbLpeiwxMfN901nN0D8S__uJ5FchRY8uRvius8r-5lYSnGfjDTJRk/h120/facebook_128.png) no-repeat center center #1f69b3;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .metro-twitter {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-googleplus {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_66m6jdHQ9o-zut4EF31ETbLjmW3MN_CGhlPbZZgl1lM8noICuZkGCHzsezGpkKi9jq6Ori3rt4KvjYk0szAWIYkDPnt0MdCY9Jv-4HPwp9P4R0e30jnkGzkhGmqmjMXkrkitgBlsX6U/h120/googleplus_60.png) no-repeat center center #da4a38;
        width:23.3%;
        height:69px;
        padding:0;
        }
.metro-social .metro-pinterest {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHX-hGDmuXOZm9iIGhcnrN06-hpn_x0hSR0u0VnIV8Jpd4Z7LPH85gFa10kMmS3jOTMNnTVoCIPW0mK7a1ynb7V_Y__e4tFRMZ3vgyVQbxl8a9SH8xzCynIVk_gEW4KFrfaVpxj4pvsw/h120/pinterest_60.png) no-repeat center center #d73532;
        width:23.2%;
        height:69px;
        padding:0;
        }
.metro-social .metro-linkedin {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic1zknbEIpp1_2BPCdcHbYlncxWxZLFvT5TB8qbHKG4kf7e2XA64HQFtfOgNV-vrzZZJIVdLbMIe_I5qnhIZqcTSfRvYD0o3QGsNExeJIT8WZJvt4606aXdRQy8eY1Rel_i5daXUE1tto/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-youtube { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGgHG1I5QXyeemh7PQECm56Gl8-t9ISISKhKUiD7lQdHJx_NH92S3_peYIvHcCrYJrKL2jkJKdmWSIzNDLVIvn29tfBaRkbGFc38K2Pdgp3bw-iq6Pogq-9r44KiVkDRJ4ahCPrikJTE/h120/youtube_60.png) no-repeat center center #e64a41; width:47%; height:69px; padding:0; }
.metro-social .metro-rss {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBTYMIoI2IopCQJ02dLXwaqaB8kokm52ZwTDGYrH6iNHbsAslpFwhFsaSCn6tqYmjpbptfCW9usd8lCMAnnpv7k4WZEmHgGMS1jEzd9666BlvrbRutD7n51Jmid94ze9uouA8wjNdn6I0/h120/rss_60.png) no-repeat center center #e9a01c;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .rss-feed {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBTYMIoI2IopCQJ02dLXwaqaB8kokm52ZwTDGYrH6iNHbsAslpFwhFsaSCn6tqYmjpbptfCW9usd8lCMAnnpv7k4WZEmHgGMS1jEzd9666BlvrbRutD7n51Jmid94ze9uouA8wjNdn6I0/h120/rss_60.png) no-repeat center center #e9a01c;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .youtube-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGgHG1I5QXyeemh7PQECm56Gl8-t9ISISKhKUiD7lQdHJx_NH92S3_peYIvHcCrYJrKL2jkJKdmWSIzNDLVIvn29tfBaRkbGFc38K2Pdgp3bw-iq6Pogq-9r44KiVkDRJ4ahCPrikJTE/h120/youtube_60.png) no-repeat center center #e64a41; width:94.4%; height:69px; padding:0; }dding:0; }
.metro-social .googleplus-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_66m6jdHQ9o-zut4EF31ETbLjmW3MN_CGhlPbZZgl1lM8noICuZkGCHzsezGpkKi9jq6Ori3rt4KvjYk0szAWIYkDPnt0MdCY9Jv-4HPwp9P4R0e30jnkGzkhGmqmjMXkrkitgBlsX6U/h120/googleplus_60.png) no-repeat center center #da4a38; width:47%; height:69px; padding:0; }

.metro-social .twitter-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .twitter-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .twitter-extend-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDW-DwhOgT6139XmfDg2fS62ReSdveOM0t-HC_aAaozQxQqlr50Ni11DW0RElzRG8UfgW72Ql56MZcr1Z4CoBf4mzN-zAzGHg_v8CVwHm8C2vFmuosDufiyru8-ppAEL6w5Ed32zdE9w/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .linkedin-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic1zknbEIpp1_2BPCdcHbYlncxWxZLFvT5TB8qbHKG4kf7e2XA64HQFtfOgNV-vrzZZJIVdLbMIe_I5qnhIZqcTSfRvYD0o3QGsNExeJIT8WZJvt4606aXdRQy8eY1Rel_i5daXUE1tto/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHX-hGDmuXOZm9iIGhcnrN06-hpn_x0hSR0u0VnIV8Jpd4Z7LPH85gFa10kMmS3jOTMNnTVoCIPW0mK7a1ynb7V_Y__e4tFRMZ3vgyVQbxl8a9SH8xzCynIVk_gEW4KFrfaVpxj4pvsw/h120/pinterest_60.png) no-repeat center center #d73532;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHX-hGDmuXOZm9iIGhcnrN06-hpn_x0hSR0u0VnIV8Jpd4Z7LPH85gFa10kMmS3jOTMNnTVoCIPW0mK7a1ynb7V_Y__e4tFRMZ3vgyVQbxl8a9SH8xzCynIVk_gEW4KFrfaVpxj4pvsw/h120/pinterest_60.png) no-repeat center center #d73532;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social li:hover {
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        }
.metro-social .fbhover, .twitterhover, .googlehover, .linkedinhover, .pinteresthover{
        visibility:hidden;
        opacity:0;
        transition:visibility 2.5s linear 0.5s,opacity 0.5s linear;
        }
.metro-facebook:hover .fbhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-twitter:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one-extend:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-googleplus:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-youtube:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.youtube-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.googleplus-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-extend-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-linkedin:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.linkedin-one:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-pinterest:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one-extend:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }</style>

- عدل ماهو باللون الأحمر .

سلايد شو جانبي خاص بآخر مواضيع بلوجر في قمة الإحترافية

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

يمكنك تخصيصها إما داخل القالب بوضعها أينما تريد أو عن طريق أداة html/javascript من الأدوات الجانبية  

- طريقة تركيب الأداة :

1 / الدخول الى لوحة التحكم

2/ تخطيط

3/   إضافة اداة

4/  HTML/JavaScript 

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

الكود

 <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/2vjlzwj74ndavlm/NBT_Animated_Recent_Slider.css" />  <div id="featuredpostside"></div><a href="http://www.newbloggertips.com"></a>  <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="https://dl.dropboxusercontent.com/s/ws9ldvtsjerwg19/NBT_Animated_Recent_Slider.js?"></script>  <script type='text/javascript'>  FeaturedPostSide({  blogURL:"http://www.expertsprogram.tk/",  MaxPost:8,  idcontaint:"#featuredpostside",  ImageSize:300,  interval:6000,  autoplay:true,  tagName:false  });  </script> 

5/ إحفظ الأداة ومبرووك عليك الإضافة .

أرشيف بلوجر بثلاثة ألوان مختلفة

زوار ومتابعي المدونة 

أسعد الله أوقاتكم بكل خير ومحبة 

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

-  كيفية اضافة هذا الارشيف لمدوناتكم :

 1-من لوحة التحكم >>> الصفحات
 2-  اضغط على صفحة جديدة واختر صفحة فارغة
 3-  الان قم بالتحويل الى HTML والصق احد الاكواد التاليه داخل المستطيل الخاص ب HTML

1- اللون الأحمر 

 <pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
<style type="text/css">
#bp_toc {
margin-bottom: 10px;margin-top: 28px;text-align: right;width: 100%;}#bp_toc a {text-decoration: none;}
.toc-note {
padding: 5px 10px;
position: relative;
top: -13px;
}.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #eee;
border: 1px solid #ddd;
color: #666;
padding: 2px 5px;
font-weight: bold;}
/*------عناوين المواضيع------*/
.toc-header-col1 { width:58%;}
.toc-entry-col1 {
background: #FFFFFF;
border: 1px solid #ddd;
padding-right: 8px;
line-height: 30px;
font-size: 14px;}
.toc-entry-col1 a {
color: #E75139;}
/*------التاريخ------*/
.toc-header-col2 {width: 11%;text-align: center; }
.toc-entry-col2 {
background: #222;border: 1px solid #111;color: #fff;
text-align: center;font-size: 14px;}
/*------الأقسام-------*/
.toc-header-col3 {width:31%;}
.toc-entry-col3 {background: #E75139;border: 1px solid #B43A27;
color: #fff;padding-right: 8px;
font-size: 14px;}.toc-entry-col3 a { color: #fff; }
.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}
.post-body {border-bottom: 20px ridge #E4E4E4;}</style><br /><div id="bp_toc">..إنتظر قليلا لتحميل الفهرس..</div>
<script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>
</div>
</pre>

2- اللون الأزرق

 <pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
<style type="text/css">
#bp_toc {
margin-bottom: 10px;margin-top: 28px;
text-align: right;width: 100%;}
#bp_toc a {text-decoration: none;}
.toc-note {padding: 5px 10px;
position: relative;top: -13px;
}.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #eee;border: 1px solid #ddd;
color: #006BFF;padding: 2px 5px;
font-weight: bold;}
/*------عناوين المواضيع------*/
.toc-header-col1 { width:58%;}
.toc-entry-col1 {
background: #FFFFFF;border: 1px solid #ddd;
padding-right: 8px;line-height: 30px;font-size: 14px;}
.toc-entry-col1 a {color: #018EC5;
}
/*------التاريخ------*/
.toc-header-col2 {width: 11%;text-align: center; }
.toc-entry-col2 {
background: #222;
border: 1px solid #111;
color: #fff;text-align: center;font-size: 14px;}
/*------الأقسام-------*/
.toc-header-col3 {width:31%;}
.toc-entry-col3 {
background: #018EC5;
border: 1px solid #0086B7;color: #fff;
padding-right: 8px;
font-size: 14px;}
.toc-entry-col3 a { color: #fff; }.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}
.post-body {border-bottom: 20px ridge #E4E4E4;}</style>
<br /><div id="bp_toc">..إنتظر قليلا لتحميل الفهرس..</div>
<script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>

</div>
</pre>

3- اللون الرمادي 

<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
<style type="text/css">
#bp_toc {border: 0px solid #000;
background: none repeat scroll 0% 0% #FFF;
padding: 5px;margin-top: 10px;width: 100%;}
.toc-note {padding: 5px 10px;position: relative;top: -13px;}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
text-align: center;
background: none repeat scroll 0% 0% #E6E6E6;
box-shadow: 2px 2px 5px 5px #CCC inset;
color: #000;
padding-left: 2px;width: 58%;}
.toc-header-col2 {width: 11%;}.toc-entry-col2 {text-align: center;}
.toc-header-col3 {width: 31%;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:80%;text-decoration:none;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {font-size:70%;text-decoration:underline;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;font-size:70%;
border: 2px solid white !important;background: #F6F6F6;
white-space:nowrap;}</style><br />
<div id="bp_toc">..إنتظر قليلا لتحميل الفهرس..</div><script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>
</div>
</pre>

وبالاخير قم بنشر الصفحه ومعاينتها ,,,,,,,,  هذا كل شئ .... بالتوفيق للجميع

إضافة تأثيرات الزووم على صور مدونة بلوجر

- طريقة تركيب الإضافة :

1- إدخل إلى مدونتك | ثم أختر تحرير قالب .

2- إبحث عن الوسم  ]]></b:skin>

ضع الكود التالي فوقه .

الكود

.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

3- بعد ذلك عند إعدادك إي مشاركة وتريد عمل زووم للصورة | إدخل إلى صندوق HTML وليس تأليف أنتبه والصق الكود التالي في صندوق HTML ثم إضغط على تأليف وضع الكود التالي بداخله مع تغير ما بالون الأحمر :

<a class="hovergallery" href="http://www.expertsprogram.tk/" target="_blank">
<img src="http://im80.gulfup.com/hNg56c.png" /></a>

- ومبرووك عليك الزووم الجديد هههههههههه .

موقع لفك الملفات المضغوطة والمحمية بكلمة سر

إذا كان لديك إي ملف مضغوط وقد نسيت كلمة السر ادخل إلى هذا الموقع ورفع الملف ثم إضغط على convert file

بعد ذلك يتم إستخراج الملف المضغوط والمحمي بكلمة سر .

إضغط هنا للدخول إلى الموقع