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

الصفحات

اخر الاخبار[LastPost]

بلوجر

افضل واهم 5 اضافات بلوجر سهلة التركيب 2021

يوسف
(0)

 

افضل واهم 5 اضافات بلوجر سهلة التركيب 2021

السلام عليكم ورحمة الله وبركاته اليوم في هذا الموضوع ساشارك معكم افضل 5 اضافات ومهمة لمستخدمين بلوجر سهلة التركيب بدون الحاجة الي معرفة اي لغة برمجة . افضل 5 اضافات الذي سيتم شرحهم في هذا الموضوع هم اضافة الاعلانات الثابتة في اسفل المدونة ثاني . اضافة هي تركيب زر الصعود والهبوط في مدونة بلوجر وثالث اضافة هي مانع اعلانات adblock . ورابع اضافة هي مثل الاضافة الاولة ولكن هذا سيتم تثبيت الاعلانات في جانب المدونة . الاضافة الأخيرة هي كود البحث في المدونة اولا تابع معي بتركيز

 اضافة الاعلانات الثابتة في اسفل المدونة

  1. اتجه الي لوحة تحكم بلوجر
  2. ثم تخطيط 
  3. اضف html /javaScript
  4. انسخ هذا الكود وضيفه في الخانة الفارغة 
  5. وبدل الكود الاخضر بكود الاعلان الخاص بك 

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='max-height:105px;width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' style='vertical-align:middle;' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:970px;max-height:90px;overflow:hidden;margin:auto'>
<!-- banner 970 -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' style='display:inline-block;width:970px;height:90px'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

اضافة  زر الصعود والهبوط في المدونة

  1. اتجه الي المظهر ثم تعديل Html
  2. ولكن قبل التعديل احتفظ بنسخة من القالب 
  3. ثانيا ابحث عن ]]></b:skin>  واضف هذا الكود فوقه 
#scrollToTop{display:none;list-style:none;position:fixed;bottom:49%;right:10px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#scrollToTop a{color:rgba(0,0,0,0.2);font-size:16px}
#scrollToTop a:hover{color:rgba(0,0,0,0.5)}
#top{position:absolute;top:0}

ابحث عن </body> واضف هذا  الكود فوقه :

<ul id='scrollToTop'>
  <li><a href='#top'><i class='fa fa-chevron-up' title='Go up'/></a></li>
  <li><a href='#bottom'><i class='fa fa-chevron-down' title='Go down'/></a></li>
</ul>
<div id='top'/>
<div id='bottom'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var o=220,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#scrollToTop").fadeIn(r):jQuery("#scrollToTop").fadeOut(r)})});
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},600),!1}})});
//]]>

وان لم يعمل معك اضف هذا الكود هكذا :

<script type='text/javascript'>
/*<![CDATA[*/
اضف هنا الكود الي فوق
/*]]>*/
</script>

اضافة مانع الاعلانات اد بلوك adblock

  1. اتجه الي المظهر ثم تعديل html 
  2. ولاتنسي اخذ نسخة احتياطية 
  3. ابحث عن ]]></b:skin>  اضغط ctrl+f للبحث
  4. الصق هذا الكود فوقه 
