Sunday, 18 November 2018

تسريع تحميل صفحات المدونة

تسريع تحميل صفحات المدونة

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

1.الحد من الإضافات والأدوات.
وهذا خطأ العديد من المدونين وخاصة المبتدأين منهم,فهم منهمكون في تحسين مظهر مدونتهم وزيادة جماليتها بغض النظر عن السلبيات لتلك الإضافات,لذا يفضل التقليل من الإضافات التي لاداعي لها,ولا تكن مهتم بالمظهر كثير فالمحتوى هو الاساس فالزوار ينجذبون للمحتوى اساسا وليس المظهر,فالمحتوى هوالملك.

2.ازالة الاكواد الغير مستخدمة.
كما اشرت في النقطة الاولى,عدم الإكثار من الإضافات وايضا حذف وإزالة الاكواد البرمجية الغير مستخدمة أوالغير فعالة على المدونة فهي تبطئ ايضا من تحميل المدونة, وتذكر المحتوى هو الملك.

3.استخدام كود التحميل البطيء للصور.
هذا الكود سيؤجل تحميل الصور الى ان يصل الزائر اليها , اي انه سيتم منع المتصفح من تحميل الصور الى ان يصل اليها.
لإضافة هذه الميزة الى مدونتك سجل دخولك الى بلوجر ثم اتجه الى المظهر ثم اختر تعديلHTML ابحث عن الوسم </head> وضع الكود التالي قبله/فوقه
 <script type='text/javascript'>//<![CDATA[
(function(a) {
a.fn.lazyload=function(b){var c={threshold: 0,failurelimit:0,event:"scroll",effect:"show",container: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).attr("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.rightoffold(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).trigger("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).height();
}
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).width();
}
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>

ملاحظة: يمكن ان يكون الكود غير مناسب للقالب الخاص بك ويمكن أن يتعارض مع الأكواد الأخرى للقالب وقد يسبب بطء في تحميل المدونة لذا يرجى حذفه.

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

5. استخدام خلفية عادية للمدونة.
من الجميل وضع صورة مميزة أو استخدام كود جيكوري لصنع خلفية مميزة لمدونتك, لكن غالبا ما يأخذ ذالك النوع من الخلفيات وقتا للتحميل لذا يفضل جعل الخلفية لون محدد وعدم استخدام الصور.

6.تقليل حجم الصور المستخدمة.
كثير ما نستخدم الصور في مقالاتنا وخاصة من يقدمون شروحات ودروس وبالطبع سيكون للصور نصيبا مهماً بإبطاء تحميل المدونة لذا هنالك بعض الحلول لتقليل حجم الصور.
  1ً.إذا كنت تصمم الصور بنفسك عبر برنامج الفتوشوب أو الاليستريتر فعند استخاراج الصور قم بإستخراجها كـ save for web واختر الصيغة PNG-24 هذا سيقلل من حجم الصور بنسبة قد تصل الى 70% .
  2ً.استخدم موقع compresspng لتقليل حجم الصور بنسبة كبيرة أيضا تصل أحيانا الى 60% .

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

8.استضافة الملفات الخارجية.
جميع القوالب تحتوي على ملفات JS و CSS يتم رفعها على استضافات خارجية لذا يفضل ان تكون تلك الإستضافات جيدة وذات سرعة تحميل ممتازة .

9.استخدام القوالب الخفيفة والمتجاوبة.
الإنترنت مليء بـِ قوالب بلوجر المجانية والمدفوعة لذا عليك التروي في اختيارك واختر ما هو بسيط وخفيف وسريع التحميل.

الى هنا أكون قد وصلت لنهاية المقال ارجو ان أكود قد وفقت بطرحه
إذا كانت لديكم اي استفسارات يرجى طرحها في التعليقات

Saturday, 17 November 2018

ترقية روابط بلوجر !؟

