هو قالب خفيف جدا ومرن، أنيق، ومتعددة الأغراض. ولقد تم انشائه باستخدام HTML5 / CSS3.
2- تغيير اللوغو : توجه الى
قالبواضغط تحرير HTMLوبحث عن الكود التالي (Ctrl + F)
<div class='header-logo'>
وقم بتغيير رابط اللوغو :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwK6MPGZhmVDAr561-r-3AZql6oxhq_uOy90xZmAinTsZwp8gY1N_IZe1c9Q2xRhsTONSXBhb5yoKhH3IiJbdoXN8kVnQys4U1aR4ktiXvL0pEpWrAZoQM1nyeAPFPWWIgpDI3IxlvlTY/s171/seoupp-logo.png<div class='header-logo'>
<a expr:href='data:blog.homepageUrl'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwK6MPGZhmVDAr561-r-3AZql6oxhq_uOy90xZmAinTsZwp8gY1N_IZe1c9Q2xRhsTONSXBhb5yoKhH3IiJbdoXN8kVnQys4U1aR4ktiXvL0pEpWrAZoQM1nyeAPFPWWIgpDI3IxlvlTY/s171/seoupp-logo.png'/>
</a>
</div>
3- تخصيص القائمة العلوية : توجه الى :
قالبواضغط على تحرير HTMLابحث عن الكود التالي :
<li class='section'>
وقم بتغيير اسم القائمة (
Menu . Tutorials . Articles .) مع رابط لها
/#<li class='section'>
<a><span class='section-icon'/>Categories</a>
<ul class='section-menu'>
<li><a href='/#'>Menu</a></li>
<li><a href='/#'>Menu</a></li>
<li><a href='/#'>Menu</a></li>
<li><a href='/#'>Sub Categories</a>
<ul class='sub-menu'>
<li><a href='/#'>Menu</a></li>
<li><a href='/#'>Menu</a></li>
</ul>
</li>
<li><a href='/#'>Menu</a></li>
<li><a href='/#'>Menu</a></li>
<li><a href='/#'>Menu</a></li>
</ul>
</li>
<li class='rp'><a href='/#'><span class='rp-icon'/>Tutorials</a></li>
<li class='rp'><a href='/#'><span class='rpla-icon'/>Articles</a></li>
<li class='rp'><a href='/#' target='_blank'><span class='gallery-icon'/>Purchase</a></li>
4- اضافة موضوع مميز اعلى المشاركات : توجه الى :
التخطيطواضغط على اضافة ادات فوق المواضيع ... اختر
HTML/Javascript واضف الكود التالي :
<script type="text/javascript" src="/feeds/posts/default/-/SEOUPP?published&alt=json-in-script&start-index=1&max-results=1&callback=mycallfeatured"></script>
قم بتغيير
SEOUPP بالاسم التصنيف اللدي تريد عرض موضوع مميز منه. 5- اضافة مواقع التواصل الاجتماعي على السايدبار : توجه الى :
التخطيطواضغط على اضافة ادات على القائمة الجانبية ... اختر
HTML/Javascript واضف الكود التالي :
<div id="social-stats">
<ul>
<li class="ss-rss"><a target="_blank" href="/#" rel="nofollow external"><h5><span>Rss</span></h5><large>5000</large> <small>Subscribers</small></a></li>
<li class="ss-facebook"><a target="_blank" href="/#" rel="nofollow external"> <h5><span>Facebbok</span></h5><large>14,782</large> <small>Followers</small></a></li>
<li class="ss-twitter"> <a target="_blank" href="/#" rel="nofollow external"> <h5><span>Twitter</span></h5><large>63,207</large> <small>Followers</small> </a></li>
<li class="ss-google-plus"><a target="_blank" href="/#" rel="nofollow external"> <h5><span>Google+</span></h5> <large>70,781</large> <small>Followers</small> </a></li>
<li class="ss-linkedin"><a target="_blank" href="/#" rel="nofollow external"> <h5><span>Linkedin</span></h5> <large>2,453</large> <small>Followers</small></a></li>
<li class="ss-youtube"><a target="_blank" href="/#" rel="nofollow external"> <h5><span>Youtube</span></h5> <large>6,237</large> <small>Subscribers</small> </a></li>
</ul>
</div>
قم بتغيير الارقام (
14,782 .63,207 . 6,237....) للعدد اللذي تريده وقم باضافة رابط صفحتك (على فايسبوك تويتر RSS ...الخ ) مكان
/# ثم
حفظ6- تخصيص قائميتين في اضافات السايدبار : توجه الى :
التخطيطواضغط على اضافة ادات على القائمة الجانبية ... اختر
HTML/Javascript واضف الكود التالي :
<div class='tabsar'>
<div id="tabsholder2">
<ul class="tabs">
<li id="tabz1">اخر البرنامج</li>
<li id="tabz2">برامج اليوتوب</li>
</ul>
<div class="contents marginbot">
<div id="contentz1" class="tabscontent">
<script src="/feeds/posts/default/-/SEOUPP?published&alt=json-in-script&start-index=1&max-results=4&callback=myrecent"></script>
</div>
<div id="contentz2" class="tabscontent">
<script src="/feeds/posts/default/-/SEOUPP?published&alt=json-in-script&start-index=1&max-results=4&callback=myrecenta"></script>
</div>
</div>
</div>
</div>
قم بتغيير
اخر البرنامج . برامج اليوتوب باسم التصنيف الددي تريد عرض اخر مواضيع له
قم بتغيير
SEOUPP باسم التصنيف
قم بتغيير
max-results=4 بالعدد الدي تريد للمواضيع المعروضة. ثم
حفظ7- اضافة الفايسبوك : توجه الى :
التخطيطواضغط على اضافة ادات على القائمة الجانبية ... اختر
HTML/Javascript واضف الكود التالي :
<div style='border:1px solid #dfdfdf'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/seoupp&width=300&height=260&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false" scrolling="no" frameborder="0" style="overflow:hidden; width:300; height:260px;" allowtransparency="true"></iframe></div>
قم بتغيير
http://www.facebook.com/seoupp برابط صفحتك على الفايسبوك ثم
حفظ8- اضافة " التصنيفات " معدلة : توجه الى :
التخطيطواضغط على اضافة ادات على القائمة الجانبية ... اختر
"تصنيفات " واتبع الاعدادت التالية :
ثم
حفظ9- المشاركات الشائعة والمشاركات العشوائية والتصننيفات على شكل سحابة في الفوتر اسفل المدونة : المشاركات الشائعة : توجه الى :
التخطيطواضغط على اضافة ادات في اسفل المدونة ... اختر
"مشاركات الشائعة
" وادخل عدد المشاركات 5 ثم
حفظالمشاركات العشوائية :
توجه الى :
التخطيطواضغط على اضافة ادات في اسفل المدونة ... اختر
HTML/Javascript واضف الكود التالي :
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var img_width=50;
var img_height=50;
var rdp_info='no';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7PXVsBzVT1kkS3-AKK3nSLlXJZ-Guim1wjafp-fZAwftDZ7I7H3ZIHxHq23wsBBvwqaTWGQijJ4xKuRCKh5xhqQFC8FtohYBkT6gfjpgQWkQiYj3Q8vfKc1KTrtP0Z0JqxSN8p_bvKM/s1600/no_thumb.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb.replace("/s72-c/","/s"+img_width+"-h"+img_height+"-c/")+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
ثم
حفظ التصننيفات على شكل سحابة :
توجه الى :
التخطيطواضغط على اضافة ادات على القائمة الجانبية ... اختر
"تصنيفات " واتبع الاعدادت التالية :
10- مواقع التواصل الاجتماعي اسفل المدونة : توجه الى :
قالبواضغط على تحرير HTML وابحث عن الكود التالي عبر
Ctrl+F :
<div class='footer-sidebar'>
وتحته ستجد الكود التالي :
<div id='social_menu'>
<ul>
<li class='ss-rss'><a href='/#' rel='nofollow external' target='_blank'> <span>Rss</span></a></li>
<li class='ss-facebook'><a href='/#' rel='nofollow external' target='_blank'> <span>Facebook</span></a></li>
<li class='ss-twitter'><a href='/#' rel='nofollow external' target='_blank'> <span>Twitter</span></a></li>
<li class='ss-google-plus'><a href='/#' rel='nofollow external' target='_blank'><span>Google+</span></a></li>
<li class='ss-linkedin'><a href='/#' rel='nofollow external' target='_blank'> <span>Linkedin</span></a></li>
<li class='ss-youtube'><a href='/#' rel='nofollow external' target='_blank'> <span>Youtube</span></a></li>
</ul>
</div>
قم بتغيير /# برابط صفحاتك على الـ Rss,Facebook,Twitter,Google+,Linkedin,Youtube
11- تغيير معلومات الكاتب اسفل المواضيع : توجه الى :
قالبواضغط على تحرير HTML وابحث عن الكود التالي عبر
Ctrl+F :
<div id='author-info'>
وتحته ستجد الكود التالي :
<div id='author-info'>
<img alt='' class='avatar avatar-120 photo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWE0-KOYDVwqWqgFg3nitsTRJ0ZjGniVILz4e9rvJJ-4kQy2riXLd4Tika24YV9dHKJGmvfqSz1MeasTlJoX0WxRE8Ue-eqmzogDDm0zQSN8LBx1w_sHy0eOaVl0lI8CKTsSDwhSJazM/s1600/photo.jpg.png'/>
<h5>
Jillur Rahman تصميم
</h5>
<p>I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.
<div class='web_l'>تعريب وتعديل <a href='http://seoupp.blogspot.com/' rel='nofollow' target='_blank'> http://seoupp.blogspot.com/</a></div>
<div id='social_menu'>
<ul
<li><h4>Social Links:</h4></li>
<li class='ss-rss'><a href='/#' rel='nofollow external' target='_blank'> <span>Rss</span></a></li>
<li class='ss-facebook'><a href='/#' rel='nofollow external' target='_blank'> <span>Facebook</span></a></li>
<li class='ss-twitter'><a href='/#' rel='nofollow external' target='_blank'> <span>Twitter</span></a></li>
<li class='ss-google-plus'><a href='/#' rel='nofollow external' target='_blank'><span>Google+</span></a></li>
<li class='ss-linkedin'><a href='/#' rel='nofollow external' target='_blank'> <span>Linkedin</span></a></li>
<li class='ss-youtube'><a href='/#' rel='nofollow external' target='_blank'> <span>Youtube</span></a></li>
</ul>
</div>
قم بتغيير
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWE0-KOYDVwqWqgFg3nitsTRJ0ZjGniVILz4e9rvJJ-4kQy2riXLd4Tika24YV9dHKJGmvfqSz1MeasTlJoX0WxRE8Ue-eqmzogDDm0zQSN8LBx1w_sHy0eOaVl0lI8CKTsSDwhSJazM/s1600/photo.jpg.png براط صورتك الرمزية
قم بتغيير
Jillur Rahman تصميم باسمك
قم بتغيير
I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest. بمعلومات عنك
قم بتغيير
تعريب وتعديل <a href='http://seoupp.blogspot.com/' rel='nofollow' target='_blank'> http://seoupp.blogspot.com/</a></div> برابط موقعك .
قم يتغيير
/# بروابط حسابك على مواقع التواصل الاجتماعي
11- بالنسبة لصور المشاركات التي تظهر في الصفحة الرئيسية ... فان القالب اوتوماتيكيا سيعرض اول صورة في الموضوع. 12- صفحة اتصل بنا : توجه الى :
قالبواضغط على تحرير HTML وابحث عن الكود التالي (او جزء منه) عبر
Ctrl+F :
<li class='rp'>
<a href='http://masala-jr.blogspot.com/search/label/Contact_Us'>
<span class='rp-icon'/>
Contact Us
</a>
</li>
قم يتغيير
http://masala-jr.blogspot.com برابط موقعك
و
Contact Us بمثلا ' اتصل بنا '
..................................................................................................................................انتهى
كلمات البحث القادمة من جوجل : قالب بلوجر احترافي 2015 - قالب بريميوم للبلوجر 2015 - قالب بلوجرمعرب باحترافية - قالب بلوجر مجاني - قالب بلوجر بريميوم مجاني - تحميل قوالب بريميوم للبلوجر 2015 - قالب بلوجر اخباري 2015. 
