تحميل قالب إحترافى قالب التدفق Flow مجاناً

مرحبا بك فى موقع مستر نت تحية طيبة وبعد نقدم لكم اليوم قالب بلوجر إحترافى مع شكل جذاب وسريع التصفح ومتوافق مع سيو إنه قالب التدفق و سمى بهذا الإسم لأنه يحتوى على دفق كبير من الاكواد البرمجية السهلة التخصيص مع تحكم كامل من داخل التخطيط و لوحة تحرير Html السهلة السلسلة والتى تسهل عليك عملية التخصيص 

مميزات القالب

1. تصميم متجاوب 99.9%
2. سريع 
3. خفيف 
4. سيو قوى
5. تخصيص كامل من التخطيط 
6. تحكم كامل بألاوان ( الوان لا متناهية ) 
7. أزرار مشاركة 
8. صفحة خطأ 
9. اكواد إختصارات لتنسيق موضوعك 
10. سلايد شو 
11. عارض اقسام 
12. اداة اخر التعليقات 
13. فوتر بثلاث أعمدة 
14. مع اداة مواضيع قد تعجبك اسفل المواضيع 
15. والمزيد لتكتشفه بنفسك عند المعاينة 

تخصيص القالب 

اولاً : أيقونات التواصل الإجتماعى

يتم تخصيصها كما بتلك الصورة اسفله ⬇⬇

ثانياً : القائمة الاولى ( العلوية )

يتم تخصيصها كما بالصورة أسفله ⬇⬇

• الخانة رقم 1 نضع فيها إسم الإرتباط التشعبى
• الخانة رقم 2 نضع فيها رابط الإرتباط التشعبى

ثالثاً: إعلان الهيدر

تضع الكود التالى فى اداة HTML/JAVASCRIPT

<a href='http://net-mr.blogspot.com'>
<img alt='ad' src="http://wpnews365.bdtask.com/wp-content/uploads/2017/03/top-bannner2-1.jpg"/></a>

رابعاً: تخصيص القائمة الرئيسية
نفس تخصيص القائمة العلوية مع إختلاف بسيط إذا اردت ان تنشىْ إنسدال من قسم معين ضع القسم المراد ان يسندل بعد اسم القسم الذى سينسدل منه مبدواً بعلامة (_)

مثال توضيحى سوف انشىْ قسم تحت إسم سينما واود ان ينسدل منه قسمان الاول تحت مسمى رعب و الثانى تحت مسمى كوميديا
لاحظ معى يجب ان يكون شكل اداة ملىْ الروابط على هذا الشكل

سينما
_رعب
_كوميديا

خامساً : السلايد شـــو

تضع الكود التالى فى اداة HTML/JAVASCRIPT

<span id="label" data-label="سينما"></span>

مع تغيير كلمة سينما  بإسم القسم المراد عرض المواضيع منه 

سادساً:  اداة تابعنا فى الشبكات الإجتماعية فى العمود الجانبى
تضع الكود التالى فى اداة HTML/JAVASCRIPT

<ul class="social-counts modal-1 typo-white"><li>
<a href="https://www.facebook.com/" target="blank" class="social-facebook">
<span class="fa fa-facebook"></span>
<span class="followers-count">200</span>
<span class="follow-inner-text">معجب</span>
<span class="follow-redirect-text pull-left">إعجاب</span>
</a>
</li><li>
<a href="https://twitter.com/" target="blank" class="social-twitter">
<span class="fa fa-twitter"></span>
<span class="followers-count">31,960</span>
<span class="follow-inner-text">متابع</span>
<span class="follow-redirect-text pull-left">تابعنا</span>
</a>
</li><li>
<a href="https://plus.google.com/" target="blank" class="social-google-plus">
<span class="fa fa-google-plus"></span>
<span class="followers-count">0</span>
<span class="follow-inner-text">معجب</span>
<span class="follow-redirect-text pull-left">تابعنا</span>
</a>
</li><li>
<a href="https://www.youtube.com/" target="blank" class="social-youtube">
<span class="fa fa-youtube"></span>
<span class="followers-count">18</span>
<span class="follow-inner-text">مشترك</span>
<span class="follow-redirect-text pull-left">إشترك</span>
</a></li></ul>

سابعاً : الاقسام قبل المواضيع
تضع الكود التالى فى اداة HTML/JAVASCRIPT
<span id="sorabox" data-label="سياحة"></span>
مع تغيير كلمة سياحة بإسم القسم المراد عرضه

ثامناً : اداة اخر التعليقات
تضع فى اداة HTML/JAVASCRIPT