البعض يرى أنت تنسيق روابط بلوجر مزعج و طويل نوعا ما وهل تسائلت يوما انه هل يمكنك ترقية روابط مدونتك على بلوجر لتظهر كما على الوردبرس
أي انها خالية من تاريخ النشر الذي يأتي بشكل سنة/شهر لروابط المقالات و أيضا لاحقة HTML في أخر الرابط
المقصود هو التعديل على الروابط وتغيير شكلها من هذه الحالة
https://juragan-itheric.blogspot.com/2018/10/blog-post.html
الى هذه الحالة
https://juragan-itheric.blogspot.com/blog-post
المعاينة الحية اضغط هنا
طبعا و مع الجهود المبذولة من المطورين فقد توصلو الى طريقة لجعل الروابط تبدو بهذا الشكل
إذا كنت ترغب بجعل روابط مدونتك هكذا تابع معي المقال

الطريقة الاولى
اتجه الى بلوجر ثم سجل الدخول لمونتك ثم اختر المظهر ثم تعديل HTML ابحث عن الوسم <head>
والصق الكود التالي اسفله / بعده
 <b:tag src='//cdn.rawgit.com/MohammadQt/Itheric/master/blogger.min.js' 
cond='!data:view.isMultipleItems'
name='script'/>

الطريقة الثانية
اتجه الى بلوجر ثم سجل الدخول لمونتك ثم اختر المظهر ثم تعديل HTML ابحث عن الوسم <head>
والصق الكود التالي اسفله / بعده

 <script type="text/javascript">
// BloggerJS v0.4.0
// Licensed under the MIT License
// Copyright (c) 2017-2018 Kenny Cruz
// github.com/jokenox

