Showing posts with label قوالب رباعية الأعمدة. Show all posts
Showing posts with label قوالب رباعية الأعمدة. Show all posts

Thursday, April 19, 2012



تحميل قالب Simplex News Portal المعرب

قالب أبيض للمدونات الإخبارية بخلفية رمادية وأربعة أعمدة فوتر، يمكن استعمال عمودين للإضافات أو واحد فقط على اليسار، مع عمود آخر للإضافات على اليمين

شرح التركيب :

اذهب إلى تصميم ومن عناصر الصفحة :

لإضافة الهيدر اضغط تحرير لأداة logo والصق الكود التالي مع تغيير ما يلزم تغييره :

<a href='رابط مدونتك'><img src='رابط صورة الهيدر'/></a>


لإضافة الإعلانات اضغط تحرير لأداة topads و ads1 وads2 والصق الكود التالي مع تغيير ما يلزم تغييره :



<a href='رابط المعلِن'><img src='رابط صورة الإعلان'/></a>


لإضافة روابط الفيسبوك وتويتر وجوجل بلس : اضغط تحرير لأداة subscribe واضف عنوان URL واسم الرابط

لإضافة الروابط مثل (الرئيسية - أعلن معنا...) : اضغط تحرير لأداة menu واضف عنوان URL واسم الرابط

لإضافة الأقسام مثل (إنترنت - أخبار...) : اضغط تحرير لأدوات انترنت، سياحة، أخبار، رياضة، content right و content left واكتب اسم التصنيف المراد عرضه كتابة صحيحة

هام : لإضافة المزيد من الأقسام :

ابحث عن :


</b:if>

<b:section id='main' showaddelement='no'>
<b:widget id='Blog1'


وأضف فوقها مباشرة :


