ما هي اضافات بلوجر
إضافات بلوجر هي عبارة عن قطع برمجية صغيرة تتم إضافتها إلى نظام إدارة المحتوى بلوجر لتوفير وظائف إضافية ومميزات تخصص المدونة وتحسينها. تتيح هذه الإضافات لأصحاب المدونات إمكانية تغيير شكل وتصميم المدونة، وإضافة مكونات إضافية مثل نماذج الاشتراك، وأزرار المشاركة على وسائل التواصل الاجتماعي، وعرض المقالات ذات الصلة، والتوقيت الذاتي للمقالات، وغيرها الكثير. تساعد هذه الإضافات في إضافة وظائف وتجربة تفاعلية لموقع الويب ، وتعزيز التفاعل بين القراء والمحتوى.اهمية اضافات بلوجر
تستخدم العديد من المدونات إضافات بلوجر لعدة أسباب ومزايا، ويتم تحقيق العديد من الفوائد عند استخدامها.
- تخصيص المدونة: تسمح الإضافات بلوجر لأصحاب المدونات بتخصيص تصميم المدونة وشكلها بالكامل. يمكن تغيير ألوان الخلفية والخطوط والتخطيط العام للصفحة لمطابقة الهوية البصرية للمدونة أو العلامة التجارية.
- تحسين الأداء وسرعة التحميل: بعض الإضافات تساعد في تحسين سرعة تحميل المدونة وتحسين أداء الموقع. يمكن استخدام إضافات مثل الذكاء الاصطناعي المتقدم لتحسين تجربة التصفح وتقليل وقت تحميل الصفحة.
- تحسين تجربة المستخدم: تساعد إضافات بلوجر في تحسين تجربة المستخدم وجعلها أكثر تفاعلية وسهولة. من خلال إضافة أزرار المشاركة على وسائل التواصل الاجتماعي ونماذج الاشتراك في النشرة الإخبارية، يصبح من السهل على القراء المشاركة والتفاعل مع المحتوى.
- تحسين تحسين استراتيجية التسويق: تساعد إضافات بلوجر في تحسين استراتيجية التسويق الرقمي. يمكن إضافة إضافات لتحليل مرور الموقع وتتبع الأرقام وإحصائيات التفاعل مع المحتوى. هذا يمكن أصحاب المدونات من قياس الأداء وتحسينها وتحقيق أهدافهم التسويقية.
يمكن القول أن استخدام إضافات بلوجر يمكن أن يجلب العديد من الفوائد لأصحاب المدونات. سواء كنت ترغب في تخصيص تصميم المدونة أو تحسين أداء الموقع أو تحسين تجربة المستخدم، يمكن العثور على إضافة مناسبة لتحقيق هذه الأهداف. استخدم إضافات بلوجر بذكاء وقم بتحسين وتحسين مدونتك لإيصال رسالتك وجذب القراء.
اضافة الاقسام
.menu-item a { font-family: rakkas; color: #000; display: block; font-size: 13px; line-height: 48px; padding: 10px 14px;}.menu-item { display: inline-block;}.dropdown-content { margin-right: 10%!important; margin: 0; padding: 0 5px; line-height: 0; list-style: none; vertical-align: top; display: inline-block; overflow: hidden; width: 70%; overflow-x: auto; white-space: nowrap;}
<b:widget id='Label21' locked='false' title='التسميات' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'> <nav aria-label='Navigation' class='dropdown' role='navigation' style='display: inline;'> <ul class='dropdown-content' id='mainmenu' role='menubar'><li class='menu-item'> <b:if cond='data:view.isHomepage'> <h3 itemprop='name' style='background: #d3d3d3;'><a href='https://www.mobtakr.com/' id='homepage' title='الصفحة الرئيسية'> <i class='fas fa-home'/> الصفحة الرئيسية </a></h3><b:else/> <h3><a href='https://www.mobtakr.com/' id='homepage' title='الصفحة الرئيسية'> <i class='fas fa-home'/> الصفحة الرئيسية </a></h3> </b:if> </li> <b:loop index='n' values='data:labels' var='label'> <li class='menu-item'> <b:if cond='data:blog.url == data:label.url'> <h3><a expr:href='data:label.url' expr:id='"labelpage"+ data:n ' expr:title='data:label.name'> <b:if cond='data:label.name == "بلوجر" '><i class='fab fa-blogger-b'/> <b:elseif cond='data:label.name == "الربح من الانترنت" '/><i class='fas fa-search-dollar'/><b:elseif cond='data:label.name == "برامج"'/> <i class='fab fa-windows'/> <b:elseif cond='data:label.name == "تهيئة محركات البحث"'/> <i class='fab fa-searchengin'/> <b:elseif cond='data:label.name == "اخبار عامة" '/><i class='far fa-newspaper'/> <b:elseif cond='data:label.name == "العاب" '/><i class='fas fa-gamepad'/> <b:elseif cond='data:label.name == "برمجة" '/><i class='fas fa-code'/> <b:elseif cond='data:label.name == "تصميم" '/> <i class='fas fa-pen-nib'/><b:elseif cond='data:label.name == "شخصي" '/><i class='fas fa-theater-masks'/> <b:else/><i class='far fa-bookmark'/> </b:if> <data:label.name/></a></h3><b:else/> <h3><a expr:href='data:label.url' expr:id='"labelpage"+ data:n ' expr:title='data:label.name'> <b:if cond='data:label.name == "بلوجر" '><i class='fab fa-blogger-b'/><b:elseif cond='data:label.name == "الربح من الانترنت" '/><i class='fas fa-search-dollar'/><b:elseif cond='data:label.name == "برامج"'/><i class='fab fa-windows'/><b:elseif cond='data:label.name == "تهيئة محركات البحث"'/><i class='fab fa-searchengin'/><b:elseif cond='data:label.name == "اخبار عامة" '/><i class='far fa-newspaper'/><b:elseif cond='data:label.name == "العاب" '/><i class='fas fa-gamepad'/><b:elseif cond='data:label.name == "برمجة" '/><i class='fas fa-code'/> <b:elseif cond='data:label.name == "تصميم" '/><i class='fas fa-pen-nib'/> <b:elseif cond='data:label.name == "شخصي" '/><i class='fas fa-theater-masks'/> <b:else/><i class='far fa-bookmark'/></b:if><data:label.name/></a></h3></b:if> </li></b:loop></ul> </nav> </b:includable>
</b:widget>
اضافة شريط اخر الاخبار
<marquee direction="right" scrollamount="6"><font color="black"><b style="background-color: white;">
<a href="رابط المقال1">
عنوان المقال1</a> |
<a href="رابط المقال2">
عنوان المقال2</a> |
<a href="رابط المقال3">
عنوان المقال3</a> |
<a href="رابط المقال4">
عنوان المقال4</a> |
<a href="رابط المقال5">
عنوان المقال5</a> |
<a href="رابط المقال6">
عنوان المقال6</a>
</b></font></marquee>
اضافة ايقونات مواقع التواصل الاجتماعي
ازرار مواقع التواصل الإجتماعي هي ايقونات تظهر في اعلى او اسفل المدونة أو في الشريط الجانبي وتعرض مواقع التواصل الاجتماعي للمدونة وتعتبر اضافة جيدة للسيو لإنها تصنع روابط بين مواقع التواصل الإجتماعي والمدونة وباستخدامها يستطيع الزائر متابعة حسابات المدونة على مواقع التواصل الإجتماعي.
لإضافتها ننتقل إلى المظهر من لوحة تحكم بلوجر ثم إلى تعديل Html ثم نضيف الكود التالي فوق </b:skin>
ابحث عنه بالضغط على Ctrl + F
.kt-social-buttons-widget ul { list-style: none; padding-left: 0; text-align: center; } .kt-social-buttons-widget li a { font-size: 10px; text-transform: uppercase; letter-spacing: 0px; text-decoration: none; display: block; padding: 10px 1px 10px 10px; } .kt-social-buttons-widget ul li { width: 100%; margin-bottom: 10px; } .kt-social-buttons-widget li a.social-btn-twitter { background: #1da1f2; color:#fff; } .kt-social-buttons-widget li a i { float: right; width: 35px; height: 14px; line-height: 14px; text-align:center ; margin: 0; padding: 0 0 0 10px; font-size: 14px; } .kt-social-buttons-widget li a i { border-left: 1px solid #666; line-height: 14px; } .kt-social-buttons-widget li a.social-btn-facebook { background: #3b5998; color:#fff; } .kt-social-buttons-widget li a.social-btn-youtube { background: #cd201f; color:#fff; } .kt-social-buttons-widget li a.social-btn-instagram { background: #405de6; color:#fff; } .kt-social-buttons-widget li a:hover { color: #0a0a0a !important; background:#f8f8f8 !important; }
<div class="kt-social-buttons-widget">
<ul class="sidebar-social clearfix">
<li>
<a href="رابط حسابك على تويتر" class="social-btn-twitter">
تابعنا عبر تويتر</a></li>
<li>
<a href="رابط حسابك على فيسبوك" class="social-btn-facebook">
تابعنا عبر الفيس بوك <i class="fa fa-facebook"></i> </a></li>
<li>
<a href="رابط قناتك على يوتيوب" class="social-btn-youtube">
تابعنا في اليوتيوب <i class="fa fa-youtube"></i> </a></li>
<li>
<a href="رابط حسابك في انستقرام" class="social-btn-instagram">
تابعنا في انستجرام <i class="fa fa-instagram"></i> </a></li>
</ul>
</div>
اضافة اقرأ أيضاً
<b:if cond='data:blog.pageType != "index"'>
<style>
.readtoo{direction:rtl;text-align:right;width:auto;height:auto;font-size:15px;margin:10px 0;padding:5px;display:block;border:solid 2px #ddd;border-radius:3px;border-right:solid 2px rgb(0,0,180);padding-right:0;font-weight:bolder}
.titleofrt{background-color:rgb(0,0,204);color:#fff;padding:0 3px;border-radius:3px 0 0 0;font-size:1.2em}
.urlreadtoo{padding:3px}
.urlreadtoo a{display:block;text-decoration:none;color:rgb(0,50,70)}
.urlreadtoo a:hover{color:blue}
.urlreadtoo a:before{content:"*";padding:0 3px;vertical-align:middle;display:inline-block;margin:2px 0 0 0;color:rgb(0,0,209)}
</style>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<script>
//<![CDATA[
var numofposts = 5;
function readtooevent(e) {
var cft = document.getElementsByClassName("readtoo").length;
for (let t = 0; t < cft; t++) {
var puu=[];
var titleele = document.createElement("span");
titleele.className="titleofrt";
titleele.innerHTML="اقرأ أيضا";
document.getElementsByClassName("readtoo")[t].appendChild(titleele);
var allposts = e.feed["openSearch$totalResults"]["$t"];
allposts = parseInt(allposts);
if (parseInt(allposts)>150) {allposts=150;}
for (let i = 0; i < numofposts; i++) {
var rnd = Math.floor(Math.random() * allposts);
for(let l=0;l<puu.length;l++)puu[l]==rnd&&(rnd=Math.floor(Math.random()*allposts));
puu.push(rnd);var postorder=e.feed.entry[rnd].link.length-1,urlofppost=e.feed.entry[rnd].link[postorder].href,titleofpost=e.feed.entry[rnd].link[postorder].title,postmh=document.createElement("a");postmh.href=urlofppost,postmh.target="_blank",postmh.innerHTML=titleofpost;var conofposts=document.createElement("div");conofposts.className="urlreadtoo",conofposts.innerHTML=postmh.outerHTML,document.getElementsByClassName("readtoo")[t].appendChild(conofposts);
}
}
}
var scriptthm = document.createElement("script");
scriptthm.src="/feeds/posts/default?alt=json-in-script&max-results=150&callback=readtooevent";
document.getElementsByClassName("readtoo")[0].appendChild(scriptthm);
//]]>
</script>
</b:if>
ثم نبحث عن data:post.body بالضغط على Ctrl + F
اذا وجد اكثر من واحد قم بكتابة نص فوق احدهما وان ظهر النص في اول المقالة فعرف انه الوسم الصحيح عادتا ما يكون الوسم الثاني
ثم نقوم بلصق الكود التالي تحته
<div class='readtoo'></div>
اضافة المشاركة على مواقع التواصل الاجتماعي
.sharet-wdbloog { border-top: 1px solid rgba(204,204,204,0.31); padding: 10px 0; text-align: center; border-bottom: 1px solid rgba(204,204,204,0.31); } .sharet-wdbloog p { float: right; color: #315270; font-weight: 600; } .sharet-wdbloog a { display: inline-block; width: 13%; text-align: center; border-radius: 30px; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.13); font-size: 15px; background: #315270; color: #fff; cursor: pointer; height: 40px; margin: 0 1px; line-height: 40px; } .sharet-wdbloog a:hover { opacity: .9; } .sharet-wdbloog a.share-facebook { background-color: #2b4170; background: -moz-linear-gradient(top,#3b5998,#2b4170); background: -ms-linear-gradient(top,#3b5998,#2b4170); background: -webkit-linear-gradient(top,#3b5998,#2b4170); background: -o-linear-gradient(top,#3b5998,#2b4170); } .sharet-wdbloog a.share-twitter { background-color: #0081ce; background: -moz-linear-gradient(top,#00aced,#0081ce); background: -ms-linear-gradient(top,#00aced,#0081ce); background: -webkit-linear-gradient(top,#00aced,#0081ce); background: -o-linear-gradient(top,#00aced,#0081ce); } .sharet-wdbloog a.share-gplus { background-color: #c33219; background: -moz-linear-gradient(top,#e64522,#c33219); background: -ms-linear-gradient(top,#e64522,#c33219); background: -webkit-linear-gradient(top,#e64522,#c33219); background: -o-linear-gradient(top,#e64522,#c33219); } .sharet-wdbloog a.share-linkedin { background-color: #0073b2; background: -moz-linear-gradient(top,#009cda,#0073b2); background: -ms-linear-gradient(top,#009cda,#0073b2); background: -o-linear-gradient(top,#009cda,#0073b2); background: -webkit-linear-gradient(top,#009cda,#0073b2); } .sharet-wdbloog a.share-wtsp { background-color: #4dc247; background: -moz-linear-gradient(top,#55d94f,#4dc247); background: -ms-linear-gradient(top,#55d94f,#4dc247); background: -webkit-linear-gradient(top,#55d94f,#4dc247); background: -o-linear-gradient(top,#55d94f,#4dc247); } .sharet-wdbloog a i { padding-left: 5px; }
ثم ابحث عن الوسم <body/> بالضغط على Ctrl + F واضف الكود التالي فوقه
<script> //<![CDATA[ $( ".share-wtsp" ).click(function() { var ua = navigator.userAgent.toLowerCase(); var isAndroid = ua.indexOf("android") > -1; var Ismobile = ua.indexOf("mobile") > -1; var isiPhone = ua.indexOf("iPhone") > -1; if(isAndroid) { }else if(Ismobile){ } else if(isiPhone){ } else { alert("لا يمكنك مشاركة التدوينة على الواتساب من الحاسوب !"); } }); //]]> </script>
<div class='sharet-wdbloog'> <p>شارك الموضوع عبر :</p> <a class='share-facebook' expr:href='" http://www.facebook.com/share.php?v=4& src=bm& u=" + data:post.url + " & t=" + data:post.title' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=436" ); return false;' rel='nofollow' title='المشاركة على فيسبوك'><i class='fa fa-facebook'/><span>فيسبوك</span></a> <a class='share-twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='المشاركة على تويتر'><i class='fa fa-twitter'/><span>تويتر</span></a> <a class='share-gplus' expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' target='_blank' title='المشاركة على جوجل بلس'><i class='fa fa-google-plus'/><span>جوجل +</span></a> <a class='share-linkedin' expr:href='"http://linkedin.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='المشاركة على لينكدين'><i class='fa fa-linkedin'/><span>لينكدين</span></a> <a class='share-wtsp' expr:data-href='data:post.url' expr:data-text='data:post.title' rel='nofollow' target='_blank' title='المشاركة على الواتساب'><i class='fa fa-whatsapp'/><span>واتساب</span></a> </div>
اضافة موضوعات ذات صلة
#related_posts{margin-top:20px}
#related_posts h4{color:#fff;background:#3498db;padding:10px;margin:0 0 5px;font-size:110%;}
#related_img{margin:0;padding:0;}
#related_img:hover{background:0}
#related_img ul{list-style-type:none;margin:0;padding:0}
#related_img li{min-height:62px;border-bottom:1px solid #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;}
#related_img li a{color:#2672a0;}
#related_img li a:hover{text-decoration:underline}
#related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;}
#related_img .news-text{display:block;font-weight:normal;text-transform:none;color:#888;font-size:11px;}
#related_img img{float:right;margin-left:10px;width:60px;height:60px;max-width:100%;background:#fff}
<script type='text/javascript'>/*<![CDATA[*/var relnum=0;var relmaxposts=5;var numchars=135;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRkWHL4IdS4JIEqIlLcUy_KaEi0Lz3C_lMdlNbKxwYNBEoTDRvD8JiTFmruW7tCxHMbHykn_sgxWQd6A41uWfBDoIcUMWRXvvRgulklnckZ6W9ccSxhTh8KMdSQ58dZ3VIi2GNpR4h-fa7/d/noimagethumb.gif",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[h]+"' rel='nofollow' target='_top' title='"+reljudul[h]+"'><img src='"+relgambar[h]+"' /></a>",g+="<a href='"+relurls[h]+"' target='_top'>"+reljudul[h]+"</a>",g+="<span class='news-text'>"+relcuplikan[h]+" ... <a href='"+relurls[h]+"' target='_top'>"+morelink+"</a><span class='news-text'>",g+="</li>",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/</script>
<div id='related_posts'>
<h4>مواضيع ذات صلة</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50"' type='text/javascript'/>
</b:loop>
<ul id='related_img'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>