// Configuration
var config = {
postsDatePrefix: false,
accessOnly: false,

useApiV3: false,
apiKey: "YOUR-API-KEY-HERE"
}
var postsOrPages=["pages","posts"],blogId="<data:blog.blogId/>",urlTotal,fetchIndex=1,ampChar="&amp;"[0],secondRequest=!0,feedPriority=0,nextPageToken;function urlVal(){var url=window.location.pathname;var length=url.length;var urlEnd=url.substring(length-5);if(urlEnd===".html")return 0;else if(length>1)return 1;else return 2}
function urlMod(){var url=window.location.pathname;if(url.substring(1,2)==="p"){url=url.substring(url.indexOf("/",1)+1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../"+url)}else{if(!config.postsDatePrefix)url=url.substring(url.indexOf("/",7)+1);else url=url.substring(1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../../"+url)}}
function urlSearch(url,database){var pathname=url+".html";database.forEach(function(element){var search=element.search(pathname);if(search!==-1)window.location=element})}
function urlManager(){var validation=urlVal();if(validation===0){if(!config.accessOnly)urlMod()}else if(validation===1){fetchData(postsOrPages[feedPriority],1)}else if(validation===2){if(!config.accessOnly)history.replaceState(null,null,"/")}}
function fetchData(postsOrPages,index){var script=document.createElement("script");if(config.useApiV3){var jsonUrl="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+postsOrPages+"?key="+config.apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=parseData";if(nextPageToken)jsonUrl+="#pageToken="+nextPageToken;nextPageToken=undefined}else{var jsonUrl=window.location.protocol+"//"+window.location.hostname+"/feeds/"+postsOrPages+"/summary?start-index="+index+"#max-results=150#orderby=published#alt=json-in-script#callback=parseData"}
jsonUrl=jsonUrl.replace(/#/g,ampChar);script.type="text/javascript";script.src=jsonUrl;document.getElementsByTagName("head")[0].appendChild(script)}
function parseData(json){var database=[];if(!config.useApiV3){if(!urlTotal){urlTotal=parseInt(json.feed.openSearch$totalResults.$t)}
try{json.feed.entry.forEach(function(element,index){var entry=json.feed.entry[index];entry.link.forEach(function(element,index){if(entry.link[index].rel==="alternate")database.push(entry.link[index].href)})})}catch(e){}}else{try{json.items.forEach(function(element,index){database.push(element.url)})}catch(e){}
nextPageToken=json.nextPageToken}
urlSearch(window.location.pathname,database);if(urlTotal>150){fetchIndex+=150;urlTotal-=150;fetchData(postsOrPages[feedPriority],fetchIndex)}else if(nextPageToken){fetchData(postsOrPages[feedPriority])}else if(secondRequest){nextPageToken=undefined;urlTotal=0;fetchIndex=1;secondRequest=!1;if(feedPriority===0){feedPriority=1;fetchData("posts",1)}else if(feedPriority===1){feedPriority=0;fetchData("pages",1)}}}
function bloggerJS(priority){if(priority)feedPriority=priority;urlManager()}
bloggerJS()
</script>

ملاحظةالتغيير الذي سيحدث هو تغيير شكل فقط اي انه سيقى الرابط كما هو وبعد الانتقال اليه سيتم تغييرة
اي اعادة توجيهه
لحد الان هذه هي الطرق الوحيدة لتغيير الروابط على أمل أن نشهد مستقبلا تعديل اساسي من بلوجر نفسها

Friday, 16 November 2018

بلاتينيوم لينك أقوى قالب اختصار الروابط Platinum Links Template

بلاتينيوم لينك أقوى قالب اختصار الروابط  Platinum Links Template



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

صورة للصفحة الرئيسية

بلاتينيوم لينك أقوى قالب اختصار الروابط  Platinum Links Template

صورة لصفحة الروابط المحولة

بلاتينيوم لينك أقوى قالب اختصار الروابط  Platinum Links Template



مميزات قالب اختصار الروابطالتحقق
متجاوب "الصفحة الرئيسية"نعممعاينة
متجاوب "صفحة اختصار الروابط"نعممعاينة
صديق للهواتف "الصفحة الرئيسية"نعممعاينة
صديق للهواتف "اصفحة اختصار الروابط"نعممعاينة
إمكانية تغير عداد الثوانينعم
قائمة رئيسيةنعم
متجاوب مع الاعلاناتنعم
صفحة الخطأ 404نعم
لا يخالف سياسات ادسنسنعم
مقالات متغيرةنعم
تقديم الدعمالنسخة المدفوعة فقط
أكواد غير مشفرةالنسخة المدفوعة فقط
لايحتوي روابط الحقوقالنسخة المدفوعة فقط
والمزيد..........
لتطبيق القالب على مدونتك قم أولا بتحميل قالب التنظيف من  هنا  ثم اتجه الى بلوجر و سجل دخولك الى مدونتك ومن ثم اختر المظهر ثم اختر تعديل HTML  ثم امسح جميع الاكواد والصق مكانها اكواد قالب التنظيف ثم اضغط على حفظ المظهر ثم اتجه الى زر  نسخ احتياطي/استعادة اعلى يسار  الصفحة ثم اختر ملف القالب.

انشاء مقالات تحويل الروابط 
قم بإنشاء عدة مقالات من خيار المشاركات , يفضل أنت تكون المشاركات مليئة بالمحتوى المفيد وجعلها خفيفة التحميل بعدم إضافة الكثير من الصور والفيدوهات وأيضا بذكر مصدر المقالة أخرها كي لا تخالف أي من قوانين ادسنس.
إضافة أزرار انشاء الرابط و الأنتقال للرابط
الان علينا اضافة أزار انشاء الروابط وتحويلها الأول يتم وضعه في بداية المقالة والثاني في منتصفها أو أخرها وذلك  بعد الانتهاء من من تنسيق المقالات أنتقل من وضع التحرير  "تأليف" الى "Html" وقم بلصق كود زر انشاء الربط الزر الأول هذا في بداية المقال
 <div id="timer"></div>
<div class="text-center">
<button id='getlink' class='btn bt-success hidden' disabled=''>انشاء الرابط</button>
<!-- اعلان -->
</div>

الأن اضف كود زر تحويل الربط الزر الثاني في وسط أو نهاية المقال
 <div class="text-center">
<button id='gotolink' class='btn bt-success hidden' disabled=''>الحصول على الرابط</button>
<div style='margin:auto;display:inline-block'>
<!-- اعلان -->
</div>
</div>

استبدل <!-- اعلان --> بكود إعلان أدسنس الخاص بك
إضافة الإعلانات بالصفحة الرئيسية
اتجه الى تخطيط وابحث عن أداة "اعلان اعلى الصفحة الرئيسية" لإضافة الاعلان أعلى اداة تحويل الروابط وأداة "اعلان اسفل الصفحة الرئيسية" لإضافة الاعلان أسفل اداة تحويل الروابط وقم بوضع الكود الاعلاني الخاص بك
لا تنسى التأشير على  إظهار HTML/JavaScript لتفعيل ظهور الاعلانات

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

تغيير عداد ثواني الانتظار
قم بالبحث عن هذا الكود timerSeconds: 5, قم بتغيير الرقم فقط بعد الثواني الذي تريد
ملاحظة: يفضل جعل وقت الانتظار قليل لكي لا يسبب بإزعاج الزوار

تمكين التحويل التلقائي من مدونتك الأصلية
إذا كنت تريد تحويل واختصار جميع الروابط الصارة من مدونتك تلقائيا وذلك عبر اضافة الكود التالي في مدونتك
اتجه الى المظهر اختر تعديل HTML ثم ابحث عن الوسم </body>
ثم الصق الكود التالي قبله/فوقه
 <script type="text/javascript">
//<![CDATA[
var setting = {
exceptionurl : "yourdomin.com,google.com,twitter.com,facebook.com",
path : "#?o="
};
//]]>
</script>
<script src="https://cdn.jsdelivr.net/gh/MohammadQt/Itheric/Auto.link.js"></script>
<script src="https://www.blogger.com/feeds/6556810930773152997/posts/default?alt=json-in-script&max-results=150&callback=showurl"></script>


قم بتغيير 6556810930773152997 الى الـID الخاص بمدونة اختصار الروابط الخاصة بك
المظلل بالرمادي هي مجموعة المواقع التي سيتم استثنائها من الاختصار انا اضفت ثلاث مواقع التواصل الاجتماعي الشهير قم باضافة ما تريد مع الفصل بيها بفاصلة
إذا لم تتمكن من وضع الكود في القالب اتجه الى تخطيط قم بإضافة اداة HTML/JavaScript والصق الكود داخلها  ثم قم بالحفظ


إذا واجهتك أي مشكلة لا تترد في وضعها بالتعليقات
$5 - شــراء
لا يحتوي أي روابط حقوق أكواد غير مشفرة دعم متكامل أثناء تركيب القالب إضافات ومميزات اخرى والمزيد .....

Wednesday, 14 November 2018

قالب ثيماتي : قالب بلوجر متجاوب لعرض القوالب | Themes Responsive blogger template

قالب ثيماتي : قالب بلوجر متجاوب لعرض القوالب | Themes Responsive blogger template



يتميز هذا القالب بعيد من الخواص الرائعة قم بمعاينة القالب من السايدبار
مميزات القالب

مميزات قالب ثيماتيالتحقق
متجاوبنعممعاينة
صديق للهواتفنعممعاينة
يحقق معايير السيونعم
قائمة رئيسيةنعم
فوتر بـ 3 أعمدةنعم
صندوق بحث مميزنعم
متجاوب مع الاعلاناتنعم
صفحة الخطأ 404نعم
أزرار المشاركةنعم
مقالات ذات صلةنعم
صندوق الكاتبنعم
أزرار المعاينة والتحميل في السايدبارنعم
زر الصعود لأعلى والنزول لأسفلنعم
صفحة اتصل بنا مخصصةنعم
صفحة الفهرس مخصصةنعم
تقديم الدعمالنسخة المدفوعة فقط
أكواد غير مشفرةالنسخة المدفوعة فقط
لايحتوي روابط الحقوقالنسخة المدفوعة فقط
والمزيد..........

لتطبيق القالب على مدونتك قم أولا بتحميل قالب التنظيف من  هنا  ثم اتجه الى بلوجر و سجل دخولك الى مدونتك ومن ثم اختر المظهر ثم اختر تعديل HTML  ثم امسح جميع الاكواد والصق مكانها اكواد قالب التنظيف ثم اضغط على حفظ المظهر ثم اتجه الى زر  نسخ احتياطي/استعادة اعلى يسار  الصفحة ثم اختر ملف القالب.

إضافة صفحة إتصل بنا
قم بإنشاء صفحة جديدة و قم بإختيار نظام HTML قم بحذف جميع الاكود والصق الكود التالي , ثم قم بالحفظ
 <div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="الإسم" size="30" style="font-family: 'Cairo';" type="text" value="" />
</div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" style="font-family: 'Cairo';" type="text" value="" />
</div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="7" style="font-family: 'Cairo';"></textarea>
</div>
<div class="formcolumn4">
<input class="ripplelink" id="ContactForm1_contact-form-submit" style="font-family: 'Cairo';" type="button" value="أرسل الأن" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Cairo';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:right;padding:0 20px 0 0;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDc9C0f6llfJGvsyMr85wIjqzTLQtsNUmMD-ZQMoI9BeSRScrjhjHuaHys0vgaHqzMSF_wKEKqyjjYYoMCioT1Vvo-zUAbbcpDbNHw5dX3dHkkg5ChiH87FHvZFinyNOx7Kp0gDtZlQc2y/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;right:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:right;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 0 0 10px}
.formcolumn2{padding:0 10px 0 0}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>
<style>
#top-header, .post-title, .up-meta, #sidebar-wrapper, .sidebar-wrapper, #comments,.breadcrumbs{
display: none!important;
}
.sjps, .grid-cover, .recent-wrap, #main-wrapper, .main-wrapper, #outer-wrapper, #outer-wrapper {
background-color: transparent!important;
background: transparent!important;
width: 100%!important;
padding: 0!important;
padding-top: 0!important;
background: none!important;
margin-bottom: 0!important;
padding: 0!important;
margin: 0!important;
float: none!important;
}
#main {padding:0 10px;background:repeating-linear-gradient(-45deg, #fff, #fff 20px, #f3f1e2 20px, #f3f1e2 40px);}
#main-wrapper, .main-wrapper{
padding: 4%!important;

}

