مظهر بلوجر جديد 2018 تيك برو مظهر بلوجر تقني مجلة إحترافي

Blogger Template


نقدم لكم اليوم قالب بلوجر إحترافي حديث ومميز قالب يطمح إليه كل شخص يمتلك مدونة على بلوجر لما يحتويه على مميزات يمكنك الإطلاع عليها وفقاً لتخصيص القالب وغيرها الكثير

قالب بلوجر متكامل ومتميز إحصل عليه اليوم مجاناً وبدون مجهود فقط طبق الشرح بطريقة صحيحة على القالب لتحصل على مظهر مميز لمدونتك.



رابط تنزيل بديل

هذا الفيديو دليل أن القالب خالِ من المشاكل 100% بعد إنشاء مدونة جديدة ورفع القالب عليها يرجى المشاهدة
الكثير من الاخوة تأتي وتعلق أن هناك مشاكل سواء بالقالب او التحميل الرجاء التأكد جيداً من الإجراءات التي أتخذتها قبل وضع تعليق


تخصيص القالب:

ملاحظة: قد تجد جميع الأكواد المطلوبة في مكانها حيث انها تحتاج تعديل فقط ولا حاجة لإضافتها مرة أخرى.

1. القائمة العليا
من التخطيط أنقر على تحرير أداة "القائمة الفرعية" ثم أضف روابط صفحاتك كما هو مطلوب:


2. روابط الصفحات الإجتماعية
لديك ثلاثة أماكن لروابط صفحاتك الإجتماعية تستطيع التعديل عليها من خلال التوجه إلى تخطيط المدونة وتحرير الادوات التالية "الصفحات الإجتماعية أعلى". "الروابط الإجتماعية الخاصة بالمدون". "الروابط الإجتماعية اسفل الموقع"


3. القائمة الرئيسية:
يمكنك تعديل القوائم المنسدلة بربطها بأقسام مدونتك من خلال التخطيط ثم اختر القائمة التي تريد تعديلها "القائمة الرئيسية" لإضافة اقسام جديدة للقائمة الرئيسية أنظر للشكل أدناه
لإضافة قائمة منسدلة اضف أولاً القوائم الفرعية مسبوقة برمز _ بالشكل التالي ثم أضف عنوان القائمة المنسدلة
قائمة رئيسية
_قائمة فرعية 1
_قائمة فرعية 2
_قائمة فرعية 3
_قائمة منسدلة فرعية
__منسدلة فرعية 1
__منسدلة فرعية 2
قائمة رئيسية 2
قائمة رئيسية 3




4. الأقسام بحسب التسمية مع السلايد شو وغيرها
من تخطيط المدونة قم بتحرير الأدوات التالية وأضف إليها كالآتي:


شريط أحدث الأخبار
لتشغيل شريط احدث الأخبار بحسب التسمية أضف: <span data-type="recent" data-no="5"></span>
ليقوم الشريط بعرض أحدث المشاركات أضف: <span data-type="label" data-label="ضع التسمية هنا" data-no="5"></span>

تشغيل السلايد شو
تحرير أداة "السلايد شو" ثم اضف التالي
 يعرض احدث المشاركات: <span data-type="ty-latest-slide" data-no="6"></span>
يعرض مشاركات بحسب التسمية: <span data-type="ty-tag-slide" data-label="ضع التسمية هنا"  data-no="6"></span>



تشغيل المشاركات بجانب السلايد شو
قم بتحرير أداة "featured" ثم اضف التالي بحسب ماتريد
لعرض احدث المشاركات: <span data-type="tyard-recent"></span>
لعرض مواضيع بحسب التسمية: <span data-type="tyard-label" data-label="ضع التسمية هنا"></span>



تشغيل المشاركات بحسب التسمية المميزة
قم بتحرير أداة "المشاركات بحسب التسمية المميزة" ثم أضف الكود التالي داخل الأداة:
<span data-type="tysum" data-label="ضع التسمية هنا" data-no="4"></span>


تشغيل التسميات كما بالشكل أعلاه
قم بتحرير الأداوت من التخطيط "featuredbox3" "featuredbox2" "featuredbox1"
ثم اضف الكود التالي:
<span data-type="tybox" data-label="ضع التسمية هنا"></span>