*/@-webkit-keyframes bounce{0%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}
@keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
.adblockInfo{width:100%;height:100%;position:fixed;top:0;left:0;z-index:900;display:none}
.adblockInfo.is-active{display:block}
.adblockInfo__container{top:calc(50% - 130px);left:calc(50% - 250px);max-width:500px;max-height:90%;font-size:16px;text-align:center;box-shadow:0 6px 5px -5px rgba(0,0,0,.5);-webkit-animation:bounce 1s;animation:bounce 1s}
.adblockInfo__container,.adblockInfo__title{position:relative;z-index:10}
.adblockInfo__title{padding:1em 2em;font-size:1.2em;margin:0}
.adblockInfo__text{padding:2em;font-weight:500;font-size:1em;margin:0}
.adblockInfo__cover{background-repeat:repeat;background-size:cover;background-position:center;height:5em;position:relative}
@-webkit-keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1)}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1)}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1)}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}
@keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1)}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1)}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1)}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}
.adblockInfo__cover__img{position:absolute;left:2em;bottom:-15px;-webkit-animation:rubberBand 3s infinite;animation:rubberBand 3s infinite;-webkit-transform-origin:bottom;transform-origin:bottom}
.adblockInfo__close{background:rgba(0,0,0,.2);border:0;outline:0;font-family:monospace;font-size:1.3em;color:#fff;position:absolute;top:0;right:0;cursor:pointer;padding:0 1em;bottom:0;-webkit-transition:background .3s;transition:background .3s}
.adblockInfo__close:hover{background:rgba(0,0,0,.4)}
@media (max-width:500px){.adblockInfo__container{left:0;right:0;width:100%}}
.adblockInfo{background:rgba(0,0,0,0.95)}
.adblockInfo__title,.adblockInfo__container{background:#fff}
.adblockInfo__cover{background-image:url(https://a.top4top.net/p_8455gzpl1.png);background-color:#1d2129}
.adblockInfo__title{border-bottom:1px solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.75)}
.adblockInfo__text{color:rgba(0,0,0,0.5)}

ثم  ابحث عن الوسم <body> والصق الكود التالي اسفله مباشرة :

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>


<div class="adblockInfo"><div class="adblockInfo__container">

<div class="adblockInfo__cover">




<img class="adblockInfo__cover__img" src="https://f.top4top.net/p_845xltyt1.png"/></div>

<h3 class="adblockInfo__title">
تم الكشف عن مانع الإعلانات</h3>
<p class="adblockInfo__text"></div>
من فضلك قم بتعطيل أداة مانع الأعلانات أدبلوك AdBlock من المتصفح للدخول للمدونة، أو أستخدم متصفح أخر وشكرا لك :)</p>

</div></b:if>

واخيرا يمكنك التعديل علي الكلام والصورة https://f.top4top.net/p_845xltyt1.png بدله برابط الصورة الخاصة بك كذالك الكلام

اضافة الاعلانات بجانب المدونة

  1. اتجه الي  لوحة تحكم بلوجر
  2. ثم تخطيط 
  3. اضف html /javaScript
  4. انسخ هذا الكود وضيفه في الخانة الفارغة 
  5. وبدل الكود الاخضر بكود الاعلان الخاص بك 
</script>
<style scoped='' type="text/css">
#iklankirikanan{position:fixed;_position:absolute;top:6px;right:9%;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)}
</style>
<script type="text/javascript">
function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close1(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="iklankirikanan">
<div style="text-align: right;">
<a href="" onclick="close1(); return false"><img src="http://2.bp.blogspot.com/-aRTMaSBhxJg/Vjj4aRYEn6I/AAAAAAAAL6E/RzooTTh7ImE/s1600/close-btn.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a target="_blank" href="LINK-TUJUAN" title="Iklan"><img style="border: none;" alt="Iklan" src="http://4.bp.blogspot.com/-uYgvBdhOFz0/Vjj4aQG-nII/AAAAAAAAL6A/v034kFtZlBw/s1600/ban-melayang.gif" title="Iklan" width="160" height="600"/></a></div>
</div></div>
<style scoped='' type="text/css">
#iklankirikanan1{position:fixed;_position:absolute;top:6px;left:9%;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)}
</style>
<script type="text/javascript">
function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close11(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan1").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="iklankirikanan1">
<div style="text-align: left;">
<a href="" onclick="close11(); return false"><img src="http://2.bp.blogspot.com/-aRTMaSBhxJg/Vjj4aRYEn6I/AAAAAAAAL6E/RzooTTh7ImE/s1600/close-btn.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;">
<a target="_blank" href="LINK-TUJUAN" title="Iklan"><img style="border: none;" alt="Iklan" src="http://4.bp.blogspot.com/-uYgvBdhOFz0/Vjj4aQG-nII/AAAAAAAAL6A/v034kFtZlBw/s1600/ban-melayang.gif" title="Iklan" width="160" height="600"/></a></div></div></div>
 

اضافة كود البحث

  1. اتجه الي  لوحة تحكم بلوجر
  2. ثم تخطيط 
  3. اضف html /javaScript
  4. انسخ هذا الكود وضيفه في الخانة الفارغة 
<form action='/search' id='searchlox' method='get'>
<input name='q' placeholder='ابحث عن فيلمك' size='15' type='text'/>
<input id='button-suubmit' type='submit' value='بحث'/></form>
ثم 
  1. اتجه الي المظهر ثم تعديل html 
  2. ولاتنسي اخذ نسخة احتياطية 
  3. ابحث عن ]]></b:skin>  اضغط ctrl+f للبحث
  4. الصق هذا الكود فوقه 
#searchlox{width: 250px;margin-right: 1388px; margin-top: -51px;}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchlox input{outline:none}#searchlox input[type=&quot;text&quot;]{background: url(//2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 9px 10px #fff;border-width: 1px; border-style: solid; border-color: #fff;font: bold 12px Arial,Helvetica,Sans-serif; color: #000000; width: 73%; padding: 8px 15px 8px 30px; border-radius: 6px; font-size: 13px; font-family: &#39;Almarai&#39;; height: 32%;}
#button-suubmit{ font-family: &#39;Almarai&#39;;border-radius: 6px;background: #c91516;border-width: 0;padding: 9px 0;width: 23%;cursor: pointer;font: bold 12px Arial,Helvetica;color: #fff;text-shadow: 0 1px 0 #555;height: 35px;}
#button-submit:active{background:#5b5d60;outline:none}#button-submit::-moz-focus-inner{border:0}

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


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

أخر المواضيع من قسم : بلوجر

تعليقات

إرسال تعليق