تحميل قالب Parhlo قالب بلوجر مجاني




قالب Parhlo قالب بلوجر متعدد الاستخدامات وقالب مثالي للمدونات، والتصوير الفوتوغرافي، والتقنية أو التكنولوجيا، والأخبار، أو معرض لأعمالك Portfolio

قالب سريع التحميل، ويشبه تصميمات الووربريس WordPress، أول قالب مجلة يعمل بشكل كامل على السحب والإفلات باستخدام علامات HTML5

يعرض المحتوي الذي تريده بعرض فئات مختلفة في أماكن معينة وبشكل احترافي، تم تصميم قالب Parhlo بأحدث التقنيات لتحسين محركات البحث SEO

متجاوب ومتوافق 100% مع كل الأجهزة الالكترونية الذكية الصغيرة مثل الهواتف المحمولة  mobile، التابلت tablet، الآيفون iphone، الحاسوب أو الكمبيوتر PC وغيرها.... 

هذا القالب تم تحديثه من قوالب الووردبريس wordpress لإعادة تصيمه لبلوجر Blogger 
متوافق مع السيو SEO؛ فعندما يأتي الحديث عن السيو ومحركات البحث فقالب Parhlo هو الخيار الأمثل لذلك

سرعة القالب احترافية يستغرق ثواني في التحميل، ويدعم المتصفحات browsers، جاهز لعرض الإعلانات Ads

كيفية تثبيت القالب:
قم بفك ملف القالب المضغوط امتداده 
.zip
ثم لوحة تحكم بلوجر ثم المظهر
نسخ احتياطي/ استعادة
تنزيل المظهر للاحتفاظ بنسخة احتياطية من نسخة القالب القديم
ثم اختيار ملف من جهازك الكمبيوتر ملف القالب الجديد الذي ينتهي بامتداد .xml وحمله على مدونتك

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

إعدادات عرض المشاركات في واجهة الموقع Top Slideshow
من لوحة تحكم بلوجر اختر التخطيط 
اضغط Slideshow ثم تعديل
ثم أضف اسم قسم من موقعك داخل الاضافة Slideshow وعليك إضافة اسم القسم بالضبط كما هو 
مثال: اسم قسم "أخبار" بالهمزة فتكتبها هكذا "أخبار" بالضبط بهمزتها
ملحوظة: اسم القسم يجب أن يكون مضافا داخل المقالة، وهذه الأقسام تضاف في تعديل المقالة من التسميات.
ثم حفظ وإعادة تحميل الموقع أو المدونة

إعدادات المدونة:
من لوحة التحكم بلوجر اختر إعدادات 
ثم اضغط "أخري"
خلاصة موقع الويب(السماح بخلاصة المدونة) اجعلها بخيار "بالكامل"
ثم حفظ الإعدادات


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

إعدادات الوقت والتاريخ:
من لوحة تحكم بلوجر اختر إعدادات
ثم اللغة والتنسيق
اختر توقيت دولتك
ثم اختر تنسيق التاريخ 


إعدادات شريط القوائم العلوي:
اذهب إلي لوحة التحكم بلوجر لمدونتك ثم اضغط التخطيط
انسخ الكود التالي ثم الصقه في الـ Top Menu
<div id='top-bar'>
<div id='top-bar-menu'>
 <div id='menu'>
  <ul>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Labels <span/></span></a>
    <ul class='children'>
     <li><a href='#?max-results=10'>Label1</a></li>
     <li><a href='#?max-results=10'>Label2</a></li>
     <li><a href='#?max-results=10'>Label3</a></li>
     <li><a href='#search/label/Label4?max-results=10'>Label4</a></li>
     <li><a href='#?max-results=10'>Label5</a></li>
    </ul>
   </li>
   <li><a href='#'>News</a></li>
   <li><a href='#'>Gallery</a></li>
   <li><a href='#'>About</a></li>
   <li><a href='#'>Contact</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='Search and hit enter...'/></form><div class='search_button'><i class='fa fa-search'/></i></div></div>
</div>
</div>

ثم استبدل علامة # بروابطك الخاصة
ثم حفظ

إعدادات قائمة الهاتف/الموبايل العلوية Top Mobile Navigation :  
لوحة التحكم بلوجر ثم اضغط التخطيط
ثم انسخ الكود التالي والصقه في الـ 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'>Home</a></li>
<li class='has-sub'><a href='#'>Labels</a>
<ul>
<li><a href='#?max-results=10'>Label1</a></li>
<li><a href='#?max-results=10'>Label2</a></li>
<li><a href='#?max-results=10'>Label3</a></li>
<li><a href='#?max-results=10'>Label4</a></li>
<li><a href='#?max-results=10'>Label5</a></li>
</ul>
</li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</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="Search and hit enter..." name="q" id="s" /></form>
</li>
</ul>
</div>

</div>
استبدل علامة # بروابطك الخاصة
ثم حفظ



إعدادات قوائم المواقع الاجتماعية للفوتر  Footer
لوحة التحكم بلوجر ثم اضغط التخطيط
انسخ الكود التالي ثم الصقه في الـ Social Media للفوتر
<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='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>

استبدل علامة # بروابطك الخاصة
ثم حفظ

إعدادات لعرض مشاركاتك في معرض شرائح Gallery Posts:
من لوحة التحكم لبلوجر اختر التخطيط
انسخ الكود التالي ثم الصقه في الـ 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://2.bp.blogspot.com/-O5a-KY2WGPE/WGwG7HLhgHI/AAAAAAAAB8M/gys1JRuWWP0XdgYY3AxIX_kwQNrv28ryQCLcB/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 = "add-your-site-url";
var ListCount = 3;
var LableName = "Gallery"
    </script>

استبدل النص باللون الأحمر برابط موقعك أو مدونتك
مثل: http://www.Example.com

استبدل النص باللون الازرق باسم أي قسم من موقعك

ملحوظة: عليك تعيين أسماء أقسام لموقعك قبل إضافة هذا القسم في الاسكريبت script 
ثم حفظ 

عرض مشاركات أخبار News Posts:
من لوحة التحكم ببلوجر اختر التخطيط
انسخ الكود التالي ثم الصقه في الـ News

<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://2.bp.blogspot.com/-O5a-KY2WGPE/WGwG7HLhgHI/AAAAAAAAB8M/gys1JRuWWP0XdgYY3AxIX_kwQNrv28ryQCLcB/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 = "add-your-site-link";
var ListCount = 5;
var LableName = "add-any-label-here"
    </script>

استبدل النص باللون الأحمر برابط موقعك أو مدونتك مثل: http://www.Example.com
استبدل النص باللون الأزرق برابط لأي اسم قسم في موقعك
ثم حفظ


عرض آخر المشاركات Recent Posts:
من لوحة تحكم بلوجر لمدونتك اختر التخطيط
انسخ الكود التالي ثم الصقه في الـ Recent Post
<script>
var ListBlogLink = "add-your-site-link";
var ListCount = 4;
    </script>

استبدل النص باللون الأحمر برابط موقعك أو مدونتك مثل: http://www.Example.com

ثم حفظ 




أحدث أقدم