القائمة الرئيسية

الصفحات



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

وكل عام و أنتم بألف خير، بمناسبة حلول هذا الشهر الفضيل أقدم لكم واجهة  رمضان لمدونات البلوجر،



  1. قم بالتوجه الي مدونتك
  2. ثم قم باختيار المظهر ثم تحرير html
  3. ثم قم بالبحث عن الوسم </head>
  4. ثم قم بوضع هذا الكود فوقه

 <b:if cond='data:blog.url == data:blog.homepageUrl'> <style>/* CSS Special welcome */ #welcomebox {position:fixed;top:20%;left:50%;width:70%;height:40%;min-height:30%;margin-left:-35%;z-index:1000000;text-align:center;} #welcomebox p{background: #fff url(http://isnalanterns.com/wp-content/uploads/2014/01/250px.png) no-repeat left bottom;background-size: 20%;color:#888;font-size:180%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:15px;padding-top:40px;padding-bottom:40px;border-bottom:4px solid #222;transition:all 0.4s linear;}#welcomebox p:hover{color:#666;} .welcomeclose {background:#555;color:#fff;border-bottom:4px solid #222; font-size: 20px; padding:6px 30px;text-align:center;margin:0 auto;cursor:pointer;display:inline;transition:all 0.4s ease-in;} .welcomeclose:hover {background-color:#444;color:#fff;border-bottom:4px solid #202020;box-shadow:inset 181px 0px 0px #f35d5c;-moz-animation: pulse .4s ease-in; -webkit-animation: pulse .4s ease-in;animation: pulse .4s ease-in;} #welcomeoverlay {position:fixed!important;position:absolute;z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:rgba(51, 51, 51, 0.95) url(http://25.media.tumblr.com/bf4f39102d07df64f1540b11a498211a/tumblr_mktw9jIv9D1rvr9sko1_400.gif);max-width:100%;max-height:100%;} .title_jazairiweb-jw {text-align: center; color: #fff; font-size: 55px; font-weight: 700; background: #f35d5c; padding-bottom: 10px; } .title_jazairiweb-jw span { color: #E74C3C; } </style></b:if>


  1. ثم قم بالبحث عن الوسم <body>
  2. ثم ضع بعده هذا الكود
 <b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='welcomeoverlay'/> <div class='welcomebox' id='welcomebox'> <div class='title_jazairiweb-jw'> <i class='fa fa-thumbs-o-up'/> رمضان كريم  </div> <p> مرحبا بك عزيزي الزائر <br/>رمضان كريم لكل متتبعي مدونة المستقبل  </p> <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>الدخول &#8592; </div> </div></b:if>

هل اعجبك الموضوع :

تعليقات

طريقه تحميل من المدونة في الكمبيوتر والتلفون

التنقل السريع