</style>
</div>


إضافة صفحة الفهرس
قم بإنشاء صفحة جديدة و قم بإختيار نظام HTML قم بحذف جميع الاكود والصق الكود التالي , ثم قم بالحفظ
[sitemap]

الإضافات داخل التدوينات, اضفها من تحرير HTML للمقال
إضافة الصندوق الملون
 <div class="colorbox blue">
الصندوق الازرق
</div>
<div class="colorbox green">
الصندوق الاخضر
</div>
<div class="colorbox red">
الصندوق الأحمر
</div>
<div class="colorbox orange">
الصندوق البرتقالي
</div>

إضافة الجدول
 <table cellpadding="0" cellspacing="0" style="text-align: right;"><tbody>
<tr><th>قالب جورجيان</th><th>النسخة</th><th>السعر</th></tr>
<tr><td>قالب جورجيان</td><td>v3.00</td><td>$5.00 </td></tr>
<tr><td>قالب جورجيان</td><td>v4.00</td><td>$5.40 </td></tr>
<tr><td>قالب جورجيان</td><td>v2.00</td><td>$3.10 </td></tr>
<tr><td>قالب جورجيان</td><td>v1.00</td><td>$2.99 </td></tr>
<tr><td>قالب جورجيان</td><td>v2.9</td><td>$3.50 </td></tr>
<tr><td>قالب جورجيان</td><td>v4.1</td><td>$6.99 </td></tr>
<tr><td>قالب جورجيان</td><td>v1.5</td><td>$1.99 </td></tr>
<tr><td>قالب جورجيان</td><td>v2.1</td><td>$4.99 </td></tr>
<tr><td>قالب جورجيان</td><td>v3.15</td><td>$7.99 </td></tr>
<tr><td>قالب جورجيان</td><td>v1.00</td><td>$9.99</td></tr>
<tr><td>قالب جورجيان</td><td>v0.00</td><td>$0.99</td></tr>
</tbody></table>