تشغيل أداة "بحسب التسمية"
قم بتحرير الأداة وأضف الكود التالي: <span data-type="tylist" data-label="ضع التسمية هنا"></span>



تشغيل "بحسب التسمية للفيديو"
أضف الكود التالي في المكان الصحيح: <span data-type="tygrid" data-label="ضع التسمية هنا" data-no="6"></span>



تشغيل أداة "بحسب التسمية يمين" وأداة" بحسب التسمية يسار
لتشغيل اداة بحسب التسمية يمين أضف: <span data-type="tyright" data-label="ضع التسمية هنا"></span>
لتشغيل أداة بحسب التسمية يسار اضف: <span data-type="tyleft" data-label="ضع التسمية هنا"></span>


5. الشريط الجانبي وتزييل المدونة
للتعديل على الشريط الجانبي من التخطيط ثم قم بتحرير أو إضافة أداة HTML/JavaScript ثم أضف الأكواد اللازمة من الآتي

تشغيل أداة أحدث مشاركات أضف الرمز: <span class="latestposts" data-no="5"></span>
حيث يمكنك زيادة العدد بالتعديل على الرقم 5

لتشغيل أداة أحدث التعليقات او آخر التعليقات أضف الرمز:
<span class="latestcomments" data-no="5"></span>

لعرض مواضيع بحسب التسمية أضف الرمز:
<span class="tagpost" data-label="ضع عنوان التسمية هنا" data-no="5"></span>


صندوق معجبي فيسبوك أضف الكود التالي:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/mdadice" data-width="340" data-height="230" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

غير المعرف mdadice بمعرف صفحتك على فيسبوك


أحدث مشاركات بحسب التسمية أسفل المدونة أضف الكود التالي:
<span class="tagpost" data-label="ضع عنوان التسمية هنا" data-no="5"></span>


لاضافة ايقونات الصفحات الإجتماعية أسفل المدونة أضف الكود التالي:
<p style="
    margin-bottom: 10px;
">أكثر من 600,000+ متابع على مواقع التواصل الإجتماعي كن على إطلاع دائم معهم</p>
 <ul class="social-icons icon-circle list-unstyled list-inline">
       <li> <a href="#"><i class="fa fa-dribbble"></i></a></li>
       <li> <a href="#"><i class="fa fa-dropbox"></i></a></li>
       <li> <a href="#"><i class="fa fa-facebook"></i></a></li>
       <li> <a href="#"><i class="fa fa-flickr"></i></a></li>
       <li> <a href="#"><i class="fa fa-github"></i></a></li>
       <li> <a href="#"><i class="fa fa-google-plus"></i></a></li>
       <li> <a href="#"><i class="fa fa-instagram"></i></a></li>
       <li> <a href="#"><i class="fa fa-linkedin"></i></a></li>
       <li> <a href="#"><i class="fa fa-pinterest"></i></a></li>
       <li> <a href="#"><i class="fa fa-skype"></i></a></li>
       <li> <a href="#"><i class="fa fa-tumblr"></i></a></li>
       <li> <a href="#"><i class="fa fa-twitter"></i></a></li>
       <li> <a href="#"><i class="fa fa-vimeo-square"></i></a></li>
       <li> <a href="#"><i class="fa fa-vk"></i></a></li>
       <li> <a href="#"><i class="fa fa-youtube-play"></i></a></li>
    </ul>
<style>
.list-unstyled {
 padding-right: 0;
 list-style: none;
}
.list-inline li {
     display: inline-block;
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 5px;
}
/*---- Genral classes end -------*/

/*Change icons size here*/
.social-icons .fa {
 font-size: 1.8em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 color: #FFF;
 color: rgba(255, 255, 255, 0.8);
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.social-icons.icon-circle .fa{
 border-radius: 50%;
}
.social-icons.icon-rounded .fa{
 border-radius:5px;
}
.social-icons.icon-flat .fa{
 border-radius: 0;
}
.social-icons .fa:hover, .social-icons .fa:active {
 color: #FFF;
 -webkit-box-shadow: 1px 1px 3px #333;
 -moz-box-shadow: 1px 1px 3px #333;
 box-shadow: 1px 1px 3px #333;
}
.social-icons .fa-adn{background-color:#504e54;}
.social-icons .fa-apple{background-color:#aeb5c5;}
.social-icons .fa-android{background-color:#A5C63B;}
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;}
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;}
.social-icons .fa-css3{background-color:#1572B7;}
.social-icons .fa-dribbble{background-color:#F46899;}
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;}
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;}
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;}
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;}
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;}
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;}
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;}
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
</style>

