قالب G-Vusion2 معرب

قالب  G-Vusion2 الإحترافي معرب

 بعض من مميزت القالب :

1. قالب خفيف بعمودين
2. قالب متجاوب مع شت قياسات الشاشات
3. قائمة علوية احرافية
4. قائمة ثانية ثابتة و منسدلة
5. مجموعة مميزة من الازرار و الكواد المدمجة مع القالب
6. اضافة 3 أدوات مدمجة في السيدبار
7. فوتر احترافي بـ 3 أعمدة
8. إضافة عمودين لعرض المواضيع
9. متوافق مع جميع قياسات الإعلانات
10. صندوق تعليقات مميز"محول الأكواد,الإبتسامات,وتعريف الكاتب"

     و المزيد من المميزات الرائعة

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

صورة لصفحة المواضيع

معاينة القالب

تحميل القالب

تعديل و تخصيص القالب

لتغيير اللوغو ابحث عن هذا الرابط و استبدله برابط اللوغو الخاص بط

http://4.bp.blogspot.com/-VquSRxRmrXY/U6lgcVwnm5I/AAAAAAAAD2s/ihGX9OqZO78/s1600/G+Vusion.png

للتعديل على القائمة العلوية ابحث عن

<!-- Main menu -->

استبدل الكلمات و # بالروابط خاصتك
للتعديل على القائمة الثانية ابحث عن

<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&amp;alt=json-in-script&amp;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'>المزيد &#187;</a>

استبدل واحد بالتسمية التي تريد و http://g-vusion-2-ar.blogspot.com/  برابط مدونتك
كرر العملية في الإضافتين

لإضافة الفهرس ألصق الكود التالي في صفحة ثابتة "وضع 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&amp;alt=json-in-script&amp;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>

استبدل احتراف عربي بإسم مدونتك و http://arabic3professional.blogspot.com برابط مدونتك
الفهرس الأول

<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&amp;max-results=9999&amp;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;">&nbsp;</span> 

<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />

<br />

&nbsp;الرسالة

<span style="color: red;"><span style="font-weight: bolder;">*</span></span><br />

<br />

<span style="color: black; font-weight: bolder;">&nbsp;</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>

----------------------

انتهى

10:30