اضافة ازرار المعاينة والتحميل في السايدبار
 <div id="Theme-details">
<div id="store-style">
<div class="rio-ss idb">
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى.</div>
<br />
<a class="storebutton but1" href="https://blog.itheric.com/" rel="nofollow noopener" target="_blank">معاينة مباشرة</a></div>
<div id="store-style">
<a class="storebutton but1" href="https://blog.itheric.com/" rel="nofollow noopener" target="_blank">تحميل مجاني</a></div>
<div id="store-style">
<a class="storebutton but2" href="https://blog.itheric.com/" target="_blank">$5.25 - شراء</a><br />
<div class="rio-ss">
<span class="storelist">مواصفات بريميوم</span><br />
<span class="storelist">مواصفات بريميوم</span><br />
<span class="storelist">مواصفات بريميوم</span><br />
<span class="storelist">مواصفات بريميوم</span></div>
</div>
</div>
</div>

اضافة صندوق الأكواد
 <code><pre>
.......ضع الكود هنااا......
</code></pre>

بالنسبة لتعليقات Disqus ابحث عن المعرف lthyr-itheric واستبدله بالمعرف الخاص بك على Disqus
إذا واجهتك أي مشكلة لا تترد في وضعها بالتعليقات
مـعـايـنة
تـحـمـيـل
انتظر عدة ثوانِ ليتم توجيهك لصفحة التحميل
$5 - شــراء
لا يحتوي أي روابط حقوق أكواد غير مشفرة دعم متكامل أثناء تركيب القالب إضافات ومميزات اخرى والمزيد .....

