الرئيسية / قوالب بلوجر / تحميل قالب بلوجر تقني أحترافي لمدونات بلوجر

تحميل قالب بلوجر تقني أحترافي لمدونات بلوجر

المؤلف -  Mustafa Prince


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

يستخدم هذه القالب للمجلة وكذلك التصوير الفوتوغرافي أو خبار التكنلوجيا وكذلك في عرض الفئات الذي تريدة حيث يجلب لك الجمال للموقع الخاص بك.
*ملاحظة:لاتقم بتغيير حقوق الملكية والأ سوف توأجهك مشكلة في القالب حيث يظهر بشكل غيرلائق وغير سليم.
طريقة تثبيت القالب

1-قم بتحميل القالب
2-من لوحة التحكم في بلوجر أختر المظهر
3-من الزاوية اليسرى قم بالنقر على النسخ الأحتياطي/ الأستعادة
4-قم بعمل نسخة أحتياطية للقالب السابق
5-أنقر على زر التصفح واختر ملف القالب الذي قمت بتنزيله والذي ينتهي بصيغةxml
6-أنقر على تحميل
7-أو يمكنك مشاهدة الصورة التالية:

طريقة عرض السلايدرشو في القالب

1-من لوحة تحكم بلوجر أختر التخطيط
2-أنقر على لوحة تحكم الشرائح او top-slideshow
3-قم بأضافة التسمية (التصنيف)التي تريد عرضها على شكل شرائح(سلايدرشو)
4-أضغط على الحفظ
*لكي يعمل السلايدرشو قم بأضافة أسم التصنيف(التسمية) في خانة top-slideshow

طريقة تخصيص القوائم في القالب

1-أذهب الى لوحة التحكم واختر التخطيط
2-أختر من التخطيط خانة top-manu وقم بوضع الكود التالي مع عمل التغيير الذي يناسبك

<div id='top-bar'>
<div id='top-bar-menu'>
 <div id='menu'>
  <ul>
   <li><a href='/'>تعديل</a></li>
   <li><a href='#'>تعديل <span/></span></a>
    <ul class='children'>
     <li><a href='/search/label/Label1?max-results=10'>تعديل1</a></li>
     <li><a href='/search/label/Label2?max-results=10'>تعديل2</a></li>
     <li><a href='/search/label/Label3?max-results=10'>تعديل3</a></li>
     <li><a href='/search/label/Label4?max-results=10'>تعديل4</a></li>
     <li><a href='/search/label/Label5?max-results=10'>تعديل5</a></li>
    </ul>
   </li>
   <li><a href='#'>تعديل</a></li>
   <li><a href='#'>تعديل</a></li>
   <li><a href='#'>تعديل</a></li>
   <li><a href='#'>تعديل</a></li>
 </ul>
</div>

<div id='search_box'><form action='/search' id='search' method='get'><input class='search_text' id='search_text' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search and hit enter...&apos;;}' onfocus='if (this.value == &apos;Search and hit enter...&apos;) {this.value = &apos;&apos;;}' type='text' value='أكتب هنا ماتريد البحث عنه ...'/></form><div class='search_button'><i class='fa fa-search'/></i></div></div>
</div>
</div>
3-قم بأستبدال"#" بالروابط الخاصةباسم القسم الخاص بك(التسمية)
4-أضغط على الحفظ

طريقة تخصيص القوائم بالنسبة للهاتف في القالب

1-أذهب الى لوحة التحكم واختر التخطيط
2-أختر من التخطيط خانة MOBILE MENU وقم بوضع الكود التالي مع عمل التغيير الذي يناسبك

<div class="menu"><i class="fa fa-navicon"></i></div>

<div id='css-menu'>

<div id='cssmenu'>
<ul>
<li class='home'><span class='close-menu' title='Close'><i class='fa fa-times'/></i></span></li>
<li><a href='/' title='Home'>الرئيسية</a></li>
<li class='has-sub'><a href='#'>فوتوشوب</a>
<ul>
<li><a href='/search/label/Label1?max-results=10'>فوتوشوب1</a></li>
<li><a href='/search/label/Label2?max-results=10'>فوتوشوب2</a></li>
<li><a href='/search/label/Label3?max-results=10'>فوتوشوب3</a></li>
<li><a href='/search/label/Label4?max-results=10'>فوتوشوب4</a></li>
<li><a href='/search/label/Label5?max-results=10'>فوتوشوب5</a></li>
</ul>
</li>
<li><a href='/'>حول</a></li>
<li><a href='/'>تحميل القالب</a></li>
<li style="border-top: 1px solid #eee; border-bottom: 1px solid #eee;"><form method="get" style="display: inline; padding: 15px;" action="/search"><input type="search" placeholder="أبحث هنا..." name="q" id="s" /></form>
</li>
</ul>
</div>

