الرئيسية / اضافات بلوجر
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
2 التعليقات

تغيير شكل تعليقات بلوجر الى شكل احترافى Changeformcommentsblogger

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

تغيير شكل تعليقات بلوجر الى شكل احترافى

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

تابع معى  

تغيير شكل تعليقات بلوجر الى شكل احترافى Changeformcommentsblogger
تغيير شكل تعليقات بلوجر الى شكل احترافى Changeformcommentsblogger
اذهب الى لوحة التحكم ثم قالب ثم تحرير HTML
ابحث عن 

]]></b:skin>
وضع الكود التالي فوقة 
.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}

.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-right:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;left:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-right:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEkhri4ORDKmbFAnXDuoqmLyHljPA4_ttag9TURMTUNfeuXpNEfMpRcm5QtyFvvQDZ5ojZhjwMNshKjNPKOA049vlXkUceIgAJZH0dNxap_NrQSyBzuWdZbXH3XtoIqcIL2eQH_i_oFcg/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}
وبكدا انتهينا ومبروك عليك
http://linkkawy.com/Bdru
لا يوجد تعليق

حل مشكلة ظهور eg. فى اخر دومين بلوجر

لقد عانو معظم المدونين من ظهوة eg , pa , sa  اخر دومين بلوجر وخاصًة أصحاب المدونات التى تمتاز بترتيب منخفض على اليكسا شعروا بالإحباط بعد اخر تحديث لبلوجر والذى جاء كالصاعقة لأنه تسبب فى فقد ترتيب المدونة , لكن لا داعى للقلق الان لأننا فى هذا الموضوع نقدم لكم حل عملى جدا للتخلص من الإضافات الموجودة على الدومين

لقد عانو معظم المدونين من ظهوة eg , pa , sa اخر دومين بلوجر وخاصًة أصحاب المدونات التى تمتاز بترتيب منخفض على اليكسا شعروا بالإحباط بعد اخر تحديث لبلوجر والذى جاء كالصاعقة لأنه تسبب فى فقد ترتيب المدونة , لكن لا داعى للقلق الان لأننا فى هذا الموضوع نقدم لكم حل عملى جدا للتخلص من الإضافات الموجودة على الدومين
لقد عانو معظم المدونين من ظهوة eg , pa , sa  اخر دومين بلوجر وخاصًة أصحاب المدونات التى تمتاز بترتيب منخفض على اليكسا شعروا بالإحباط بعد اخر تحديث لبلوجر والذى جاء كالصاعقة لأنه تسبب فى فقد ترتيب المدونة , لكن لا داعى للقلق الان لأننا فى هذا الموضوع نقدم لكم حل عملى جدا للتخلص من الإضافات الموجودة على الدومين

فقط ضع الكود التالى فوق وسم </head>

<script type='text/javascript'> var str=window.location.href.toString();if("-1"==str.indexOf(".com/")){var str1=str.substring(str.lastIndexOf(".blogspot."));if("-1"==str1.indexOf("/"))var str2=str1;else var str2=str1.substring(0,str1.indexOf("/")+1);window.location.href=window.location.href.toString().replace(str2,".blogspot.com/ncr/")} </script>
يمكنك المعاينة على مدوتنا , لابد انك لاحظت عدم وجود أحد هذه النهايات
eg , pa , sa
والى تتغير على حسب بلد الزائر
 http://linkkawy.com/Bdru
لا يوجد تعليق

أفضل كود ميتاتاج لمدونات بلوجر لضمان أرشفة قوية

ماهو أفضل كود ميتاتاج لمدونات بلوجر ؟ الكثير يطرح هدا السؤال وهدا ما سنتناوله في هدة التدوينة , الكل يعلم بأن اكواد الميتاتاج لها دور مهم, فهي المسؤولة عن فهرسة المواضيع وتصدر نتائج البحث , هدا طبعا ان كانت الاكواد بالشكل الصحيح أما إد كان العكس فالنتائج ستكون سلبية , اكواد الميتاتاج هي علامات وصفية للموقع على شكل اكواد html تساعد محركات البحث في الزحف الى موقع الويب الخاص بك وتحليل بياناته ,


 
 بعد بحث مكتف وتحليل العديد من الاكواد واجراء العديد من التجارب أخيرا وجدت هدا الكود الدي هو صديق السيو وسيسهل عملية فهرسة المواضيع بشكل جيد فقط تابع طريقة إضافته الى المدونة .

توجه الى لوحة التحكم بلوجر
اختر المدونة ثم القالب
قم بتحرير القالب بعدها ابحث عن هدا الوسم
<head> ستجد العديد من الاكواد اسفله قم بحدف كل تلك الاكواد الى حدود الوسم <b:skin>


بعد ذالك ضع بينهما هدا الكود مع تغيير ما باللون الازرق الى ما يناسبك

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:else/>
<meta content='وصف قصير للموقع' name='description'/>
<meta content='كلمات دلالية للموقع' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
<b:else/>
<meta content='index, follow, noodp, noydir' name='robots'/>
</b:if>
<meta content='index, follow, snipet' name='googlebot'/>
<meta content='Isi Dengan Nama Anda' name='author'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='general' name='rating'/>
<meta content='كود التحقق من جوجل' name='google-site-verification'/>
<meta content='كود التحقق من بينج' name='msvalidate.01'/>
<meta content='كود التحقق من اليكسا' name='alexaVerifyID'/>
تعليق 1

كود تسريع تحميل مدونتك

كود تسريع تحميل مدونتك لكل من يمتلك مدونة بلوجر ويريد تسريع المدونة او الموقع الخاص بة فانصحة بهذا الكود يقوم بتسريع المدونة 100%

 اولا اضغط هنا لقياس سرعة مدونتك قبل اضافة الكود

 ثم اضغط علي قالب ثم تحريرhtml
بعد ذلك اضغط علي ctrl+f وقم بالبحث عن هذا الوسم
 <head/>   
<script type='text/javascript'>//<![CDATA[

(function(a) {

a.fn.lazyload=function(b){var c={threshold: 0,failurelimit:0,event:"scroll",effect:"show",cont ainer:window;

};

if(b) {

a.extend(c,b);

}

var d=this;if("scroll"==c.event) {

a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a. leftofbegin(this,c)){

}

else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c) ) {

a(this).trigger("appear");

}

else {

if(e++>c.failurelimit){return false;

}}});

var f=a.grep(d,function(a) {

return!a.loaded;

});

d=a(f);

})}

this.each(function() {

var b=this;if(undefined==a(b).attr("original")){a(b).a ttr("original",a(b).attr("src"));

}

if("scroll"!=c.event||undefined==a(b).attr("src")| |c.placeholder==a(b).attr("src")||a.abovethetop(b, c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rig htoffold(b,c)) {

if(c.placeholder){a(b).attr("src",c.placeholder);

}

else {

a(b).removeAttr("src");

}

b.loaded=false;

}

else {

b.loaded=true;

}

a(b).one("appear",function() {

if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src", a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true;

}).attr("src",a(b).attr("original"));

}});

if("scroll"!=c.event) {

a(b).bind(c.event,function(c){if(!b.loaded){a(b).t rigger("appear");

}})}});

a(c.container).trigger(c.event);return this;

};

a.belowthefold=function(b,c) {

if(c.container===undefined||c.container===window){ var d=a(window).height()+a(window).scrollTop();

}

else {

var d=a(c.container).offset().top+a(c.container).heigh t();

}

return d<=a(b).offset().top-c.threshold;

};

a.rightoffold=function(b,c) {

if(c.container===undefined||c.container===window){ var d=a(window).width()+a(window).scrollLeft();

}

else {

var d=a(c.container).offset().left+a(c.container).widt h();

}

return d<=a(b).offset().left-c.threshold;

};

a.abovethetop=function(b,c) {

if(c.container===undefined||c.container===window){ var d=a(window).scrollTop();

}

else {

var d=a(c.container).offset().top;

}

return d>=a(b).offset().top+c.threshold+a(b).height();

};

a.leftofbegin=function(b,c) {

if(c.container===undefined||c.container===window){ var d=a(window).scrollLeft();

}

else {

var d=a(c.container).offset().left;

}

return d>=a(b).offset().left+c.threshold+a(b).width();

};

a.extend(a.expr[":"], {

"below-the-fold"

:"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold": "!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})";

})})(jQuery);$(function() {

$("img").lazyload({placeholder: "http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";

})})//]]></script>
وقم بالضغط علي حفظ النموذج
وقم بالدخول هنا وقياس سرعة مدونتك
مرة اخري وستلاحظ الفرق
لا يوجد تعليق

طريقة جعل المدونة متوافقة مع الهاتف

السلام عليكم ورحمة الله وبركاتة اليوم اضافة جديدة وهى ازاى تخلى الموقع او المدونة متوافقة مع الهاتف وجميع اللاجهزة الحديثة

نقوم بالبحث على هذا الوسم </head> ثم نضيف فوقه كود الميتا التالي :
          <meta content='width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes' name='viewport'/>
جيد ، بعد ذلك نقوم بالبحث على ]]></b:skin> و نضيف قبله الكودج التالي :
Responsive styles ******************************************/ @media screen and (max-width : 1280px) { } @media screen and (max-width : 1024px) { } @media screen and (max-width : 768px) { } @media screen and (max-width : 640px) { } @media screen and (max-width : 480px) { } @media screen and (max-width : 320px) { } /************************************************** *
تم بحمد الله
لا يوجد تعليق

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

اليوم اضافة جديدة وهية تدوية الاسبوع بشكل جديد ومختلف الاضافة احترافية لمدونة بلوجر الاضافة رائعة وبسيطة 

طريقة التركيب
1- نذهب الى لوحة تحكم القالب
2- نذهب الى التخطيط ثم اضافة اداة html/javascript ونضع الكود التالي داخل الاداة

<div class="ar1web_today_img">
<img alt="قالب seo smile ؟" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj531s88NnJjFFTC9D1d9xCEvCv1Gz1qaRuGNOfR1Mbz0eX2FY76-HJ4e3acGipnCG-leSSFF4JqhjmhJEqMfMPBrDFYAjsMnIJwrQqti1ddePJR3mbIJbuUdE-EaJIDZr-vjaxOgw4amq_/s1600/meta-tag.jpg" />
<a http://3uoni.blogspot.com/2015/04/meta-tag-2015-2016.html"><i class="fa  fa-arrows-alt"></i></a>
<p> افضل كود ميتا تاج لمدونة بلوجر 2015-2016
</p>
</div>
<style>
.ar1web_today_img{position:relative;padding-top:5px}.ar1web_today_img img{width:100%;height:200px}.ar1web_today_img a{display:block;width:48px;height:48px;background:rgba(255,255,255,0.8);color:#e23a3e;font-size:20px;text-align:center;line-height:2.6;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);position:absolute;top:76px;left:126px;z-index:1001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ar1web_today_img p{position:absolute;bottom:0;left:0;background: rgba(77, 135, 209, 0.6);

text-align: center;padding:12px 29px;margin:0;font-size:15.1px;color:#FFF;}.ar1web_today_img:hover a{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.ar1web_today_img:hover a:hover{color:#333}.ar1web_posts{float:right;width:730px;background:#FFF;margin:24px 0;-webkit-box-shadow:0 0 5px #DDD;-moz-box-shadow:0 0 5px #DDD;box-shadow:0 0 5px #DDD}.ar1web_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.ar1web_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400}
</style>

تخصيص الاضافة
الون الاحمر - صورة الموضوع
الون الازرق - رابط الموضوع
الون البنفسجي - وصف الموضوع

لا يوجد تعليق

ازرارمعاينة تحميل لمدونة بلوجر بشكل جديد واحترافي

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

طريقة تركيب الازرار
1- من لوحة التحكم >> قالب >> تحرير HTML
2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
4- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي
#wrap {
    margin: 20px auto;
    text-align: center;
}

.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #efa666;
}

.btn-slide:hover {
    background-color: #0099cc;
}

.btn-slide2:hover {
    background-color: #efa666;
}

.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #efa666;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #efa666;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}
5- اضف الكود التالي بداخل الموضوع في تبويب html
 <div id="wrap">
<a href="الرابط هنا" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">معاينة</span>
  <span class="title-hover">اضغط هنا</span>
</a>
<a href="الرابط هنا" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">تحميل</span>
  <span class="title-hover2">اضغط هنا</span>
</a>
</div>  
واخيراً قم بالتغيرات المناسبة من خلال وضع رابط التحميل والمعاينة وغيرها

اتمنى  ان ينال اعجابكم الموضوع
دمتم في رعاية الله وحفظه