<b:section class='clear' id='column2e' showaddelement='yes'>
<b:widget id='HTML19' locked='false' title='Content right' type='HTML'>
<b:includable id='main'>
          <div class='postbox right'>
    <script>
      document.write(&#39;&lt;h1&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h1&gt;&#39;);
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div> <!--end: postbox-->
</b:includable>
</b:widget>
<b:widget id='HTML20' locked='false' title='Content left' type='HTML'>
<b:includable id='main'>
          <div class='postbox left'>
    <script>
    document.write(&#39;&lt;h1&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h1&gt;&#39;);
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div> <!--end: postbox-->
</b:includable>
</b:widget>
</b:section>


مع مراعاة تغيير الحرف e من column2e إلى حرف آخر غير مستعمل والرقمين 19 و20 الموجودين في HTML19 و HTML20 إلى رقمين غير مستعملين
للتوضيح إذا قمت بإضافة الكود السابق وضغط على حفظ ولم تواجهك أية مشكلة هذا جيد
وإذا أردت أن تضيف نفس الكود مرة أخرى ستظهر لك رسالة خطأ مفادها أن column2e و HTML19 و HTML20 مستعملتين من قبل لذلك عليك ان تغير الحرف e إلى حرف جديد وكذلك الرقمين 19 و20

لحذف السلايدر : قم بتحرير أداة feature content slider واضغط حذف.

باسوورد فك الضغط : www.arblogger-templates.com

Tuesday, April 17, 2012




تحميل قالب Johny Papers Magazine المعرب

قالب أبيض للمدونات الإخباري بثلاثة أعمدة فوتر بخلفية زرقاء وعمود للإضافات على اليسار بخلفية رمادية

تعديلات ضرورية :

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


لتغيير عدد المواضيع قم بتغيير رقم "عدد الرسائل على الصفحة الرئيسية:" من نفس الصفحة

لتفعيل السلايدر :

اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن :


numposts1 = 4;label1 = "رياضة";


استبدل الرقم 4 بعدد المواضيع المراد عرضها بالسلايدر
واستبدل رياضة بالقسم المراد عرضه في السلايدر


الآن لإضافة أقسام "مثل ما هو موجود بالمشاهدة أسفل المساحة الإعلانية الأولى" :

اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :


<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>


<script type="text/javascript" src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>


<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://johny-papers-mag-arblogger-templates.blogspot.com/feeds/posts/summary/-/رياضة?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johny-papers-mag-arblogger-templates.blogspot.com/search/label/رياضة" style="float:right;font:normal 11px Arial;padding:5px 0;">اقرأ المزيد من مواضيع هذا القسم &#187;</a>


استبدل ما باللون الأحمر باسم القسم المراد عرض آخر مواضيعه
واستبدل ما باللون الأزرق برابط مدونتك
var numposts =  عدد المواضيع المراد عرضها بالصور
max-results= عدد المواضيع المراد عرضها

الآن لإضافة أقسام "مثل ما هو موجود بالمشاهدة أسفل المساحة الإعلانية الثانية" :



اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :



<script type="text/javascript">var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script><script src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript"></script><a href="http://johny-papers-mag-arblogger-templates.blogspot.com/search/label/رياضة" style="float:right;font:normal 10px Arial;padding:5px 0;">اقرأ المزيد من مواضيع هذا القسم</a>

استبدل ما باللون الأحمر باسم القسم المراد عرض آخر مواضيعه
واستبدل ما باللون الأزرق برابط مدونتك
var numposts = عدد المواضيع المراد عرضها


الآن لإضافة آخر جديد حسابك على تويتر :




اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :


<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2PLp9YRGFxiWBk5oiVUoFV6NVAMSCUJwksnmLMlNtGdlj8h7SxCo0y2iIaJfGpB2PwUK7TmsATUDQ2gH9QWeXK34v8OSP198Ws3psdYjyLsaTjkAKwJtYvxa47-Ewy6n-6d_FZK4XXJ2/h1600/twitter.png) no-repeat;padding-top:45px;padding-left:8px"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 10,interval: 3000,width: 285,height: 123,theme: {shell: {background: 'transparent',color: '#000000'},tweets: {background: 'transparent',color: '#000000',links: '#135a9e'}},features: {scrollbar: false,loop: true,live: true,hashtags: true,timestamp: true,avatars: true,behavior: 'default'}}).render().setUser('OthmaneBlog').start();</script></div>



استبدل OthmaneBlog بحسابك على تويتر

لحذف صورة الإعلان أسفل المواضيع أو استبدالها :

إذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن الكود التالي :

<a href='http://www.arblogger-templates.com/'><img src='http://www.i666i.com/wp-content/uploads/b.gif'/></a>

احذفه أو استبدله بكود أدسنس أو بصورة أخرى


باسوورد فك الضغط :
 www.arblogger-templates.com



Tuesday, April 10, 2012





تحميل قالب Blogger Store v1 المعرب 

أخيرا والحمد لله تم تعريب النسخة الأولى للقالب التجاري في Blogger Store v1 : قالب أبيض بخلفية رمادية (عمود للإضافات على اليمين)

لتحميل النسخة الثانية من القالب : Blogger Store v2 المعرب

شرح الاستعمال :

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


simpleCart.email = "Your Paypal Email Here";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = GBP;
simpleCart.taxRate  = 0.04;
simpleCart.shippingFlatRate = 4.25;
simpleCart.shippingQuantityRate = 5.00;



استبدل Your Paypal Email Here بحسابك على البايبال
simpleCart.taxRate هي النسبة المراد اقتطاعها كضريبة (simpleCart.taxRate × ثمن المنتوج = تكلفة الضريبة)
simpleCart.shippingQuantityRate + simpleCart.shippingFlatRate = تكلفة الشحن


لعرض منتجاتك في السلايدر، ابحث عن :

home_page = &quot;http://blogger-store-v1-arblogger-templates.blogspot.com/&quot;;

واستبدل ما باللون الأحمر برابط مدونتك

الآن شرح إضافة المواضيع :


اذهب إلى إعدادات ثم تنسيق ثم في نموذج المشاركات الصق الكود التالي :



<div class="product-image fl">
<img border="0" class="item_thumb" src="رابط الصورة" /><span class="item_price">£00.00</span></div>
<div class="product-desc fr"> وصف المنتوج هنا .. </div>



الآن لإضافة موضوع جديد ما عليك سوى اختيار نشر ثم تحرير HTML كما هو موضح أسفله :


%D8%B1%D8%A7%D8%A8%D8%B7%20%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9 : رابط الصورة

باسوورد فك الضغط : www.arblogger-templates.com



Monday, April 2, 2012




تحميل قالب Lock Heart المعرب

قالب رمادي (عمود الإضافات على اليمين)

باسوورد فك الضغط : www.arblogger-templates.com


Saturday, March 24, 2012



تحميل قالب MagzNote المعرب 

قالب رمادي بأربعة أعمدة (عمود أو عمودين للإضافات على اليسار وعمود واحد على اليمين)


لتفعيل المواضيع المميزة :
 اذهب إلى عناصر الصفحة، إضغط تحرير لأداة HTML/JavaScript فوق المواضيع والصق الكود التالي :


<div id="slider-wrap"> <script type='text/javascript'> var showpostthumbnails_gal = true; var showpostsummary_gal = true; var random_posts = false; var numchars_gal = 150; var numposts_gal = 10; function showgalleryposts(json) {document.write('<div class="slider-wrap">'); document.write('<div id="main-photo-slider" class="csw"><div class="panelContainer">');var numPosts = json.feed.openSearch$totalResults.$t; var indexPosts = new Array(); document.write('<ul>'); for (var i = 0; i < numPosts; ++i) { indexPosts[i] = i; } if (random_posts == true){ indexPosts.sort(function() {return 0.5 - Math.random()}); } if (numposts_gal > numPosts) { numposts_gal = numPosts; } for (i = 0; i < numposts_gal; ++i) { var entry_gal = json.feed.entry[indexPosts[i]]; var posttitle_gal = entry_gal.title.$t; for (var k = 0; k < entry_gal.link.length; k++) { if ( entry_gal.link[k].rel == 'alternate') { posturl_gal = entry_gal.link[k].href; break; } } if("content"in entry_gal){ var postcontent_gal=entry_gal.content.$t; }s = postcontent_gal; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { var thumburl_gal = d; } else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';var _no=i+1; document.write('<div class="panel" title="'+posttitle_gal+'">'); document.write('<div class="wrapper">');document.write('<a href="'+ posturl_gal + '"><img src="'+thumburl_gal+'" alt="temp" width="620px" height="270px"/></a>'); document.write('<div class="photo-meta-data"><span>'+posttitle_gal+'</span><br>'); var re = /<\S[^>]*>/g;postcontent_gal = postcontent_gal.replace(re, ""); if (showpostsummary_gal == true) { if (postcontent_gal.length < numchars_gal) { document.write(postcontent_gal); } else { postcontent_gal = postcontent_gal.substring(0, numchars_gal); var quoteEnd_gal = postcontent_gal.lastIndexOf(" "); postcontent_gal = postcontent_gal.substring(0,quoteEnd_gal); document.write(postcontent_gal + '...'); } } document.write('</div>'); document.write('</div>'); document.write('</div>'); } document.write('</div>'); document.write('</div>'); for (var i = 0; i < numposts_gal; i++) { if (random_posts == true){ var random_int = Math.floor(Math.random()*json.feed.entry.length); var entry_gal = json.feed.entry[random_int]; } else{ var entry_gal = json.feed.entry[i]; } var posttitle_gal = entry_gal.title.$t; for (var k = 0; k < entry_gal.link.length; k++) { if ( entry_gal.link[k].rel == 'alternate') { posturl_gal = entry_gal.link[k].href; break; } } if("content"in entry_gal){ var postcontent_gal=entry_gal.content.$t; }s = postcontent_gal; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { var thumburl_gal = d; } else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';<!-- Note this caption is before the image, all others it is after --> var _no=i+1; if (_no==1){ document.write('<a href="#'+_no+'" class="cross-link active-thumb"><img src="'+thumburl_gal+'" class="nav-thumb" alt="temp-thumb" width="30px" height="20px" />'+posttitle_gal+'</a>'); document.write('<div id="movers-row">'); } else{ document.write('<div><a href="#'+_no+'" class="cross-link"><img src="'+thumburl_gal+'" class="nav-thumb" alt="temp-thumb" width="30px" height="20px"/>'+posttitle_gal+'</a></div>'); } } document.write('</div>'); document.write('</div>');} </script> <script style="text/javascript"> var numposts_gal = 7; var numchars_gal = 300; var random_posts = false; // random posts </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script> </div>


var numchars_gal = 300; <-- عدد الحروف في الملخص.
var random_posts = false; <-- اجعلها "true" لعرض مواضيع عشوائية

باسوورد فك الضغط : www.arblogger-templates.com