6. الإعلانات
لعرض إعلان أسفل المشاركات من التخطيط ثم أنقر على تحرير اداة "إعلان اسفل المشاركات" ثم أضف كود الإعلان الخاص بك ليظهر تلقائيا أسفل المشاركات

ولعرض إعلان أعلى المشاركات قم بتحرير اداة "إعلان فوق المشاركات" من التخطيط ثم أضف كود الإعلان الخاص بك و أنقر على حفظ ليظهر الإعلان تلقائيًا أعلى المشاركات مباشرةً

7. التعليقات
لإختيار نوع التعليقات المطلوب إذهب إلى تخطيط المدونة ثم أنقر على تحرير أداة "نوع التعليقات المطلوب" وأضف التعليقات المطلوب عرضها بإضافة الرمز الخاص بكل نوع:
 [facebook]  لعرض تعليقات فيسبوك
 [blogger] لعرض تعليقات بلوجر
[disqus]  لعرض تعليقات disqus

ويمكنك عرضها معا أو كل واحدة على حدى
 [facebook]
[disqus]
[facebook][disqusss]
[blogger][facebook]
[facebook][blogger]
[disqus][facebook][blogger]
[blogger][disqus][facebook]

في حال إخترت تعليقات disqus يمكنك إضافة معرف التعليقات الخاصة بك  أسفل الأداة في أداة "معرف تعليقات disqus" لكي تكون قادراً على الإشراف على التعليقات
8. خيارات العرض

لعرض صفحة كاملة لمشاركة قم بإنشاء مشاركة جديدة او صفحة جديدة ثم أضف الرمز [full_width] بجانب عنوان المشاركة

لعرض الشريط الجانبي على الجانب الايسر أضف الرمز [left_sidebar] بعد عنوان الموضوع او الصفحة في منطقة العنوان

لعرض الشريط الجانبي على الجانب الايمن لصفحة معينة أو مشاركة أنشئ صفحة أو مشاركة جديدة ثم أضف الرمز التالي [right_sidebar] بجانب عنوان المشاركة او الصفحة

لعرض خارطة الموقع قم بإنشاء صفحة جديدة من لوحة التحكم -> الصفحات أنقر على "صفحة جديدة" ثم أضف الرمز التالي [sitemap] في منطقة محتوى الصفحة


9. خيارات المظهر


10. ألوان القالب
للتحكم بألوان المظهر او القالب أنتقل من لوحة التحكم ثم التخطيط ثم أنقر على "مصمم المظاهر" أو من المظهر أنقر على "تخصيص" ثم أنقر على "متقدم" للتحكم بالألوان.


نأمل أن ينال إعجابكم
في حال كنتم ترغبون بالحصول على خدمة تركيب وتخصيص القالب مقابل 5 دولار فقط يرجى الأتصال بنا 
التالي
هذا الموضوع هو الاحدث

24 التعليقات



23 ديسمبر 2017 6:51 م ×

ولا فيه قوالب ولا حاجة انت نصاب عاوز تتربح من التحويل لاختصار الروابط ..اتقي الله انا كنت من معجبينك

رد
avatar
مشرف
23 ديسمبر 2017 10:29 م ×

مرحبا
اقدر موقفك هذا هو دليل عدم معرفتك فقط لذلك لا مشكلة، كان الاجدر بك طرح سؤال بناء بدلا من الافتراء علينا هذا القالب اخذ مجهود ساعات متواصلة من العمل

رد
avatar
مشرف
24 ديسمبر 2017 2:34 ص ×

شكرااااااااا لك اخي الكريم جزاك الله كل خير

رد
avatar
مشرف
24 ديسمبر 2017 2:45 ص ×

لا ليس بنصاب انت مغفل فعلا حدث معي نفس الشيئ ولكن قمت فقط بطعطيل اداة المتصفح adblock فنجح الامر معي وحملت قالب TechPro العربي الجديد واللذي بحثت عليه معرب ولم اجده فقط الا في هذه المدونة قوالب مداد اشكر كل من ساهم في تعريب القالب ايا كان وشكرا كثيراااااا لمدونة قوالب مداد والسلام عليكم ورحمة الله وبركاته .

