معهد خبراء بلوجر - اداة تغيير خلفية الصفحة للزائر

السلام عليكم ... النهاردة هاقدم اداة احترافية للغاية ... اداة يمكنها تغيير الخلفية للصفحة عن طريق الزائر بطريقة احترافية جدا .....
معاينة : http://posters10.blogspot.com/
صورة للاداة
http://im32.gulfup.com/JKVCO.png

التركيب : سهل جدا ... انسخ هذا فقط فى اداة جديدة فى بلوجر
كود بلغة HTML:
<style type='text/css'>

  body {transition:all 0.9s ease}

.stylechange:focus{-webkit-transform:translatex(669px);cursor:url(http://i42.servimg.com/u/f42/17/42/09/54/cursor10.png), progress;}

  .stylechange{cursor:url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto}

  .style-button{background:rgb(51, 51, 51);color:white}

  .style-button:hover{background:#9acd00;color:black}

  .stylechange il:hover{box-shadow:0 1px 14px #9acd00;border:1px solid #9acd00}

  .stylechange il{margin-bottom:10px;box-shadow:0 1px 14px black;border:1px solid black;transition:all 0.5s ease;cursor:url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto}

</style>



<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>



<script type="text/javascript">

function bgChange(bg)

{

document.body.style.background=bg;

}



</script>



<button class="stylechange" style=" height: 180.6px;   position: fixed;           top: 246px;           left: -672px;     background: white;      padding-right: 44px;      border: 1px solid rgb(51, 51, 51);      box-shadow: 0 1px 14px black;      transition: all 0.9s ease; width: 712px; outline: none;">

<div class="style-button" style="     position: absolute;     right: -69px;     top: 67px;     -webkit-transform: rotate(-90deg);     font-family: Droid Arabic kufi;         padding-top: 7px;     width: 180.6px;     padding-bottom: 7px;     font-size:16px;   background-image: url(http://icons.iconarchive.com/icons/gakuseisean/aire/128/Images-icon.png);     background-repeat: no-repeat;     background-size: 37px;     background-origin: content-box;     background-position: 145px;">

  <a style="

    margin-right: 21px;

    text-decoration: blink;

    color: white;

">

  غير خلفية الصفحة</a>

</div>

<div style="     height: 141px;  ">

<div style="     padding-right: 10px;     margin-bottom: 10px;      color: black;     margin-top: -10px;">

<il onclick="bgChange('url(http://2.bp.blogspot.com/-Cbz-Y1ezxB0/USDif0nOx4I/AAAAAAAAIcw/xpk2AZufA_U/s1600/bg.png)')" style="     width: 40px;     height: 40px;     background-image: url(http://2.bp.blogspot.com/-Cbz-Y1ezxB0/USDif0nOx4I/AAAAAAAAIcw/xpk2AZufA_U/s1600/bg.png);     float: right;     margin-left: 8px;">

</il>

<il onclick="bgChange('url(http://1.bp.blogspot.com/-7Nvz0MhIT9I/UgcaZf5028I/AAAAAAAAC9s/7pPZla_RPFw/s1600/irongrip.png) fixed 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://1.bp.blogspot.com/-7Nvz0MhIT9I/UgcaZf5028I/AAAAAAAAC9s/7pPZla_RPFw/s1600/irongrip.png);     float: right;     margin-left: 8px;">

</il>

<il onclick="bgChange('url(http://3.bp.blogspot.com/-xXMV-nL_PfU/UgZdib4gZqI/AAAAAAAAC9E/bqh5-sF0Qfo/s1600/beautiful_meadow_spring-wallpaper-1366x768.jpg) no-repeat 0px 0px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://3.bp.blogspot.com/-xXMV-nL_PfU/UgZdib4gZqI/AAAAAAAAC9E/bqh5-sF0Qfo/s1600/beautiful_meadow_spring-wallpaper-1366x768.jpg);     float: right;     margin-left: 8px;    background-size: cover; ">

</il><il onclick="bgChange('url(http://4.bp.blogspot.com/-6UomlX0iORQ/UgZdcP4hiDI/AAAAAAAAC88/uzrVkOB6nxI/s1600/sea_cave-wallpaper-1366x768.jpg) no-repeat 0px 0px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://4.bp.blogspot.com/-6UomlX0iORQ/UgZdcP4hiDI/AAAAAAAAC88/uzrVkOB6nxI/s1600/sea_cave-wallpaper-1366x768.jpg);     float: right;     margin-left: 8px;          background-size: cover; ">

</il><il onclick="bgChange('url(http://www.shbab2.net/vb/photos/2/20141358240031_274.jpg) no-repeat 0px 0px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://www.shbab2.net/vb/photos/2/20141358240031_274.jpg);     float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://www.shbab2.net/vb/photos/2/20141358240029_651.jpg) no-repeat -300px -150px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://www.shbab2.net/vb/photos/2/20141358240029_651.jpg);     float: right;     margin-left: 8px;   background-size: cover; ">

</il><il onclick="bgChange('url(http://www.shbab2.net/image/1373075076_883.jpg) no-repeat 0px 0px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://www.shbab2.net/image/1373075076_883.jpg);     float: right;     margin-left: 8px;background-size: cover; ">

</il><il onclick="bgChange('url(http://wakpaper.com/large/Modern_wallpapers_22.jpg) no-repeat 0px -34px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://wakpaper.com/large/Modern_wallpapers_22.jpg);     float: right;     margin-left: 8px;background-size: cover; ">

</il><il onclick="bgChange('url(http://blogsbits.com/wp-content/uploads/2013/01/Spring-Wallpaper.jpg) no-repeat 0px -414px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://blogsbits.com/wp-content/uploads/2013/01/Spring-Wallpaper.jpg);     float: right;     margin-left: 8px;     background-size: cover; ">

</il><il onclick="bgChange('url(http://forum.hwaml.com/imgcache2/hwaml.com_1338416336_229.jpg) no-repeat 0px 0px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://forum.hwaml.com/imgcache2/hwaml.com_1338416336_229.jpg);     float: right;     margin-left: 8px;  background-size: cover; ">

</il><il onclick="bgChange('url(http://forums.azyaalive.com/storeimg/azyaalive_1374956658_314.jpg) no-repeat -181px -33px fixed')" style="     width: 40px;     height: 40px;     background-image: url(http://forums.azyaalive.com/storeimg/azyaalive_1374956658_314.jpg);     float: right;     margin-left: 8px; background-size: cover; ">

</il><il onclick="bgChange('url(http://img198.imageshack.us/img198/9653/l587.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://img198.imageshack.us/img198/9653/l587.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://www.girls-top.net/vb/img/girls-top.net_1356529191_832.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://www.girls-top.net/vb/img/girls-top.net_1356529191_832.jpg);background-size:cover;     float: right;     margin-left: 8px; ">

</il>

  

  <il onclick="bgChange('url(http://up.3dlat.com/uploads/134990993410.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://up.3dlat.com/uploads/134990993410.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://up.3dlat.com/uploads/13478363156.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://up.3dlat.com/uploads/13478363156.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://forums.azyaalive.com/storeimg/azyaalive_1374792834_539.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://forums.azyaalive.com/storeimg/azyaalive_1374792834_539.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://www.marketwallpapers.com/wallpapers/2/wallpaper-11211.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://www.marketwallpapers.com/wallpapers/2/wallpaper-11211.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://nbd-saher.com/wallpapers/wp-content/uploads/%D8%A8%D8%B1%D9%83%D8%A7%D9%86-%D9%85%D8%AA%D9%88%D9%87%D8%AC.jpg) fixed no-repeat 0px -133px')" style="     width: 40px;     height: 40px;     background-image: url(http://nbd-saher.com/wallpapers/wp-content/uploads/%D8%A8%D8%B1%D9%83%D8%A7%D9%86-%D9%85%D8%AA%D9%88%D9%87%D8%AC.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://sfiles.d1g.com/photos/12/32/3833212_max.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://sfiles.d1g.com/photos/12/32/3833212_max.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://forums.imageslove.net/pictures/str-ly.com_1390168822_760.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://forums.imageslove.net/pictures/str-ly.com_1390168822_760.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://ossodatlas.com/up/uploads/13510067611.jpg) fixed no-repeat 0px -503px')" style="     width: 40px;     height: 40px;     background-image: url(http://ossodatlas.com/up/uploads/13510067611.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://www.sowaar.com/wp-content/uploads/2013/08/maldivian_beach-wide.jpg) fixed no-repeat -183px -576px')" style="     width: 40px;     height: 40px;     background-image: url(http://www.sowaar.com/wp-content/uploads/2013/08/maldivian_beach-wide.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://p1.pichost.me/i/40/1639087.jpg) fixed no-repeat -147px -700px')" style="     width: 40px;     height: 40px;     background-image: url(http://p1.pichost.me/i/40/1639087.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://www.700bk.com/vb/uploadcenter/uploads/03-2012/PIC-338-1331637900.jpg) fixed no-repeat 0px 0px')" style="     width: 40px;     height: 40px;     background-image: url(http://www.700bk.com/vb/uploadcenter/uploads/03-2012/PIC-338-1331637900.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://www.shbab2.net/vb/shbab5/1334420497_711.jpg) fixed no-repeat -100px -300px')" style="     width: 40px;     height: 40px;     background-image: url(http://www.shbab2.net/vb/shbab5/1334420497_711.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il><il onclick="bgChange('url(http://www13.0zz0.com/2013/02/08/02/623688857.jpg) fixed no-repeat -100px -252px')" style="     width: 40px;     height: 40px;     background-image: url(http://www13.0zz0.com/2013/02/08/02/623688857.jpg); background-size:cover;    float: right;     margin-left: 8px;">

</il>

</div></div>

  <div style="

    position: absolute;

    bottom: 4px;

    right: 53px;

    width: 100%;

    text-align: center;

    border-top: 1px solid;

    padding-top: 5px;

"><div style="

    font-family: droid arabic naskh;

    font-size: 15px;

">

الاداة الاحترافية لتغيير الخلفية ... من تصميم : محمد محمود عبد العزيز

  </div>

  <a href="https://www.facebook.com/mohamed.azel13" style="

    font-family: &quot;Segoe UI Light&quot;,&quot;Segoe UI Web Light&quot;,&quot;Segoe UI Web Regular&quot;,&quot;Segoe UI&quot;,&quot;Segoe UI Symbol&quot;,&quot;HelveticaNeue-Light&quot;,&quot;Helvetica Neue&quot;,Arial,sans-serif;

    color: black;

    text-decoration: overline;

    cursor: url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto;

"> By: Mohamed Azel

  </a><a href="https://www.facebook.com/store.posters" style="

    font-family: &quot;Segoe UI Light&quot;,&quot;Segoe UI Web Light&quot;,&quot;Segoe UI Web Regular&quot;,&quot;Segoe UI&quot;,&quot;Segoe UI Symbol&quot;,&quot;HelveticaNeue-Light&quot;,&quot;Helvetica Neue&quot;,Arial,sans-serif;

    color: black;

    text-decoration: overline;

    cursor: url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto;

    margin-left: 42px;

"> By: Store posters

  </a>

  </div>

</button>
وبكدة حصلت على اداة احترافية فى منتهى الروعة ;):
الاداة دية من تصميمى ... يارب تعجبكم
اتمنى ان يعجبكم .... لو فية اى مشكلة قولى برد ... ولو عجبكم الاداة قولوا :D: