الرئيسية / شروحات بلوجر
إظهار الرسائل ذات التسميات شروحات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات شروحات بلوجر. إظهار كافة الرسائل
تغيير شكل تعليقات بلوجر الى شكل احترافى 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}}
وبكدا انتهينا ومبروك عليك
أفضل كود ميتاتاج لمدونات بلوجر لضمان أرشفة قوية
ماهو أفضل كود ميتاتاج لمدونات بلوجر ؟
الكثير يطرح هدا السؤال وهدا ما سنتناوله في هدة التدوينة , الكل يعلم بأن
اكواد الميتاتاج لها دور مهم, فهي المسؤولة عن فهرسة المواضيع وتصدر نتائج
البحث , هدا طبعا ان كانت الاكواد بالشكل الصحيح أما إد كان العكس فالنتائج
ستكون سلبية , اكواد الميتاتاج هي علامات وصفية للموقع على شكل اكواد html
تساعد محركات البحث في الزحف الى موقع الويب الخاص بك وتحليل بياناته ,

بعد بحث مكتف وتحليل العديد من الاكواد واجراء العديد من التجارب أخيرا
وجدت هدا الكود الدي هو صديق السيو وسيسهل عملية فهرسة المواضيع بشكل جيد
فقط تابع طريقة إضافته الى المدونة .
توجه الى لوحة التحكم بلوجر
اختر المدونة ثم القالب
قم بتحرير القالب بعدها ابحث عن هدا الوسم
<head> ستجد العديد من الاكواد اسفله قم بحدف كل تلك الاكواد الى حدود الوسم <b:skin>
بعد ذالك ضع بينهما هدا الكود مع تغيير ما باللون الازرق الى ما يناسبك
توجه الى لوحة التحكم بلوجر
اختر المدونة ثم القالب
قم بتحرير القالب بعدها ابحث عن هدا الوسم
<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 == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + 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 == "archive"'>
<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'/>
معاني الدول و النطاقات في الروابط
اختصارات الدول:-
أسماء نطاقات الدول
.sa المملكة العربية السعودية
.ps دولة فلسطين
.jo المملكة الأردنية الهاشمية
.ae دولة الإمارات العربية المتحدة
.us الولايات المتحدة الأمريكية
.uk المملكة البريطانية
.sd السودان
. eg مصر
.dz الجزائر
.bh البحرين
.ai أنغولا
.al ألبانيا
.am أرمينيا
.ar ا لأرجنتين
.au استراليا
.az أذرابيجان
.ba البوسنة
.bd ب نجلادش
.bf بركينا فاسو
.bg بلغاريا
.bo بوليفيا
.br البرازيل
.ca كندا
.cg جمهورية الكونغو
.ch سويسرا
.cl الصين
.cm الكاميرون
.cn جمهورية الصين الشعبية
.cr كوستاريكا
.cu كوبا
.de ألمانيا
.dk الدينمارك
.er أريتيريا
.es اسبانيا
.et أ ثيوبيا
.eu الاتحاد الأوروبي
.fi فنلاندا
.ga الجابون
.ge جورجيا
أسماء نطاقات الدول
.sa المملكة العربية السعودية
.ps دولة فلسطين
.jo المملكة الأردنية الهاشمية
.ae دولة الإمارات العربية المتحدة
.us الولايات المتحدة الأمريكية
.uk المملكة البريطانية
.sd السودان
. eg مصر
.dz الجزائر
.bh البحرين
.ai أنغولا
.al ألبانيا
.am أرمينيا
.ar ا لأرجنتين
.au استراليا
.az أذرابيجان
.ba البوسنة
.bd ب نجلادش
.bf بركينا فاسو
.bg بلغاريا
.bo بوليفيا
.br البرازيل
.ca كندا
.cg جمهورية الكونغو
.ch سويسرا
.cl الصين
.cm الكاميرون
.cn جمهورية الصين الشعبية
.cr كوستاريكا
.cu كوبا
.de ألمانيا
.dk الدينمارك
.er أريتيريا
.es اسبانيا
.et أ ثيوبيا
.eu الاتحاد الأوروبي
.fi فنلاندا
.ga الجابون
.ge جورجيا
كود تسريع تحميل مدونتك
كود تسريع تحميل مدونتك لكل من يمتلك مدونة بلوجر ويريد تسريع المدونة او الموقع الخاص بة فانصحة بهذا الكود يقوم بتسريع المدونة 100%
اولا اضغط هنا لقياس سرعة مدونتك قبل اضافة الكود
ثم اضغط علي قالب ثم تحريرhtml
بعد ذلك اضغط علي ctrl+f وقم بالبحث عن هذا الوسم
بعد ذلك اضغط علي ctrl+f وقم بالبحث عن هذا الوسم
<head/>
<script type='text/javascript'>//<;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>