رد
avatar
مشرف
24 ديسمبر 2017 2:48 ص ×

انت مغفل ولا تستحق هذا القالب

رد
avatar
مشرف
24 ديسمبر 2017 2:51 ص ×

تنقصك الخبرة في مجالات النت وبالتوفيق لمدونة قوالب مداد والى اللقاء

رد
avatar
مشرف
24 ديسمبر 2017 3:18 ص ×

أنا الذي يشكرك أخي على غيرتك وتفهمك لعملنا أتمنى لك كل التوفيق والنجاح بأعمالك مع فائق إحترامي وتقديري لك.

رد
avatar
مشرف
25 ديسمبر 2017 12:20 ص ×

اخي لم أستطع تعديل الاقسام ! مخربطه
فقط يكتب الاسم لكن يضل الرابط " # "

رد
avatar
مشرف
25 ديسمبر 2017 1:22 ص ×

أعتقد انك تتحدث عن القائمة المنسدلة أخي الكريم بدلاً من رمز المربع # عليك إضافة رابط القسم المختار وتسمية القسم مكان الكلمة العربية "قائمة" أو "تعديل"

رد
avatar
مشرف
27 ديسمبر 2017 9:40 ص ×

شكرا لك
اردت فقط طريقة نزع الكلام اسفل الصور في المواضيع مش العنوان الكلام بس

رد
avatar
مشرف
27 ديسمبر 2017 10:18 ص ×

اهلا بك
تقصد معلومات المقالة يمكنك حذف الكود التالي من المظهر:
<div class='post-meta'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<i class='fa fa-user'/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
<span itemprop='name'><data:post.author/></span></a>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<i class='fa fa-calendar-o'/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='label-head'>
<b:if cond='data:post.labels'>
<i class='fa fa-folder-o'/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/>,</a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</b:if>
</span>
</div>

رد
avatar
مشرف
6 يناير 2018 3:32 م ×

قالب جميل يستحق الشكر

رد
avatar
مشرف
6 يناير 2018 3:37 م ×

هل من طريقة لتغيير الاعلان فوق الصفحة و أقصد اعلان 90*728
و شكرا لك

رد
avatar
مشرف
7 يناير 2018 9:47 ص ×

مرحبا بك
ما الذي تريد تغييره؟

رد
avatar
مشرف
9 يناير 2018 11:59 ص ×

سلام اخي انا اشكرك جزيل الشكر اقسم بالله ان متل هدا القالب يباع بالتمن مرتفع انا الان جد مندهش بانه مجاني وشتغل جيدا القالب حترافي فعل شكرا لك كما اتمنى ان اجد قالب للصورة في متل احترافية هدا القالب لانه بقالي حوالي شهر انتضر ان يضهر قالب للصور احترافي ادا كان هناك قالب المرجو ترسله الي ولك جزيل الشكر

رد
avatar
مشرف
9 يناير 2018 12:45 م ×

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

رد
avatar
مشرف
12 يناير 2018 10:49 ص ×

اخي مداد اولا شكرا لك على المجهود قوالب جميلة
سؤالي هل استطيع جعل القالب بمجرد النقر على صورة الموضوع يتم الدخول
المشكلة في القالب انه عندما يتصفح شخص الرئيسة ويود الدخول لموضوع يجب ان يضغط على العنوان ليدخل ليس كالقوالب الاخرى بمجرد الضغط على الصورة المصغرة للموضوع يتم التحويل
ارجو ان تكون فهمت قصدي

رد
avatar
مشرف
16 يناير 2018 12:49 م ×

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

رد
avatar
مشرف
19 يناير 2018 3:14 م ×

أشكرك جدا على هذا القالب الممتاز والمميز مثلكم .

رد
avatar
مشرف
20 يناير 2018 1:18 ص ×

اشكرك على ثناءك واتمنى لك التوفيق

رد
avatar
مشرف
20 يناير 2018 12:05 م ×

اخى ممكن حل مشكله انفصال الاحرف عن بعضها فى القالب وشكرأ لك على القالب

رد
avatar
مشرف
20 يناير 2018 12:23 م ×

يرجى التوضيح أكثر مشكلة انفصال الاحرف ليست من القالب قد تكون من الخطوط لديك

رد
avatar
مشرف
شكراً على التعلق