</div>
3-قم بأستبدال"#" بالروابط الخاصةباسم القسم الخاص بك(التسمية)
4-أضغط على الحفظ


طريقة تثبيت أيقونات التواصل الأجتماعي

من التخطيط قم بنسخ ولصق الكود أدناه في خانة add social sharing

<div id='top-social'>
    <ul>
     <li><a class='facebook' href='#'><i class='fa fa-facebook'/></i></a></li>
     <li><a class='twitter' href='#'><i class='fa fa-twitter'/></i></a></li>
     <li><a class='instagram' href='#'><i class='fa fa-instagram'/></i></a></li>
     <li><a class='gplus' href='#'><i class='fa fa-google-plus'/></i></a></li>
     <li><a class='pinterest' href='#'><i class='fa fa-pinterest'/></i></a></li>
     <li><a class='rss' target='_blank' href='/feeds/posts/default?alt=rss'><i class='fa fa-rss'/></i></a></li>
    </ul>
   </div>
طريقة عرض المشاركات في القالب

في بلوجر أختر التخطيط وقم بنسخ ولصق الكود التالي في خانة vT-gallery

<div id="FM-gallery" ></div>
    <script type="text/javascript">

    //#################### Defaults
    var ListBlogLink = window.location.hostname;
    var ListCount = 3;
    var ChrCount = 97;
    var TitleCount = 97;
    var ImageSize = 670;
    //################ Function Start
    function mbtlist(json) {
    document.write('<ul class="mbtlist">');
    for (var i = 0; i < ListCount; i++)
    {
    //################### Variables Declared
    var listing= ListImage = ListUrl = ListTitle = ListImage = ListContent = ListConten = ListAuthor = ListTag = ListDate = ListUpdate = ListComments = thumbUrl = TotalPosts = sk = ListMonth = Y = D = M = m = YY = DD = MM = mm = TT =  "";

    //################### Category
    if (json.feed.entry[i].category != null)
    {
    for (var k = 0; k < json.feed.entry[i].category.length; k++) {
        ListTag += json.feed.entry[i].category[k].term;
    if(k < json.feed.entry[i].category.length-1)
    { ListTag += " / ";}
    }
    }

    //################### URL
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    ListUrl= "'" + json.feed.entry[i].link[j].href + "'";

    //################### Info
    TotalPosts = json.feed.openSearch$totalResults.$t;
    if (json.feed.entry[i].title!= null)
    {
    ListTitle= json.feed.entry[i].title.$t.substr(0, TitleCount);
    }
    if (json.feed.entry[i].thr$total)
    {
    ListComments= json.feed.entry[i].thr$total.$t;
    }
    ListAuthor= json.feed.entry[i].author[0].name.$t.split(" ");
    ListAuthor=ListAuthor.slice(0, 3).join(" ");


    //################### Content Check

    ListConten = json.feed.entry[i].content.$t;
    ListContent= ListConten.replace(/(<([^>]+)>)/ig,"").substring(0, ChrCount);

    //################### Date Format

    ListMonth= ["January","February","March","April","May","June","July","August","September","October","November","December"];

    ListDate= json.feed.entry[i].published.$t.substring(0,10);

                             Y = ListDate.substring(0, 4);
                            m = ListDate.substring(5, 7);
                             D = ListDate.substring(8, 10);
                             M = ListMonth[parseInt(m - 1)];                      

    ListUpdate= json.feed.entry[i].updated.$t.substring(0, 16);

                             YY = ListUpdate.substring(0, 4);
                            mm = ListUpdate.substring(5, 7);
                             DD = ListUpdate.substring(8, 10);
                             TT = ListUpdate.substring(11, 16);
                             MM = ListMonth[parseInt(mm - 1)];  

    //################### Thumbnail Check
    // YouTube scan

    if (json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/) != null)
    {

        var youtube_id = json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();
      
        if (youtube_id.length == 11) {
            var ListImage = "'//img.youtube.com/vi/"+youtube_id+"/0.jpg'";
            }
    }

    else if (json.feed.entry[i].media$thumbnail)
    {
    thumbUrl = json.feed.entry[i].media$thumbnail.url;
    sk= thumbUrl.replace("/s72-c/","/s"+ImageSize+"/");
    ListImage= "'" + sk.replace("?imgmax=800","") + "'";
    }

    else if (json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/) != null)
    {
    // Support For 3rd Party Images
    ListImage =  json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];
    }
    else
    {
    ListImage= "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDK0n3yfZ4cHFBXyRWwsptIAemwnae5jAvKPF6JYn5ujTLBZathssdIxiut41CjhXBKmlbG1xruIGbyNpz9KATr7JbWSp8CZ7IpF7b2CXz9bK_rGTHTz6Oi8Yxp1HzrKDh0M1n35k8TM-R/s1600/no-image.png'";
    }
    //################### Printing List

    var listing = "<li class='node"+[i]+"' ><a href="
    + ListUrl+
      "><div class='overlay'><img src="
    +ListImage+
    "/></div></a><span class='itag'>"
    +ListTag+
    "</span><a class='mbttitle' href="
    + ListUrl+
    ">"
    + ListTitle+
    "</a> <div class='iline'>By <span class='iauthor'>"
    +ListAuthor+
    "</span><span class='icomments'>"
    + ListComments+
    "</span><span class='idate'> "
    + M +
    " "
    + D +
    ", "
    + Y +

    "</span><span class='iedit'> <a class='tooltip1'>Edited<span><b></b>On ? "
    + MM +
    " "
    + DD +
    ", "
    + YY +
    " at ? "
    +TT+
    " </span></a> </span></div> <span class='icon'>"
    +ListContent+
    " ...  <a href="
    +ListUrl+
    " class='imore'></a></span></li>";
    document.write(listing);
    }
    document.write("<div class='itotal'><span> <a href='"+ListBlogLink+"/search'>View all <font>"+TotalPosts+"</font> posts</a></span></div></ul>");
    }
    </script>




