يونيو 14, 2017
اضافة اسلامية
السلام عليكم مرحبا متابعي اليوم عدة لكم باضافة جميلة ورائعة وهي اضافة رمضان كريم في الصفحة الرئيسية لمدونات بلوجر وهي اضافة جميلة وبسيطة تجعل زوار المدونة يعجبون بالموقع وهي بخصوص رمضان وايضا الاضافة بها زر اذا ضغط عليها الزائر سيدخله للصفحة الرئيسية لموقعك وبها ايضا الوان جميلة ورائعة
المصدر مدونة ويب فور
معاينة الاضافة
طريقة تركيب الاضافة
- قم بالتوجه الي مدونتك
- ثم قم باختيار المظهر ثم تحرير html
- ثم قم بالبحث عن الوسم</head>
- ثم قم بوضع هذا الكود فوقه
<script>
//<![CDATA[
/*Responsive Menu*/
window.cnmunav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("cnmunav"+t);t++);return e?"cnmunav"+t:"cnmunav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="cnmunav2" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"←",u=n.label||"- القائمة -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();$(document).ready(function(){cnmunav('maymenu');});
//]]>
</script>
<style>#welcomebox {position: fixed; bottom: 30%; left: 0; width: auto; z-index: 1000000; text-align: center; right: 0;}.welcomeclose {background:#cf4126;color:#fff ;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
.welcomeclose:hover {background:#44546a} #welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#f4f4f4 url(https://3.bp.blogspot.com/-CYy0hijJA0Y/WTN3f-FVSfI/AAAAAAAAAxA/I2hwS2Tus88oqW4pGYcnJ19ij3nmbaURgCLcB/s1600/white-ramadan.png) no-repeat top center;}</style>
- ثم قم بالبحث عن الوسم<body>
- ثم ضع بعده هذا الكود
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='welcomeoverlay'></div>
<div id='welcomebox'>
<div class='logo_ramadan' style='list-style: none outside none'>
<img src='http://www.noorfatema.org/up/uploads/13431924761.gif' style='top:22px;right:20ox;overflow: hidden;position: absolute;width:80px;'/>
</div>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>دخول المدونة →</div>
</div>
</b:if>
- ثم قم بحفظ القالب
- والان مبروك عليك الاضافة
ليست هناك تعليقات: