تحميل قالب Sora Films الاحترافي والمجاني

قالب Sora Films هو قالب يركز على محتوي الأفلام والفيديوهات، حيث يمكنك استخدامه لمحتوي مثل الأفلام ومقاطع الدعائيات، ومقاطع فيديوهات يوتيوب، والسينما، وغيرها الكثير....

يحتوي Sora Films على العديد من الأدوات التي تجعل مدونتك أو موقعك أكثر احترافية

قالب متجاوب وسريع وتصميمه متميز ويمكنك استخدامه للكتب فشكل القالب جميل جدا لعرض أعمالك من فيديوهات أو أفلام أو كتب والمزيد...

الإعدادات الأساسية:

كيف تقوم بتثبيت القالب؟

اتبع الخطوات التالية:

قم بتحميل ملف القالب واحفظه على جهازك الكمبيوتر PC

سجل دخول إلي لوحة تحكم بلوجر لمدونتك

ثم اذهب إلي المظهر

ثم اضغط نسخ احتياطي/استعادة

اضغط تنزيل المظهر لتحتفظ بنسخة احتياطية من القالب القديم إذ ربما تحتاجه مرة أخري

بعد ذلك افتح ملف القالب الذي امتداده .xml بواسطة برنامج notepad أو wordpad أو notpad++ أو أي برنامج محرر متاح لديك

بعد فتحه من داخل أكواد القالب اضغط (ctrl+A) لتحديد كل أكواد القالب ثم بعد ذلك اضغط (ctrl+c) لنسخ أكواد القالب التي تم تحديدها

والان افتح المظهر في لوحة تحكم بلوجر لمدونتك ثم تعديل HTML وقم بالضغط في أي مكان في الـ HTMLثم تحديد الكل بالضغط على (ctrl+A) ثم قم بلصق أكواد القالب التي نسختها بالضغط على (ctrl+v)

ثم حفظ المظهر

كيف تقوم بتحميل لوجو لمدونتك؟

اذهب إلي لوحة تحكم بلوجر لمدونتك ثم اضغط التخطيط

ثم تعديل رأس الصفحة Header

ثم قم بتحميل صورة اللوجو التي تريدها لمدونتك أو موقعك

ثم حفظ

ما هي إعدادات القالب؟ كيف تقوم بإعداد قالبك؟

عليك اتباع بعض الخطوات البسيطة لإعداد قالبك بشكل جيد

أولا: إعداد بسيط للجوال:

بأن تذهب إلي لوحة تحكم بلوجر ثم المظهر ثم اضغط على علامة الترس ثم تختار "لا، إظهار سطح المكتب على الأجهزة الجوالة"

ثم حفظ

ثانيا التعليقات المضمنة:

من لوحة التحكم بلوجر اضغط إعدادات

ثم اختر "المشاركات والتعليقات والمشاركة"

في تعليقات اختر "مضمن"

ثم حفظ الإعدادات

ثالثا: خلاصة موقع الويب

من لوحة تحكم بلوجر ثم إعدادات ثم أخري

السماح بخلاصة موقع الويب اجعلها "بالكامل"

ثم احفظ الإعدادات

رابعا: إعدادات التاريخ:

من لوحة تحكم بلوجر ثم إعدادات

ثم اختر اللغة والتنسيق

ثم تقوم بتعديل الوقت والتاريخ

ثم حفظ الإعدادات

أكواد قصيرة تساعد في جعل مقالاتك أكثر احترافية وجمالا

كيفية إضافة أو عمل جدول داخل مقالتك:

اضغط مشاركة جديدة

ثم اختر HTML ثم أضف الأكواد التالية الخاصة بأعمدة وصفوف الجدول

<table>

<thead>

<tr>

<th>First Name</th>

<th>Hero Title</th>

</tr>

</thead>

<tbody>

<tr>

<td data-label="First Name">Bruce</td>

<td data-label="Last Name">Wayne</td>

<td data-label="Hero Title">Batman</td>

</tr>

<tr>

<td data-label="First Name">Peter</td>

<td data-label="Last Name">Parker</td>

<td data-label="Hero Title">Spiderman</td>

</tr>

<tr>

<td data-label="First Name">Bruce</td>

<td data-label="Last Name">Banner</td>

</tr>

<tr>

<td data-label="First Name">Clark</td>

<td data-label="Hero Title">Superman</td>

</tr>

</tbody>

</table>

</div>

يمكنك تغيير النصوص حسب ما تريد

كيفية عمل نموذج اتصال داخل المقالة:

اضغط مشاركة جديدة أو صفحة جديدة

ثم اختر HTML ثم أضف الأكواد التالية ضع الأكواد التالية:

<br />

</div>

</div>

</form>

</div>

كيفية عمل Code Box وإظهاره في مقالتك:

من لوحة تحكم بلوجر اختر "المشاركات"

ثم تعديل في أي مشاركة أو اضغط مشاركة جديدة

ثم داخل تعديل المقالة اختر HTML

ثم أضف الكود التالي في أي مكان تريد حتي يظهر Code Box

<pre>function generate() {

var a = $('#container').html();

var b = window.open('', '', 'width=600,height=400');

b.document.write('<textarea>' + a + '</textarea>');

}</pre>

ولإضافة صندوق تنبيه Alert Boxes:

من لوحة تحكم بلوجر اختر "المشاركات"

ثم تعديل في أي مشاركة أو اضغط مشاركة جديدة

ثم داخل تعديل المقالة اختر HTML

ثم أضف الكود التالي في أي مكان تريد حتي يظهر صندوق التنبيه

<i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>

<i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>

<i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>

<i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>

</div>

يمكنك تغيير نص رسالة التنبيه كما تريد

كيفية إضافة أزرار داخل المقالة أو المشاركة:

يوجد منها الصغير والمتوسط والكبير

لعمل أزرار بسيطة:

ضع الأكواد التالية:

<a class="button small" href="https://www.blogger.com">Button Small</a>

<a class="button medium" href="https://www.blogger.com">Button Medium</a>

<a class="button large" href="https://www.blogger.com">Button Large</a>

</div>

والرابط باللون الأحمر استبدله بالرابط الذي تريد

لعمل أزرار مع ايقونات:

<a class="button small demo" href="https://www.blogger.com">Demo Button</a>

<a class="button medium demo" href="https://www.blogger.com">Demo Button</a>

<a class="button large demo" href="https://www.blogger.com">Demo Button</a>

<br>

</div>

<a class="button small download" href="https://www.blogger.com">Download Button</a>

<a class="button medium download" href="https://www.blogger.com">Download Button</a>

<a class="button large download" href="https://www.blogger.com">Download Button</a>

<br>

</div>

<a class="button small buy" href="https://www.blogger.com">Buy Now Button</a>

<a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a>

<a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>

<br>

</div>

<a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a>

<a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a>

<a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a>

</div>

مع تغيير الروابط التي باللون الأحمر واستبدالها بروابطك

كيف تنشئ خريطة Sitemap لموقعك؟

الخطوة الأولي:

هي إضافة أكواد CSS داخل القالب

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

كيف تضيف أكواد CSS؟؟

اذهب إلي لوحة تحكم بلوجر ثم "المظهر" ثم تعديل HTML

ثم اضغط في أي مكان في أكواد القالب ثم ابحث عن هذا التاج

]]></b:skin>

وذلك بالضغط على (ctrl+f)للبحث عنها

ثم قم بلصق الكود التالي فوق أو قبل

]]></b:skin>

/* ######## Navigation Menu Css by sorabloggingtips.com ######################### */

.mapasite {

margin-bottom: 10px;

background-color: #F8F8F8

}

.mapasite.active .mapa {

display: block

}

.mapasite .mapa {

display: none

}

.mapasite h2 {

background-color: #EEE;

color: #000;

font-size: 15px;

padding: 10px 20px;

border-radius: 2px;

margin-bottom: 0;

cursor: pointer;

font-weight: 700

}

.mapasite h2 .botao {

font-size: 18px;

line-height: 1.2em

}

.botao .fa-minus-circle {

color: #f30

}

.mapapost {

overflow: hidden;

margin-bottom: 20px;

height: 70px;

background-color: #FFF

}

.mapa {

padding: 40px

}

.map-thumb {

background-color: #F0F0F0;

padding: 10px;

display: block;

width: 65px;

height: 50px;

float: left

}

.map-img {

width: 65px;

height: 50px;

overflow: hidden;

border-radius: 2px

}

.map-thumb a {

width: 100%;

height: 100%;

display: block;

transition: all .3s ease-out!important;

-webkit-transition: all .3s ease-out!important;

-moz-transition: all .3s ease-out!important;

-o-transition: all .3s ease-out!important

}

.map-thumb a:hover {

-webkit-transform: scale(1.1) rotate(-1.5deg)!important;

-moz-transform: scale(1.1) rotate(-1.5deg)!important;

transform: scale(1.1) rotate(-1.5deg)!important;

transition: all .3s ease-out!important;

-webkit-transition: all .3s ease-out!important;

-moz-transition: all .3s ease-out!important;

-o-transition: all .3s ease-out!important

}

.mapapost .wrp-titulo {

padding-top: 10px;

font-weight: 700;

font-size: 14px;

line-height: 1.3em;

padding-left: 25px;

padding-right: 10px;

display: block;

overflow: hidden;

margin-bottom: 5px

}

.mapapost .wrp-titulo a {

}

.mapapost .wrp-titulo a:hover {

color: #f30;

text-decoration: underline

}

.map-meta {

display: block;

float: left;

overflow: hidden;

padding-left: 25px;

}

.mapasite h2 .botao {

float: right

}

الخطوة الثانية:

وهي إضافة أكواد أو اسكريبت HTML

قم بالضغط على (ctrl+f)للبحث عن تاج

</body>

ثم الصق الكود التالي فوق أو قبل <body/>

//<![CDATA[

var text_month = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];

var no_image_url = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMTydPHd3BYI6fjLCYuGgl_mU4Nz63uVbHOXRIfiOwfZn4H5wNOiBOq_6AtWW6G1QZXXrpPraeSh1pACQPWZaRyKBBDX9ptI5vkcMnxco_YR7yfjqkCyEn6SsvHcTYfkwvS28IRjTyhEI/s1600-r/nth.png";

var static_page_text = $.trim($('.static_page .post-body').text());

if (static_page_text === "[sitemap]") {

var postbody = $('.static_page .post-body');

$.ajax({

url: "/feeds/posts/default?alt=json-in-script",

type: 'get',

dataType: "jsonp",

success: function(dataZ) {

var blogLabels = [];

for (var t = 0; t < dataZ.feed.category.length; t++) {

blogLabels.push(dataZ.feed.category[t].term)

}

var blogLabels = blogLabels.join('/');

postbody.html('<div class="siteLabel"></div>');

$('.static_page .post-body .siteLabel').text(blogLabels);

var splabel = $(".siteLabel").text().split("/");

var splabels = "";

for (get = 0; get < splabel.length; ++get) {

splabels += "<span>" + splabel[get] + "</span>"

}

$(".siteLabel").html(splabels);

$('.siteLabel span').each(function() {

var mapLabel = $(this);

var mapLabel_text = $(this).text();

$.ajax({

url: "/feeds/posts/default/-/" + mapLabel_text + "?alt=json-in-script",

type: 'get',

dataType: "jsonp",

success: function(data) {

var posturl = "";

var htmlcode = '<div class="mapa">';

for (var i = 0; i < data.feed.entry.length; i++) {

for (var j = 0; j < data.feed.entry[i].link.length; j++) {

if (data.feed.entry[i].link[j].rel == "alternate") {

posturl = data.feed.entry[i].link[j].href;

break

}

var posttitle = data.feed.entry[i].title.$t;

var author = data.feed.entry[i].author[0].name.$t;

var get_date = data.feed.entry[i].published.$t,

year = get_date.substring(0, 4),

month = get_date.substring(5, 7),

day = get_date.substring(8, 10),

date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year;

var tag = data.feed.entry[i].category[0].term;

var content = data.feed.entry[i].content.$t;

var $content = $('<div>').html(content);

var src2 = data.feed.entry[i].media$thumbnail.url;

htmlcode += '<div class="mapapost"><div class="map-thumb"><div class="map-img"><a href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/></div></div><h3 class="wrp-titulo"><a href="' + posturl + '">' + posttitle + '</a></h3><div class="map-meta"><span class="p-author">' + author + '</span><span class="p-date">' + date + '</span></div></div>'

}

htmlcode += '</div>';

mapLabel.replaceWith('<div class="mapasite"><h2>' + mapLabel_text + '<span class="botao"><i class="fa fa-plus-circle"></i></span></h2>' + htmlcode + '</div>');

$(document).on('click', '.mapasite h2', function() {

$(this).parent('.mapasite').addClass('active');

$(this).find('.botao .fa').removeClass('fa-plus-circle').addClass('fa-minus-circle');

});

$(document).on('click', '.mapasite.active h2', function() {

$(this).parent('.mapasite').removeClass('active');

$(this).find('.botao .fa').addClass('fa-plus-circle').removeClass('fa-minus-circle');

});

}

});

}

});

}

//]]>

</script>

ملحوظة مهمة جدا: الإضافة تعمل على مكتبة jquery لذا عليك تحميل أو تثبيت jquery plugin إذا لم تكن لديك

الخطوة الثالثة والمهمة:

إضافة Sitemap في صفحاتك

وذلك بالذهاب إلي لوحة تحكم بلوجر ثم الصفحات

ثم أضف صفحة جديدة

بعد إضافة عنوان للصفحة وإخفاء التعليقات

قم بإضافة الكود التالي في الصفحة

[sitemap]

ثم اضغط "نشر"

الان بعدما تعلمت كيفية تثبيت وإعداد القالب، يمكنك الاستمتاع باستخدام هذا القالب والاستفادة من ميزاته وأدواته الرائعة.

أكاديمية المهندس

تحميل قالب Sora Films الاحترافي والمجاني

مرسلة بواسطة Ahmed Kotb

نموذج الاتصال