<span id="recentcomments"></span>
تاسعاً: اختيار نظام التعليق
يمكنك ببساطة النظام الذى تشاء عن طريق كتابة إسمه بالإنجليزية القالب يدعم 3 انواع من التعليقات وهم

(blogger-facebook-disqus)

إختر النظام الذى يعجبك وضع إسمه فى الأداة 

عاشراً: تخصيص إسم مستخدم ديسكس

فى حال رغبت فى ان يكون نظام التعليقات لديك ديسكس سيتوجب عليك جلب اسم الفورم (النموذج) الخاص بك فى ديسكس 

من هنا

اخيراً : اداتى مواضيع عشوائية & مواضيع حديثة 

الأكواد الأتية كلاً منها يوضع فى اداة HTML/JAVASCRIPT

لأداة مواضيع عشوائية نستخدم الكود:

<span id="randomposts"></span>

لأداة مواضيع حديثة نستخدم الكود:

<span id="recentposts"></span>

المعاينة والتحميل

معاينة  تحميل  تحميل

نتمنى إذا اعجبك الموضوع لا تبخل علينا بالإشتراك فى  أعضاء المدونة 😃

<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> مرحبا بك فى موقع مستر نت تحية طيبة وبعد نقدم لكم اليوم قالب بلوجر إحترافى مع شكل جذاب وسريع التصفح ومتوافق مع سيو إنه قالب التدفق و سمى بهذا الإسم لأنه يحتوى على دفق كبير من الاكواد البرمجية السهلة التخصيص مع تحكم كامل من داخل التخطيط و لوحة تحرير Html السهلة السلسلة والتى تسهل عليك عملية التخصيص  </div> <div style="text-align: center;"> <br /> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqYmZyo61xUlfyY76qCpsT09Gjd_SgOdzVUppZEXgwrfA7oJAE4EIQmsvpnSmW-t7kgh7vKKgS4Xzdbf6RJeErfXImZo9RVIYyHLY1mMGM2F0ZUny-QDpmtXq5qNmNHNenjNSB_tb-OcU/s1600/FLoW-NeT-Mr.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="302" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqYmZyo61xUlfyY76qCpsT09Gjd_SgOdzVUppZEXgwrfA7oJAE4EIQmsvpnSmW-t7kgh7vKKgS4Xzdbf6RJeErfXImZo9RVIYyHLY1mMGM2F0ZUny-QDpmtXq5qNmNHNenjNSB_tb-OcU/s1600/FLoW-NeT-Mr.png" /></a> </div> <br /> <h4 style="text-align: right;"> مميزات القالب </h4> <div> <ol style="text-align: right;"> <li>تصميم متجاوب 99.9%</li> <li>سريع </li> <li>خفيف </li> <li>سيو قوى</li> <li>تخصيص كامل من التخطيط </li> <li>تحكم كامل بألاوان ( الوان لا متناهية ) </li> <li>أزرار مشاركة </li> <li>صفحة خطأ </li> <li>اكواد إختصارات لتنسيق موضوعك </li> <li>سلايد شو </li> <li>عارض اقسام </li> <li>اداة اخر التعليقات </li> <li>فوتر بثلاث أعمدة </li> <li>مع اداة مواضيع قد تعجبك اسفل المواضيع </li> <li>والمزيد لتكتشفه بنفسك عند المعاينة </li> </ol> <h4 style="text-align: right;"> تخصيص القالب  </h4> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmeifJj1itgtRkp2_ESn6AXOAVj1Gg5k3bvRaZK4YPV_yFK_l_ktilr-bChRTfNYE7Mfwi0ZbkXgrYjDMbUUNIZwkdBFAaoVKuixMPMyc4ovUJaQpDlK81IueVzTUGjcEeKp-OYhPjGhI/s1600/layout-set-flow.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1230" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmeifJj1itgtRkp2_ESn6AXOAVj1Gg5k3bvRaZK4YPV_yFK_l_ktilr-bChRTfNYE7Mfwi0ZbkXgrYjDMbUUNIZwkdBFAaoVKuixMPMyc4ovUJaQpDlK81IueVzTUGjcEeKp-OYhPjGhI/s640/layout-set-flow.png" width="492" /></a> </div> <div class="separator" style="clear: both; text-align: center;"> <b><span style="color: red;"><br /></span></b> </div> <div class="separator" style="clear: both; text-align: right;"> <b><span style="color: red;">اولاً :</span></b> أيقونات التواصل الإجتماعى </div> <div class="separator" style="clear: both; text-align: right;"> يتم تخصيصها كما بتلك الصورة اسفله ⬇⬇ </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2777okhuQtDza5c0grcp3pxQvoPS1u19EZz0m9UQUxRSlaGy7o_pXuHrrnMoNIzGh7R4JczKm4tLLQftsmJrOuiYi0aZNhSuLTc9UCjX-bWgmKYVtcHd-pQDCwxXQNtUQ6E5n7z7CeQ/s1600/2017-06-23_232246.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="570" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2777okhuQtDza5c0grcp3pxQvoPS1u19EZz0m9UQUxRSlaGy7o_pXuHrrnMoNIzGh7R4JczKm4tLLQftsmJrOuiYi0aZNhSuLTc9UCjX-bWgmKYVtcHd-pQDCwxXQNtUQ6E5n7z7CeQ/s320/2017-06-23_232246.png" width="304" /></a> </div> <div class="separator" style="clear: both; text-align: right;"> <b><span style="color: red;">ثانياً : </span></b>القائمة الاولى ( العلوية ) </div> <div class="separator" style="clear: both; text-align: right;"> يتم تخصيصها كما بالصورة أسفله ⬇⬇ </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpsoZZEzaYEVUbcq6AxPAGIGexLnpv_kzH8ZBHemVqvY9e48ZCNOsNSezraKg3Nm7_n6pwS8oTVOgZEPFSgbcs9G43uN5hjwegjROUDx1uvD5ZmIlycCxaSwk8tkfPBoe-XmP8C4Kc0I/s1600/Simply-Linklist.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="641" data-original-width="493" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpsoZZEzaYEVUbcq6AxPAGIGexLnpv_kzH8ZBHemVqvY9e48ZCNOsNSezraKg3Nm7_n6pwS8oTVOgZEPFSgbcs9G43uN5hjwegjROUDx1uvD5ZmIlycCxaSwk8tkfPBoe-XmP8C4Kc0I/s320/Simply-Linklist.png" width="246" /></a> </div> <div class="separator" style="clear: both; text-align: center;"></div> <ul> <li>الخانة رقم 1 نضع فيها إسم الإرتباط التشعبى</li> <li>الخانة رقم 2 نضع فيها رابط الإرتباط التشعبى</li> </ul> <div> <b><span style="color: red;">ثالثاً: </span></b>إعلان الهيدر<br /> <div> <div> تضع الكود التالى فى اداة HTML/JAVASCRIPT </div> <blockquotw class="tr_bq" style="text-align: left;"> <a href='http://net-mr.blogspot.com'><br /><img alt='ad' src="http://wpnews365.bdtask.com/wp-content/uploads/2017/03/top-bannner2-1.jpg"/></a></blockquotw> </div> <b><span style="color: red;"><br /></span></b> <span style="color: red;"><b>رابعاً: </b></span>تخصيص القائمة الرئيسية<br /> نفس تخصيص القائمة العلوية مع إختلاف بسيط إذا اردت ان تنشىْ إنسدال من قسم معين ضع القسم المراد ان يسندل بعد اسم القسم الذى سينسدل منه مبدواً بعلامة (_)<br /> <br /> مثال توضيحى سوف انشىْ قسم تحت إسم سينما واود ان ينسدل منه قسمان الاول تحت مسمى رعب و الثانى تحت مسمى كوميديا<br /> لاحظ معى يجب ان يكون شكل اداة ملىْ الروابط على هذا الشكل<br /> <br /> <b>سينما</b><br /> <b>_رعب</b><br /> <b>_كوميديا</b><br /> <br /> <div style="text-align: left;"> <div style="text-align: right;"> <span style="color: red; font-weight: bold;">خامساً : </span>السلايد شـــو </div> <div style="text-align: right;"> تضع الكود التالى فى اداة HTML/JAVASCRIPT </div> <blockquotw class="tr_bq" style="text-align: left;"> <span id="label" data-label="<span style="color: orange;">سينما</span>"></span></blockquotw> <br /> <div style="text-align: right;"> مع تغيير كلمة<span style="color: orange;"> <b>سينما  </b></span>بإسم القسم المراد عرض المواضيع منه  </div> <div style="text-align: right;"> <br /> </div> </div> <b><span style="color: red;">سادساً:  </span></b>اداة تابعنا فى الشبكات الإجتماعية فى العمود الجانبى<br /> تضع الكود التالى فى اداة HTML/JAVASCRIPT </div> <div> <blockquotw class="tr_bq" style="text-align: left;"> <ul class="social-counts modal-1 typo-white"><li><br /><a href="https://www.facebook.com/" target="blank" class="social-facebook"><br /><span class="fa fa-facebook"></span><br /><span class="followers-count">200</span><br /><span class="follow-inner-text">معجب</span><br /><span class="follow-redirect-text pull-left">إعجاب</span><br /></a><br /></li><li><br /><a href="https://twitter.com/" target="blank" class="social-twitter"><br /><span class="fa fa-twitter"></span><br /><span class="followers-count">31,960</span><br /><span class="follow-inner-text">متابع</span><br /><span class="follow-redirect-text pull-left">تابعنا</span><br /></a><br /></li><li><br /><a href="https://plus.google.com/" target="blank" class="social-google-plus"><br /><span class="fa fa-google-plus"></span><br /><span class="followers-count">0</span><br /><span class="follow-inner-text">معجب</span><br /><span class="follow-redirect-text pull-left">تابعنا</span><br /></a><br /></li><li><br /><a href="https://www.youtube.com/" target="blank" class="social-youtube"><br /><span class="fa fa-youtube"></span><br /><span class="followers-count">18</span><br /><span class="follow-inner-text">مشترك</span><br /><span class="follow-redirect-text pull-left">إشترك</span><br /></a></li></ul> </blockquotw> <br /> <br /> <b><span style="color: red;">سابعاً : </span></b>الاقسام قبل المواضيع<br /> تضع الكود التالى فى اداة HTML/JAVASCRIPT<br /> <blockquotw class="tr_bq" style="text-align: left;"> <span id="sorabox" data-label="<span style="color: #6aa84f;">سياحة</span>"></span></blockquotw><br /> مع تغيير كلمة <span style="color: #6aa84f;"><b>سياحة</b></span> بإسم القسم المراد عرضه<br /> <br /> <b><span style="color: red;">ثامناً</span> : </b>اداة اخر التعليقات<br /> تضع فى اداة HTML/JAVASCRIPT<br /> <br /> <blockquotw> <span id="recentcomments"></span> </blockquotw> <br /> <b><span style="color: red;">تاسعاً: </span></b>اختيار نظام التعليق<br /> يمكنك ببساطة النظام الذى تشاء عن طريق كتابة إسمه بالإنجليزية القالب يدعم 3 انواع من التعليقات وهم<br /> <div style="text-align: center;"> (blogger-facebook-disqus) </div> <div style="text-align: center;"> إختر النظام الذى يعجبك وضع إسمه فى الأداة  </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: right;"> <span style="color: red;"><b>عاشراً: </b></span>تخصيص إسم مستخدم ديسكس </div> <div style="text-align: right;"> <br /> </div> <div style="text-align: right;"> فى حال رغبت فى ان يكون نظام التعليقات لديك ديسكس سيتوجب عليك جلب اسم الفورم (النموذج) الخاص بك فى ديسكس  </div> <div style="text-align: right;"> <a href="https://disqus.com/admin/" target="_blank">من هنا</a> </div> <div style="text-align: right;"> <br /> </div> <div style="text-align: right;"> <b><span style="color: red;">اخيراً : </span></b>اداتى مواضيع عشوائية & مواضيع حديثة  </div> <div style="text-align: right;"> <br /> </div> <div style="text-align: right;"> الأكواد الأتية كلاً منها يوضع فى اداة HTML/JAVASCRIPT </div> <br /> <div style="text-align: right;"> لأداة مواضيع عشوائية نستخدم الكود: </div> <blockquotw class="tr_bq" style="text-align: left;"> <span id="randomposts"></span></blockquotw> </div> <div style="text-align: right;"> لأداة مواضيع حديثة نستخدم الكود: </div> <blockquotw class="tr_bq" style="text-align: left;"> <span id="recentposts"></span></blockquotw> <br /> <br /> <h3 style="text-align: center;"> المعاينة والتحميل </h3> <div style="text-align: center;"> <a class="demo" data-mrndemo="true" href="https://flow-net-mr.blogspot.com/" target="_blank">معاينة</a>  <a class="download" data-mrndown="true" href="https://www.file-up.org/t4bsyr23xqis" target="_blank">تحميل</a>  <a class="down2" data-mrndown="true" href="https://www.up-4ever.org/7ywk5mzc982z" target="_blank">تحميل</a><br /> <br /> </div> <div style="text-align: center;"> <b>نتمنى إذا اعجبك الموضوع لا تبخل علينا بالإشتراك</b><b> فى  <a class="subscribe" href="http://www.blogger.com/follow-blog.g?blogID=6084634914569945349" target="_blank">أعضاء المدونة</a> 😃</b> </div> </div>