Sunday, 4 November 2018

قالب اختصار الروابط لمدونات بلوجر Shortcut Links Template


قالب اختصار الروابط لمدونات بلوجر Shortcut Links Template



في هذا المقال سنستعرض قالب مهم ويعتبر الاقوى في مجالر الربح من خلال الزيارات  وظهور اعلاناتك للزوار
و هو قالب اختصار الروابط أو بلأحرى قالب تحويل الروابط.
 في هذا القالب سيتم نقل الزوار الخاصين بك الى الروابط كم يعمل موقع adf.il الشهير ولكن بأقل ازعاج للزوار و بنفس كمية الربح أو حتى أكثر
أيضا يأتي هذا القالب بمميزات عديدة منها امكانية تغيير مدة الانتظار للتحويل أماكن إعانية مميزة وتجاوبه ودعمه للهواتف الذكية والمزيد من المميزات, يمكن معاينته من السايدبار


👀



صورة للصفحة الرئيسية

قالب اختصار الروابط لمدونات بلوجر Shortcut Links Template

صورة لصفحة الروابط المحولة

قالب اختصار الروابط لمدونات بلوجر Shortcut Links Template



مميزات قالب اختصار الروابطالتحقق
متجاوب "الصفحة الرئيسية"نعممعاينة
متجاوب "صفحة اختصار الروابط"نعممعاينة
صديق للهواتف "الصفحة الرئيسية"نعممعاينة
صديق للهواتف "اصفحة اختصار الروابط"نعممعاينة
إمكانية تغير عداد الثوانينعم
قائمة رئيسيةنعم
متجاوب مع الاعلاناتنعم
صفحة الخطأ 404نعم
نموذج اتصال منبثقنعم
نموذج للفهرس منبثقنعم
تقديم الدعمالنسخة المدفوعة فقط
أكواد غير مشفرةالنسخة المدفوعة فقط
لايحتوي روابط الحقوقالنسخة المدفوعة فقط
والمزيد..........
لتطبيق القالب على مدونتك قم أولا بتحميل قالب التنظيف من  هنا  ثم اتجه الى بلوجر و سجل دخولك الى مدونتك ومن ثم اختر المظهر ثم اختر تعديل HTML  ثم امسح جميع الاكواد والصق مكانها اكواد قالب التنظيف ثم اضغط على حفظ المظهر ثم اتجه الى زر  نسخ احتياطي/استعادة اعلى يسار  الصفحة ثم اختر ملف القالب.

