اذا كنت قد بحثت عن قالب بلوجر أحترافي ومميز لمدونات بلوجر فأنت بحاجة الى قالب Spadix الذي يتميز بكونة متجاوب مع جميع شاشات الهواتف الذكية واللأجهزة اللوحية والقالب هو نسخة مطورة من القالب الأصلي ولكن تم التعديل علية ويمكنك مشاهدة النسخة الأصلية من الموقع الرسمي من هنا, القالب يمتاز بالكثير من المميزات التي تجعلة مؤهلأ لأن يكون ذات سيو محترف وبالرغم من عدم وجودة القالب في بعض المواقع الألكترونية والمدونات الألكترونية ولكني قد وفرته لكم مجانا بعدما وجته في أحدى القنوات العربية على اليوتيوب ويمكنكم مشاهدة مميزات القالب في السيدبار المودود في الجهة اليسرى وأليكم طريقة تركيبة على مدونات بلوجر.
شرح طريقة تركيب القالب
1-قائمة مواقع التواصل الأجتماعيط
من التخطيط قم بأختيار أداة Socialicons وقم بنسخ ولصق الأكواد التالية :
<div class="top-social"> <ul class="tl-social-icons icon-rotate list-unstyled list-inline"> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> <li><a href="#"><i class="fa fa-pinterest"></i></a></li> <li><a href="#"><i class="fa fa-github"></i></a></li> <li><a href="#"><i class="fa fa-dribbble"></i></a></li> <li><a href="#"><i class="fa fa-foursquare"></i></a></li> <li><a href="#"><i class="fa fa-vk"></i></a></li> </ul> </div>
2-القائمة الرئيسية
من التخطيط قم بأختيار أداة Dropdown وقم بنسخ ولصق الأكواد التالية :
<nav>
<ul>
<li class='homelink'><a href='/'><i class="fa fa-home"/></i></a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1819"><a href="/">أخبار</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1819"><a href="/">الرياضة</a></li>
<li class='nav-big' data-label='قد يعجبك' data-heading='قد يعجبك'><a href='#'>قد يعجبك</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1819"><a href="/">الهواتف الذكية</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1819"><a href="/">نمط الحياة</a></li>
<li class='nav-big' data-label='مميز' data-heading='مميز'><a href='#'>مميز</a></li>
<li class='nav-big' data-label='مقترحة' data-heading='مقترحة'><a href='#'>مقترحة</a></li>
<li class='nav-big' data-label='قائمة' data-heading='قائمة'><a href='#'>قائمة</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1819"><a href="/">تحميل</a></li>
<!--Four col Mega menu End-->
<li class='nav-simple'><a href='/'></a></li>
</ul>
</nav>
3-شريط الأخبار
من التخطيط قم بأختيار أداة News Ticker وقم بنسخ ولصق الأكواد التالية :
<div class='news-ticker' data-genova='ticker'></div>
4-سلايدر شو
من التخطيط قم بأختيار أداة Fullwidth-Top وقم بنسخ ولصق الأكواد التالية :
<div class='g-home-top' data-label1='أخبار' data-label2='الرياضة' data-label3='الهواتف الذكية' data-label4='نمط الحياة'></div>
5-أيقونات التواصل الأجتماعي
من التخطيط قم بأختيار أداة وقم بنسخ ولصق الأكواد التالية في أي مكان تريد أن تظهر فيها الأيقونات :
<div class="tl-socialicons">
<div class="tl-socialInner">
<!--Facebook-->
<div class="tl-social">
<div class="tl-facebook tl-sinn">
<a href='#' target='_blank' title="Facebook">
<span class="tl-sicon"><i class="fa fa-facebook"></i></span>
<span class="tl-scount">3.1K</span>
</a>
</div>
</div>
<!--Google Plus-->
<div class="tl-social">
<div class="tl-googleplus tl-sinn">
<a href='#' target='_blank' title="Google Plus">
<span class="tl-sicon"><i class="fa fa-google-plus"></i></span>
<span class="tl-scount">2K</span>
</a>
</div>
</div>
<!--Twitter-->
<div class="tl-social">
<div class="tl-twitter tl-sinn">
<a href='#' target='_blank' title="Twitter">
<span class="tl-sicon"><i class="fa fa-twitter"></i></span>
<span class="tl-scount">1.4K</span>
</a>
</div>
</div>
<!--Instagram-->
<div class="tl-social">
<div class="tl-instagram tl-sinn">
<a href='#' target='_blank' title="Instagram">
<span class="tl-sicon"><i class="fa fa-instagram"></i></span>
<span class="tl-scount">2K</span>
</a>
</div>
</div>
<!--Pinterest-->
<div class="tl-social">
<div class="tl-pinterest tl-sinn">
<a href='#' target='_blank' title="Pinterest">
<span class="tl-sicon"><i class="fa fa-pinterest"></i></span>
<span class="tl-scount">4.5K</span>
</a>
</div>
</div>
<!--Youtube-->
<div class="tl-social">
<div class="tl-youtube tl-sinn">
<a href='#' target='_blank' title="YouTube">
<span class="tl-sicon"><i class="fa fa-youtube"></i></span>
<span class="tl-scount">2.8K</span>
</a>
</div>
</div>
<!--Vine-->
<div class="tl-social">
<div class="tl-vine tl-sinn">
<a href='#' target='_blank' title="Vine">
<span class="tl-sicon"><i class="fa fa-vine"></i></span>
<span class="tl-scount">3.3K</span>
</a>
</div>
</div>
<!--SoundCloud-->
<div class="tl-social">
<div class="tl-soundcloud tl-sinn">
<a href='#' target='_blank' title="SoundCloud">
<span class="tl-sicon"><i class="fa fa-soundcloud"></i></span>
<span class="tl-scount">3.9K</span>
</a>
</div>
</div>
<!--VK-->
<div class="tl-social">
<div class="tl-vk tl-sinn">
<a href='#' target='_blank' title="VK">
<span class="tl-sicon"><i class="fa fa-vk"></i></span>
<span class="tl-scount">3.9K</span>
</a>
</div>
</div>
<!---->
<div class="tl-social">
<div class="tl-foursquare tl-sinn">
<a href='#' target='_blank' title="Foursquare">
<span class="tl-sicon"><i class="fa fa-foursquare"></i></span>
<span class="tl-scount">3.9K</span>
</a>
</div>
</div>
<!--GitHub-->
<div class="tl-social">
<div class="tl-github tl-sinn">
<a href='#' target='_blank' title="GitHub">
<span class="tl-sicon"><i class="fa fa-github"></i></span>
<span class="tl-scount">3.9K</span>
</a>
</div>
</div>
<!--Dribbble-->
<div class="tl-social">
<div class="tl-dribbble tl-sinn">
<a href='#' target='_blank' title="Dribbble">
<span class="tl-sicon"><i class="fa fa-dribbble"></i></span>
<span class="tl-scount">3.9K</span>
</a>
</div>
</div>
</div>
</div>
6-تبيويب ثلاثي الأستخدام
من التخطيط قم بأختيار أداة وقم بنسخ ولصق الأكواد التالية في أي مكان تريد أن تظهر فيها الأداة :
<div data-genova='tab-mash'></div>
شرح طريقة تركيب الأضافات
1-
<div data-genova='simple' data-sub='مقالات مرتبطة' data-label='الهواتف الذكية'></div>
2-
<div data-genova='headline' data-title='أخبار' data-sub='مقالات مرتبطة' data-label='أخبار'></div>
<div data-genova='strips' data-title='قد يعجبك' data-sub='مقالات مرتبطة' data-label='قد يعجبك'></div>
0 تعليق
إرسال تعليق