اضافة ماوس وسلايد شو لبلوجر

اجمل اضافات بلوجر 2015 ..

1- ماوس ايجى ميكس
انسخ الكود التالى وضعه فى اداة Html/javascript

ثم اضغط save

وسيتغير شكل الماوس الى ماوس ايجى ميكس

وان اردت اى شكل تريده .. او شكل مخصص لك لا تتردد فى ترك تعليق

2- سلايد شو احترافى من ايجى ميكس :-
انسخ الكود التالى وضعه فى اداة Html/javascript

ولا تنسى وضعه فى وسط المدونه ...(اعلى "رسائل المدونه الالكترونيه")

#mcis {
 display: none;
}

#sliderFrame {
 position: relative;
 width: 750px;
 margin: 0 auto;
border:5px solid ##00A4DD;
border-bottom:25px solid #00A4DD;
background:##009CDD;
border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
margin-bottom:5px;
}
#slider img {
 position: absolute;
 border: none;
display: none;
}

#slider {
 width: 750px;
 height: 295px;
 background: #3300DD url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXUAINQ8Na4iMzxAk6O57y0uGCerZaCCUfxlImtw42IWbXkUQOloWl2cpyH8suZ_QAL3LkLWUEBlKEUn67gZqAU1Blc8yObPE8PDYnpj7VD3UBLsC4-U_R_-K7q4t20DxcgvkxPuFUoi4/s39/cnmuslidlod.gif) no-repeat 50% 50%;
 position: relative;
 margin: 0 auto;
 box-shadow: 0px 1px 5px #00FFFF;
}

#slider a.imgLink {
 z-index: 2;
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
}

div.mc-caption-bg, div.mc-caption-bg2 {
 position: absolute;
 width: 100%;
 height: auto;
 padding: 0;
 left: 0px;
 bottom: 0px;
 z-index: 3;
 overflow: hidden;
 font-size: 0;
}

div.mc-caption-bg {
 background-color: black;
}

div.mc-caption {
 font: bold 14px/20px Arial;
 color: #EEE;
 z-index: 4;
 padding: 10px 0;
 text-align: center;
}

div.mc-caption a {
 color: #FB0;
}

div.mc-caption a:hover {
 color: #DA0;
}

div.navBulletsWrapper {
 top:295px;
background: none;
 position: relative;
 z-index: 5;
 cursor: pointer;
}

div.navBulletsWrapper div {
 width: 11px;
 height: 11px;
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCz3pxLclB3ah7e99XdiDhAaNpl9cIP8LeVIbokctmYhyDB6PtcxuctQ_aHf4V8X1StoO1Bmiev3-dYWf-wJDh4qc8xydMkQW5aUGHbmB24tp-PQHqhXzysoFzTQYbJL9A6MnJnRMdhI/s22/cnmu-sliddot.png) no-repeat 0 0;
 float: left;
 overflow: hidden;
 vertical-align: middle;
 cursor: pointer;
 margin-right: 11px;
 _position: relative;
}

div.navBulletsWrapper div.active {
 background-position: 0 -11px;
}

#slider {
 transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
}
 </style>

ثم اضغط save

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

هل أعجبك الموضوع؟ شارك! ↓

‍

اضافة ماوس وسلايد شو لبلوجر

0 تعليقات "اضافة ماوس وسلايد شو لبلوجر"

‍ ‍

‍