انشاء صفحة تحويل الروابط يرجى التركيز
قم بإنشاء صفحة جديدة وقم بتسميتها go-to-url على سبيل المثال
الان احفظ الصفحة و تأكد من شكل الرابط ثم ادخل مرة اخى للصفحة للتعديل عليها قم باختيار نمط HTML للتحرير قم بمسح جميع الاكواد والصق هذا الكود داخلها
 <div dir="rtl" style="text-align: right;" trbidi="on">
<div class="text-center margin-bottom-20">
<h3>
اعلان</h3>
<a href="https://blog.itheric.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="90" data-original-width="728" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73ynB3jl_sYNCuJG_Gw11zpF-EkVTKdOBPWZfk_MXKGXGcus27Q3rReV3iEkMuj0OKSn43OSyYjqf20Y2kuV5fsNYxie_lYXze9JrMi5ti_wdGje-_24lYpyE3h4J3jDWreXmkWRxymw/s1600/banner.png" /></a>
</div>
<div class="row margin-bottom-20">
<div class="col-md-6">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h2>
<i class="fa fa-shield"></i> تحويل الرابط الآمن <i class="fa fa-shield"></i></h2>
</div>
<div class="panel-body text-center">
<div class="text-primary margin-bottom-20">
تشفير الرابط الخاص بك وحمايته من الفيروسات والبرامج الضارة ، الخ!<br />
جعل الرابط الخاص بك أمن!!</div>
<div id="daplong" >
<h3 style="font-size:22px;color:#3c763d;font-weight:700;" >
الرجاء الإنتظار يتم تجهيز رابطك</h3>
</div>
<button class="alert alert-dismissible alert-success btn-lg" id="download2" style="display: none;"><i aria-hidden="true" class="fa fa-thumbs-o-up"></i> <b>تم تحول الرابط!</b> تم تحويل رابطك يمكنك استخدامه الان.</button>

</div>
</div>
</div>
<div class="col-md-6 text-right">
<div class="panel panel-info">
<!-- Default panel contents -->

<div class="panel-heading">
<h2>
<i aria-hidden="true" class="fa fa-question-circle-o"></i> كيفية استخدام الاداة :</h2>
</div>
<div class="panel-body">
<ol>
<li>انقر على <b>كيفية الاستخدام</b> في القائمة اعلاه.</li>
<li>انقر على الكود و انسخه باستخدام <kbd><kbd>CTRL</kbd> + <kbd>C</kbd></kbd> على لوحة المفاتيح.</li>
<li>الصق الكود في مدونتك قبل الوسم <kbd>&lt;/body&gt;</kbd>.</li>
<li>الآن ، تم تشفير روابط المدونة الصادرة!</li>
<li>إذا واجهتك أي مشاكل يرجى ابلاغنا من <a href="https://blog.itheric.com/" rel="nofollow" target="_blank"><b>هنا </b></a></li>
</ol>
</div>
</div>
</div>
<div class="clear">
</div>
</div>
<div class="row margin-bottom-20">
<div class="col-md-4 text-center">
<h3>
اعلان</h3>
<a href="https://link-itheric.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmi_4xLIolDNex8eRLT6NdaUuf8eEQUSMezVb2ib9aWbgOcd47cjfcu7R3LGiKiUm03VtwLkwqotzMMyfUN4R99IceSuNzompdBLmHClBR-YZ1Yc2WiQPGDn3oRy9bdCO2kbBQGe-EHrM/s1600/banner300-250.png" /></a>
</div>
<div class="col-md-4 margin-top-25">
<div class="panel panel-success text-center">
<div class="panel-heading">
<h3 class="panel-title">
<b>الرابط الخاص بك سيظهر هنا</b> <i aria-hidden="true" class="fa fa-hand-o-down"></i></h3>
</div>
<div class="panel-body">
<script src="https://cdn.jsdelivr.net/gh/MohammadQt/Itheric/itheric-link.js" type="text/javascript"></script>
<script type="text/javascript">
var currentURL=location.href;
var str = currentURL;
var res = str.replace("https://link-itheric.blogspot.com/p/go-to-url.html?url=", "");
document.write('<button type="button" id="download" class="Visit_Link btn btn-success" onclick="changeLink();" style="display: none;"><strong>اضغط هنا</strong> <i class="fa fa-external-link" aria-hidden="true"></i></button>')
</script>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<h3>
اعلان</h3>
<a href="https://link-itheric.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmi_4xLIolDNex8eRLT6NdaUuf8eEQUSMezVb2ib9aWbgOcd47cjfcu7R3LGiKiUm03VtwLkwqotzMMyfUN4R99IceSuNzompdBLmHClBR-YZ1Yc2WiQPGDn3oRy9bdCO2kbBQGe-EHrM/s1600/banner300-250.png" /></a>
</div>
<div class="clear">
</div>
</div>
<div class="container">
<div class="text-right">
</div>
</div>
</div>