<script>
    var ListBlogLink = "https://parhlo-bloggers.blogspot.com";
var ListCount = 3;
var LableName = "مميز" 
    </script>
*قم بأستبدال رابط الموقع  برابط الموقع الخاص بك
*قم بأستبدال كلمة "مميز"برابط التصنيف الخاص بك(التسمية)

طريقة عرض المشاركات في القالب

من لوحة التحكم في بلوجر أختر التخطيط وقم بنسخ ولصق الكود التالي في خانةvT-video

<div id="FM-video" ></div>
    <script type="text/javascript">

    //#################### Defaults
    var ListBlogLink = window.location.hostname;
    var ListCount = 5;
    var ChrCount = 97;
    var TitleCount = 97;
    var ImageSize = 420;
    //################ Function Start
    function mbtlist(json) {
    document.write('<ul class="mbtlist">');
    for (var i = 0; i < ListCount; i++)
    {
    //################### Variables Declared
    var listing= ListImage = ListUrl = ListTitle = ListImage = ListContent = ListConten = ListAuthor = ListTag = ListDate = ListUpdate = ListComments = thumbUrl = TotalPosts = sk = ListMonth = Y = D = M = m = YY = DD = MM = mm = TT =  "";

    //################### Category
    if (json.feed.entry[i].category != null)
    {
    for (var k = 0; k < json.feed.entry[i].category.length; k++) {
        ListTag += json.feed.entry[i].category[k].term;
    if(k < json.feed.entry[i].category.length-1)
    { ListTag += " / ";}
    }
    }

    //################### URL
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    ListUrl= "'" + json.feed.entry[i].link[j].href + "'";

    //################### Info
    TotalPosts = json.feed.openSearch$totalResults.$t;
    if (json.feed.entry[i].title!= null)
    {
    ListTitle= json.feed.entry[i].title.$t.substr(0, TitleCount);
    }
    if (json.feed.entry[i].thr$total)
    {
    ListComments= json.feed.entry[i].thr$total.$t;
    }
    ListAuthor= json.feed.entry[i].author[0].name.$t.split(" ");
    ListAuthor=ListAuthor.slice(0, 3).join(" ");


    //################### Content Check

    ListConten = json.feed.entry[i].content.$t;
    ListContent= ListConten.replace(/(<([^>]+)>)/ig,"").substring(0, ChrCount);

    //################### Date Format

    ListMonth= ["January","February","March","April","May","June","July","August","September","October","November","December"];

    ListDate= json.feed.entry[i].published.$t.substring(0,10);

                             Y = ListDate.substring(0, 4);
                            m = ListDate.substring(5, 7);
                             D = ListDate.substring(8, 10);
                             M = ListMonth[parseInt(m - 1)];                       

    ListUpdate= json.feed.entry[i].updated.$t.substring(0, 16);

                             YY = ListUpdate.substring(0, 4);
                            mm = ListUpdate.substring(5, 7);
                             DD = ListUpdate.substring(8, 10);
                             TT = ListUpdate.substring(11, 16);
                             MM = ListMonth[parseInt(mm - 1)];   

    //################### Thumbnail Check
    // YouTube scan

    if (json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/) != null)
    {

        var youtube_id = json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();
       
        if (youtube_id.length == 11) {
            var ListImage = "'//img.youtube.com/vi/"+youtube_id+"/0.jpg'";
            }
    }

    else if (json.feed.entry[i].media$thumbnail)
    {
    thumbUrl = json.feed.entry[i].media$thumbnail.url;
    sk= thumbUrl.replace("/s72-c/","/s"+ImageSize+"/");
    ListImage= "'" + sk.replace("?imgmax=800","") + "'";
    }

    else if (json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/) != null)
    {
    // Support For 3rd Party Images
    ListImage =  json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];
    }
    else
    {
    ListImage= "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDK0n3yfZ4cHFBXyRWwsptIAemwnae5jAvKPF6JYn5ujTLBZathssdIxiut41CjhXBKmlbG1xruIGbyNpz9KATr7JbWSp8CZ7IpF7b2CXz9bK_rGTHTz6Oi8Yxp1HzrKDh0M1n35k8TM-R/s1600/no-image.png'";
    }
    //################### Printing List

    var listing = "<li class='node"+[i]+"' ><a href="
    + ListUrl+
      "><div class='overlay'><img src="
    +ListImage+
    "/></div></a><span class='itag'>"
    +ListTag+
    "</span><a class='mbttitle' href="
    + ListUrl+
    ">"
    + ListTitle+
    "</a> <div class='iline'>By <span class='iauthor'>"
    +ListAuthor+
    "</span><span class='icomments'>"
    + ListComments+
    "</span><span class='idate'> "
    + M +
    " "
    + D +
    ", "
    + Y +

    "</span><span class='iedit'> <a class='tooltip1'>Edited<span><b></b>On ? "
    + MM +
    " "
    + DD +
    ", "
    + YY +
    " at ? "
    +TT+
    " </span></a> </span></div> <span class='icon'>"
    +ListContent+
    " ...  <a href="
    +ListUrl+
    " class='imore'></a></span></li>";
    document.write(listing);
    }
    document.write("<div class='itotal'><span> <a href='"+ListBlogLink+"/search'>View all <font>"+TotalPosts+"</font> posts</a></span></div></ul>");
    }
    </script>



<script>
    var ListBlogLink = "https://parhlo-bloggers.blogspot.com";
var ListCount = 5;
var LableName = "مميز" 
    </script>

*قم بأستبدال رابط الموقع https://parhlo-bloggers.blogspot.com برابط الموقع الخاص بك
*قم بأستبدال كلمة "مميز"برابط التصنيف الخاص بك(التسمية)

طريقة عرض اخر المشاركات على شكل شريط متحرك

 من لوحة التحكم في بلوجر أختر التخطيط وقم بنسخ ولصق الكود التالي في خانة Add Recent Posts
<script>
var ListBlogLink = "https://parhlo-bloggers.blogspot.com";
var ListCount = 5;
    </script>
تحميل القالب
______مميزات القالب______ تصميم جميل ونظيف متوافق مع الأجهزة الذكية سيو جاهز يحتوي على أزرار المشاركة الأجتماعية سريع الأستجابة يحتوي على صندوق التعليقات أعلانات جاهزة

شارك هذا الموضوع

1 تعليق:

الاشتراك في: تعليقات الرسالة (Atom)