حصريا قالب G-Vusion2 معرب |
حصريا و فقط على مدونة احتراف عربي قالب G-Vusion2 الإحترافي معرب
بعض من مميزت القالب
- قالب خفيف بعمودين
- قالب متجاوب مع شت قياسات الشاشات
- قائمة علوية احرافية
- قائمة ثانية ثابتة و منسدلة
- مجموعة مميزة من الازرار و الكواد المدمجة مع القالب
- اضافة 3 أدوات مدمجة في السيدبار
- فوتر احترافي بـ 3 أعمدة
- إضافة عمودين لعرض المواضيع
- متوافق مع جميع قياسات الإعلانات
- صندوق تعليقات مميز"محول الأكواد,الإبتسامات,وتعريف الكاتب"
و المزيد من المميزات الرائعة
صورة للصفحة الرئيسية
صورة لصفحة المواضيع
تعديل و تخصيص القالب
لتغيير اللوغو ابحث عن هذا الرابط و استبدله برابط اللوغو الخاص بط
http://4.bp.blogspot.com/-VquSRxRmrXY/U6lgcVwnm5I/AAAAAAAAD2s/ihGX9OqZO78/s1600/G+Vusion.png
للتعديل على القائمة العلوية ابحث عن
<!-- Main menu -->
استبدل الكلمات و # بالروابط خاصتك
للتعديل على القائمة الثانية ابحث عن
استبدل الكلمات و # بالروابط خاصتك
للتعديل على أزرار مواقع التواصل الإجتماعي ابحث عن
اتسبدل # بالروابط خاصتك
لإضافة قائمتي المواضيع الثانوية اتجه الى تخطيط في اسفل رسائل المدونة هناك مكان لإضافقين كما هو موضح في الصورة
اضف الكود التالي في أداة جافا سكبرت
استبدل واحد بالتسمية التي تريد و http://g-vusion-2-ar.blogspot.com/ برابط مدونتك
كرر العملية في الإضافتين
لإضافة الفهرس ألصق الكود التالي في صفحة ثابتة "وضع HTML"
الفهرس الثاني
استبدل احتراف عربي بإسم مدونتك و http://arabic3professional.blogspot.com برابط مدونتك
الفهرس الأول
لإضافة صفحة اتصل بنا ألصق الكود التالي في صفحة ثابتة "وضع HTML"
الأكواد الخاصة بلأزرار
الأكواد الخاصة بصندوق الأقتباس
إذا كان لديك اي استفسار باب التعليقات مفتوح للجميع فلا تتردد
ألقاكم في تدوينة أخرى بإذن الله
للتعديل على القائمة الثانية ابحث عن
<nav id='menu'>
استبدل الكلمات و # بالروابط خاصتك
للتعديل على أزرار مواقع التواصل الإجتماعي ابحث عن
<!--Social Icons Started Started-->
اتسبدل # بالروابط خاصتك
لإضافة قائمتي المواضيع الثانوية اتجه الى تخطيط في اسفل رسائل المدونة هناك مكان لإضافقين كما هو موضح في الصورة
اضف الكود التالي في أداة جافا سكبرت
<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 = 40;</script>
<script type="text/javascript" src="/feeds/posts/default/-/واحد?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<br/>
<a style='float:left;font-size:12px;padding:3px 5px;background:#f9b256;color:#fff;margin-bottom:5px;' href='http://g-vusion-2-ar.blogspot.com/search/label/واحد/max-results=5' title='عرض المزيد' rel='nofollow'>المزيد »</a>
كرر العملية في الإضافتين
لإضافة الفهرس ألصق الكود التالي في صفحة ثابتة "وضع HTML"
الفهرس الثاني
<div dir="rtl" style="text-align: right;" trbidi="on">
<script src="https://aisuka-project.googlecode.com/svn/sitemap.js" type="text/javascript"></script> <script src="http://arabic3professional.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<br />
<div style="display: none;">
<a href="http://arabic3professional.blogspot.com/">إحتراف عربي</a></div>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 {background:#fff;border-bottom:1px solid #fafafa;color:#444;font-size: 20px;margin: 0 0 10px 2px;padding: 0 0 10px;}
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a {background:#fff;color:#444;display:block;border-bottom:3px solid #f0f0f0; font-size: 14px; line-height: normal; outline:none;padding:10px 15px;transition:all .25s ease-in-out;}
.ct-columns-3 p a:hover {background:#02a4e5;color:#fff;border-bottom:3px solid #0392cb;}
.ct-columns-3 p span{color:#fff!important;font-style:normal!important;font-weight:normal!important;}
@media screen and (max-width: 768px){ .ct-columns-3 {-moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style></div>
الفهرس الأول
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="bp_toc">
Loading Sitemap. Please wait....</div>
<script src="https://aisuka-project.googlecode.com/svn/blogtoc_orig.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script></div>
لإضافة صفحة اتصل بنا ألصق الكود التالي في صفحة ثابتة "وضع HTML"
<div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
الإسم<span style="color: red;">*</span><br />
<br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<br />
<br />
البريد الإلكتروني
<span style="color: red; font-weight: bolder;">*</span><br />
<br />
<span style="color: red; font-weight: bolder;"> </span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />
<br />
الرسالة
<span style="color: red;"><span style="font-weight: bolder;">*</span></span><br />
<br />
<span style="color: black; font-weight: bolder;"> </span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<br />
<div style="max-width: auto; text-align: center; width: auto;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style type="text/css">
</style></div>
الأكواد الخاصة بلأزرار
<a class="button red" href="/">Button Text</a>
<a class="button pink" href="/">Button Text</a><br />
<a class="button orange" href="/">Button Text</a><br />
<a class="button yellow" href="/">Button Text</a><br />
<a class="button green" href="/">Button Text</a><br />
<a class="button blue" href="/">Button Text</a><br />
<a class="button dark" href="/">Button Text</a>
الأكواد الخاصة بصندوق الأقتباس
<pre title="HTML"><code class="language-markup"> ... HTML CODE (already `escape`) HERE ... </code></pre>
<pre title="CSS"><code class="language-css"> ... CSS CODE HERE ... </code></pre>
<pre title="Javascript"><code class="language-javascript"> ... JAVASCRIPT CODE HERE ... </code></pre>
إذا كان لديك اي استفسار باب التعليقات مفتوح للجميع فلا تتردد
ألقاكم في تدوينة أخرى بإذن الله
ممكن أضافات وتعديلات أخرى وشكرا
ردحذف