قم بإستبدل هذا  الرابط https://link-itheric.blogspot.com/p/go-to-url.html برابط الصفحة نفسها
استبدل الكود المظلل بالأحمر بكود اعلانك بقياس 728*90
والاكواد المظللة بالرمادي بكود اعلانك بقياس 300*250
الان اتجه الى المظهر ثم اختر  تعديل HTML قم بالبحث عن هذا الرابط  https://link-itheric.blogspot.com/p/go-to-url.html واستبدله برابط الصفحة التي أنشاتها ستجه مكرر عدة مرات
إضافة الإعلانات بالصفحة الرئيسية
ابحث عن الكود
 <a href='https://blog.itheric.com/2018/11/shortcut-links-template.html' target='_blank'><img height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrKynJvoiw2NXs1Qm66X7VJ1m572B9CTydBHBDRwJ5x1EC8wnLAxv1gwuxgXqbVx89AJGGULasUhPfv3xxAwhJD7TqirFhY2vRM0zS7vub9EIvHq8NiMyx0MJGZD2MANDJj_G5IAr28c/s1600/banner728-90.png' width='728'/></a> 

واستبدلة بكود اعلانك بقياس 728*90
وابحث عن الكود ستجده مكرر مرتين
 <a href='https://blog.itheric.com/2018/11/shortcut-links-template.html' target='_blank'><img  height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmi_4xLIolDNex8eRLT6NdaUuf8eEQUSMezVb2ib9aWbgOcd47cjfcu7R3LGiKiUm03VtwLkwqotzMMyfUN4R99IceSuNzompdBLmHClBR-YZ1Yc2WiQPGDn3oRy9bdCO2kbBQGe-EHrM/s1600/banner300-250.png'  width='300'/></a> 

واستبدله بكود اعلانك بقياس 300*250
قم بتحويل أكودا الإعلانات بمحول أكواد Html قبل إضافتها
تغيير عداد ثواني الانتظار
قم بالبحث عن هذا الكود waktu = 6; قم بتغيير الرقم فقط بعد الثواني الذي تريد
ملاحظة: يفضل جعل وقت الانتظار قليل لكي لا يسبب بإزعاج الزوار

إذا واجهتك أي مشكلة لا تترد في وضعها بالتعليقات
$5 - شــراء
لا يحتوي أي روابط حقوق أكواد غير مشفرة دعم متكامل أثناء تركيب القالب إضافات ومميزات اخرى والمزيد .....
Powered by Blogger.

Report Abuse

الأقسام الشائعة

نموذج الاتصال

Name

Email *

Message *

اتصل بنا

Name

Email *

Message *

إحصائيات المدونة

Search This Blog

Blog Archive

Labels

التسميات (الأقسام)

أداة الترجمة والإعدادات

Categories

إعلان بجانب الشعار

Comments

حقوق المدونة

الصفحات

الصفحات

Follow Us

مربع البحث

كود التفعيل

U3F1ZWV6ZTMwMTY4NzcyMzc1MTQwX0ZyZWUxOTAzMzA3MDMzMzkxNA==