أول قالب نبدأ به سنة 2017 هو قالب "فرصة" المعرب والمطور والذي يعتبر واحد من افضل قوالب بلوجر الاحترافية المجانية التي جربناها. إسم القالب لم يأتي من فراغ لأنه القالب الذي تستحق به مدونتكم فرصة أخرى لتصبح احترافية ومتكاملة. فما الذي يميز هذا القالب عن غيره؟
شكل القالب، يمكنكم معاينته من هنــا
سريع التحميل
متجاوب مائة بالمائة
قائمة روابط الشبكات الاجتماعية
قائمة افقية منسدلة
مربع البحث
ازرار المشاركة على الشبكات الاجتماعية
القائمة البريدية
المشاركات الشائعة بتصميم مميز
خانات اضافية في مختلف المواضع
رسالة أقدم ورسالة احدث مع الرابط وعنوان المشاركات
المواضيع المشابهة مع الصور بتصميم جديد
تعليقات فيس بوك
اداة المواضيع العشوائية
لاضافة اي من هذه الاضافات من واجهة بلوجر قم بالنقر على التخطيط ثم اضافة اداة جديدة ثم اختر html/javascript. قم بلصق كود الاضافة داخل الصندوق واحفظ التغييرات.
لا تنسوا مشاركتنا ارائكم بعد تجربة القالب. ونتمنى أن تصبح مدونتكم أكثر تميزا في سنة 2017.
شكل القالب، يمكنكم معاينته من هنــا
 |
