السلام عليكم ورحمة لله ونركاته مرحبا بكم متابعين مدونة نيوجيك للمعلوميات في حلقة جديدة حيت سوف نقدم لكم قالب خرافي ورائع هذا القالب يتوفر على جميع الخصائص التي قد تجدها في قالب بلوجر مدفوع .
ملاحضة هذا القالب هو المستخدم في المدونة
مهم للتعديل على القالب
غير الرابط التالي برابط مدونتك في القالب يوجد منه إثنان
tawasol-1.blogspot.com/
===================================================================
لتشغيل تعليقات ديسكس ابحث
عن الافضل لكم
وغيرها باسم مستخدمك في تعليقات ديسكس (متكررة مرتين)
===================================================================
ليشتغل السلايدر الجانبي ابحث عن
إلهامات
داخل القالب وغيرهما بتسمية (يوجد إثنان)
===================================================================
في البقية مثله : القائمة وعن الكاتب إلخ... فقط ابحث عن الكلمة وسيوجهك للإضافة لتغيير المطلوب
===================================================================
لإضافة الفهرس اذهب الى الصفحات ثم اضف صفحة جديدة ضع بالعنوان :
sitemap
بعدها انتقل لتبويب HTML
وضع الكود التالي به ثم انشر الصفحة ويمكنك تغيير العنوان بعدها
غير http://mvvos.blogspot.com
برابط موقعك
<div id="toc">
<script src="https://cdn.rawgit.com/iHussam/ar1web/master/sitemap.js" type="text/javascript"></script>
<script src="http://mvvos.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
<style>
.nav_comtab,#thd_com{display: none;}
</style>
===================================================================
نفس الطريقة لصفحة الاتصال ضع في العنوان
contact
وضع الكود التالي بتبويب HTML
<div class="contact-bg">
<div class="contact-bg-inside">
<h1 class="cheading">
اتصل بنا!</h1>
<div class="parac">
تواصل معنا مباشرة</div>
</div>
</div>
<div class="contact-info">
<div id="contact-logo"> <a href="#"><img alt="fbtc" src="http://cdn4.iconfinder.com/data/icons/user-avatar-flat-icons/512/User_Avatar-35-512.png" /></a></div>
<div class="contact-info-inside">
<div class="the-text">
<h3>
عنوان أول</h3>
<div class="postdescription">
هـذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق، إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد.</div>
<h3>
عنوان ثاني</h3>
<div class="postdescription">
النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع، ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.</div>
<div class="rules">
<span style="color: #990000;"><h3>للإتصال بنا احرص على مراعاة القواعد</h3>
1. هـذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى.<br />
2. إذا كنت تحتاج إلى عدد أكبر من الفقرات.<br />
3. مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان.</span></div>
</div>
<div class="the-form">
<div id="ar1web_cntct_form">
<div class="wrap-me">
<form name="contact-form">
<span class="name-bg">الاسم الكريم</span><br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="ادخل اسمك هنا..." size="30" type="text" value="" /><br />
<br />
<span class="email-bg">بريدك الالكتروني*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="ادخل بريدك هنا..." size="30" type="text" value="" /><br />
<br />
<span class="message-bg">رسالتك*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="اكتب رسالتك هنا..." rows="5"></textarea><br />
<span class="send-bg"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="أرسل" /></span> <span class="clear-bg"><input class="contact-form-button contact-form-button-submit clear-button" type="reset" value="امسح الكل" /></span>
<br />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<br /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#secondaryhm,.entry-title{ display: none; } .content-ar1web {width: 100%; float: none; } .hentry { border: none; padding: 0; }
.nav_comtab,#thd_com{display: none;}
</style>
==========================================================================
في التخطيط
حرر أداة السلايدر وضع بها الكود التالي مع تغيير مأكولات بتسمية
<div class='recent-slider' data-label='مأكولات'></div>
حرر أداة أحدث التعليقات وضع بها الكود التالي
<script src="/feeds/comments/default?alt=json-in-script&max-results=5&callback=recentcomments"> </script>
حرر أداة بوست التسميات 1 و بوست التسميات 2 وضع في كل واحد منهما الكود التالي مع تغيير إلهامات بتسمية
<script>
document.write('<div class="recent-post-title"><h2><a href="/search/label/إلهامات?max-results=10">العنوان</a></h2></div>');
document.write("<script src=\"/feeds/posts/default/-/إلهامات?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
</script>
حرر أداة تابعنا وضع بها الكود التالي
<div class="about_blog">
<div class="inner_wrapper">
<div class="about-ar1web-img">
<img alt="alwan may" class="img-responsive" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4k9_VzL2WJTHgzk8LgTUIzteN1L0WlPMNwRc3bG-32elw_6S-RT56GroHllQmNZ4ltG7Q10mv9Uh-IxWK0VfjIf9HmmKukx_FfNZPSqtkuhSzB9Rq7YyaBEwFE0gLehnEoZWDwH3GHw/s640/image-14.jpg" width="300" />
<div class="aboutfloat-img"><span class="about-ar1web-float"><a href="#" rel="nofollow" target="_blank" ><i class="fa fa-user"></i> انضم لموقعنا</a></span></div>
</div>
</div>
<div class="about-ar1web-info">
<h4><span>ألوان ماي</span></h4>
<p>تميز بلا حدود</p>
</div>
<div class="about-ar1web-wrpicon">
<ul class="extender">
<li class="about-ar1web-icon fbl"><a href="#" rel="nofollow" target="_blank" ><i class="fa fa-facebook fa-fw"></i> صفحتنا</a></li>
<li class="about-ar1web-icon twitt"><a href="#" rel="nofollow" target="_blank" ><i class="fa fa-twitter fa-fw"></i> تابعنا</a></li>
<li class="about-ar1web-icon crcl"><a href="#" rel="nofollow" target="_blank" ><i class="fa fa-google-plus fa-fw"></i> جوجل</a></li>
</ul>
</div>
</div>
حرر أداة عن المدونة وضع بها الكود التالي
<div class="desc-footer"><p>
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
</p></div>
حرر أداة مواضيع عشوائية وضع بها الكود التالي
<script>var maxResults = 5</script>
======================================================================
ليست هناك تعليقات:
إرسال تعليق