| قالب فرصة من افضل قوالب بلوجر 2017 |
قالب من افضل قوالب بلوجر 2017 بمواصفات مهنية واحترافية عالية
مميزات
تم تصميمه بالhtml5 ويخلو من اية أخطاء بنيوية عكس الكثير من القوالب المتوفرة للتحميل على الانترنتسريع التحميل
متجاوب مائة بالمائة
الاضافات المتوفرة في القالب
قائمة ثانويةقائمة روابط الشبكات الاجتماعية
قائمة افقية منسدلة
مربع البحث
ازرار المشاركة على الشبكات الاجتماعية
القائمة البريدية
المشاركات الشائعة بتصميم مميز
خانات اضافية في مختلف المواضع
رسالة أقدم ورسالة احدث مع الرابط وعنوان المشاركات
المواضيع المشابهة مع الصور بتصميم جديد
تعليقات فيس بوك
اداة المواضيع العشوائية
جلب الزيارات من مواقع البحث
القالب محسن لآليات البحث ويمكنه مساعدة مدونتكم في تحسين الارشفة والحصول على المزيد من الزيارات من مواقع البحث. كل ما تحتاجونه هو كتابة مقالات ومواضيع مميزة.تحميل القالب
ربما جربتم الكثير من قوالب معربة وجاهزة، ندعوكم ل تحميل هذا القالب وتجربته:
تعديلات على القالب:
يمكنكم التعديل على القوائم وروابط الشبكات الاجتماعية بتغييرها بما يناسبكم.
بالنسبة لاضافات بلوجر المرفقة:
اضافة المشاركات الحديثة لتسمية او تقسيم معين مع الصور : عوض التسمية بتقسيم من مدونتك
<script>
document.write("<script src=\"/feeds/posts/default/-/التسمية?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>
document.write("<script src=\"/feeds/posts/default/-/التسمية?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>
اضافة المشاركات الحديثة بدون صور
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://baramejsuq.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
<script>
//<![CDATA[
var homePage = "http://baramejsuq.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
اضافة المشاركات العشوائية:
<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://baramejsuq.blogspot.com/",
numPosts = 5;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>
<script>
//<![CDATA[
var homePage = "http://baramejsuq.blogspot.com/",
numPosts = 5;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>
اضافة القائمة البريدية: عوض folfoly بالاسم الخاص بخلاصات rss الخاصة بمدونتك
<b:if cond='data:blog.pageType == "item"'>
<style>
.technopcarea-newsletter{text-align:center;margin:0px 0;}
.technopcarea-newsletter .technopcarea-newsletter-form .activate p {
color: #FFFFFF;
font-family: Tahoma;
font-size: 13px;
clear: bothe;
padding-top: 100px;
}
.technopcarea-newsletter .technopcarea-social{padding-top:20%;width:20%;float:left;position:relative; height: 25px;}
.technopcarea-newsletter #form-technopcarea-newsletter{display:block;width:90%;margin:0 auto}
.technopcarea-newsletter:before,.technopcarea-newsletter:after{content:" ";display:table}
.technopcarea-newsletter:after{clear:both}
.technopcarea-newsletter h4{color: #F3F5F7;
font-family: 'Droid Arabic Kufi', Sniglet;
font-size: 16px;
font-weight: 300;
width: 100%;
/* margin: 1em auto; */
text-align: center;
marging: 5px 0px 5px 0px;
}
.technopcarea-newsletter .share-buttons {
margin: 5px;
width: 100%;
clear: both;
padding-bottom: 30px;
}
.technopcarea-newsletter .buttons {
float: right;
padding-left: 5px;
width: 30%;
display: inline;
}
.technopcarea-newsletter .technopcarea-newsletter-form{ background: none repeat scroll 0 0 #1E293B;
position: relative;
width: 100%;
height: 100px;}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset{height:38px;left:10%;position:absolute;top:1%;width:80%;border:none}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset h2{color:#FFF;font-family:Sniglet;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset .fields{position:relative}
.fields .email{outline:0 none;width:85%;border:0;right:0;position:absolute;padding:11.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;color:#FFF;left:0px;position:absolute;padding:11.5px;transition:all ease 0.6s; width: 30%;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
</style>
<section class='technopcarea-newsletter'>
<div id='form-technopcarea-newsletter'>
<div class='technopcarea-newsletter-form'>
<fieldset>
<h4>
سجل بريدك اللآن ولا تدع أي جديد يفوتك
</h4>
<div class='fields'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=folfoly', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='email' id='email' name='email' onblur='ifundefinedthis.value=='')this.value=this.defaultValue;' onfocus='ifundefinedthis.value==this.defaultValue)this.value='';' placeholder='أكتب بريدك هنا...' type='text'/>
<input name='uri' type='hidden' value='folfoly'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='subscribe' name='commit' type='submit' value='أرسل'/>
</form>
</div>
</fieldset>
</div>
<p>
هام: ستتوصلون برسالة بعد تسجيل بريدكم. ويكفي النقر على رابط داخلها لتفعيل التسجيل
</p>
</div>
</section></b:if>
<style>
.technopcarea-newsletter{text-align:center;margin:0px 0;}
.technopcarea-newsletter .technopcarea-newsletter-form .activate p {
color: #FFFFFF;
font-family: Tahoma;
font-size: 13px;
clear: bothe;
padding-top: 100px;
}
.technopcarea-newsletter .technopcarea-social{padding-top:20%;width:20%;float:left;position:relative; height: 25px;}
.technopcarea-newsletter #form-technopcarea-newsletter{display:block;width:90%;margin:0 auto}
.technopcarea-newsletter:before,.technopcarea-newsletter:after{content:" ";display:table}
.technopcarea-newsletter:after{clear:both}
.technopcarea-newsletter h4{color: #F3F5F7;
font-family: 'Droid Arabic Kufi', Sniglet;
font-size: 16px;
font-weight: 300;
width: 100%;
/* margin: 1em auto; */
text-align: center;
marging: 5px 0px 5px 0px;
}
.technopcarea-newsletter .share-buttons {
margin: 5px;
width: 100%;
clear: both;
padding-bottom: 30px;
}
.technopcarea-newsletter .buttons {
float: right;
padding-left: 5px;
width: 30%;
display: inline;
}
.technopcarea-newsletter .technopcarea-newsletter-form{ background: none repeat scroll 0 0 #1E293B;
position: relative;
width: 100%;
height: 100px;}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset{height:38px;left:10%;position:absolute;top:1%;width:80%;border:none}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset h2{color:#FFF;font-family:Sniglet;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset .fields{position:relative}
.fields .email{outline:0 none;width:85%;border:0;right:0;position:absolute;padding:11.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;color:#FFF;left:0px;position:absolute;padding:11.5px;transition:all ease 0.6s; width: 30%;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
</style>
<section class='technopcarea-newsletter'>
<div id='form-technopcarea-newsletter'>
<div class='technopcarea-newsletter-form'>
<fieldset>
<h4>
سجل بريدك اللآن ولا تدع أي جديد يفوتك
</h4>
<div class='fields'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=folfoly', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='email' id='email' name='email' onblur='ifundefinedthis.value=='')this.value=this.defaultValue;' onfocus='ifundefinedthis.value==this.defaultValue)this.value='';' placeholder='أكتب بريدك هنا...' type='text'/>
<input name='uri' type='hidden' value='folfoly'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='subscribe' name='commit' type='submit' value='أرسل'/>
</form>
</div>
</fieldset>
</div>
<p>
هام: ستتوصلون برسالة بعد تسجيل بريدكم. ويكفي النقر على رابط داخلها لتفعيل التسجيل
</p>
</div>
</section></b:if>
لاضافة اي من هذه الاضافات من واجهة بلوجر قم بالنقر على التخطيط ثم اضافة اداة جديدة ثم اختر html/javascript. قم بلصق كود الاضافة داخل الصندوق واحفظ التغييرات.
لا تنسوا مشاركتنا ارائكم بعد تجربة القالب. ونتمنى أن تصبح مدونتكم أكثر تميزا في سنة 2017.