مظهر بلوجر جديد للفيديو 2019

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

صورة كاملة من الصفحة الرئيسية

  روابط تحميل القالب بالشريط الجانبى ◄◄◄

شرح تخصيص القالب:

من لوحة تحكم المدونة --> التخطيط

1. 1. خيارات القالب

قم بالنقر على تعديل لتحرير أداة "خيارات القالب" لإجراء التالي بالترتيب
انقر على تحرير Css Options
مقابل خانة boxedVersion أدخل false لعرض القالب بشاشة كاملة ولعرضها بشكل محصور كما هو بالشكل التالي في الصورة أدخل true

مقابل خانة recentPostsHeadline ادخل false لإخفاء كلمة آخر المشاركات ولإظهارها أدخل true

قم بالنقر على تعديل لتحرير أداة "متغيرات القالب" لإجراء التالي بالترتيب
أختيار نوع تعليقات المدونة مقابل خانة commentsSystem أدخل نوع التعليقات المطلوب {blogger, disqus, facebook} او hide لإخفائها
وفي حال إختيار تعليقات  disqus أدخل معرف تعليقاتك في  disqus مقابل خانة disqusShortname

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

مقابل خانة fixedSidebar لتشغيل الشريط الجانبي مع التمرير قم بإدخال false ولإقافه أدخل true ثم أنقر على حفظ 

2. القائمة في الأعلى

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

3. الصفحات الإجتماعية اعلى

أدخل روابط صفحاتك الإجتماعية مقابل كل تسمية لموقع الإجتماعي المحدد ولإضافة صفحات اخرى أدخل تسمية الموقع الإجتماعية من هذه القائمة:  { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email }

3. القائمة الرئيسية:

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

4. المشاركات المفضلة

للتحكم بالمشاركات المفضلة (السلايد شو)
من التخطيط انقر على تعديل "أخبار ساخنة" ثم أدخل التالي للتحكم بها
لعرض أحدث المشاركات أدخل: recent/hot-posts
لعرض مشاركات عشوائية أدخل: random/hot-posts
لعرض مشاركات بحسب التسمية أدخل: التسمية/hot-posts

5. أداة تزييل الموقع يسار

للتحكم بالمشاركات في أداة تزييل الموقع يسار من التخطيط انقر على تعديل الاداة ثم أدخل الرموز التالية للتحكم بها
لعرض احدث المشاركات ادخل الرمز: 3/recent/post-list
لعرض مشاركات عشوائية أدخل الرمز: 3/random/post-list
لعرض مشاركات بحسب التسمية أدخل: 3/التسمية/post-list
الرقم 3 هو عدد المشاركات الملوب عرضها يمكنك تغييره

6. الصفحات الإجتماعية في الشريط الجانبي

لإضافة وتعديل الصفحات الإجتماعية في الشريط الجانبي من التخطيط أنقر على تعديل أداة "صفحاتنا الإجتماعية" وأدخل تسمية الموقع الجديد من الرموز الإجتماعية أدناه مقابل كل رابط من هذه القائمة:  { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email }

7. أداة صفحة معجبين فيسبوك

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

<center><div class="fb-page" data-href="https://www.facebook.com/mdadice" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

8. طريقة عرض المشاركات

  يمكنك التحكم بطريقة عرض مشاركات معينة وذلك إذا كنت تريد عرض مشاركة بصفحة كاملة اي بدون الشريط الجانبي أو من خلال قلب الشريط الجانبي لليمين. عند إنشاء مشاركة جديدة أدخل في نهاية المشاركة الرمز إذا كنت تريد: عرض صفحة كاملة بدون الشريط الجانبي أدخل الرمز full-width وضع عليه علامة يتوسطه خط عرض الشريط الجانبي يمين أدخل الرمز right-sidebar وضع عليه علامة يتوسطه خط

عرض الشريط الجانبي يسار أدخل الرمز left-sidebar وضع عليه علامة يتوسطه خط

9. التحكم بألوان القالب

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

هذا كل شيء نتمنى لكم التوفيق ولا تنسونا من الدعاء 🙏

تابع إنسانية نملة على الفيس بوك

 ✅  للتحميل من adyou

  ☑   رابط التحميل المباشر        

اضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى - اضافات بلوجر

اضافة اليوم عبارة عن وضع ساعة فلاشية بسيطة رقمية مع اضافة التقويم الميلادى والهجرى .

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

اذا اعجبتك هذه الاضافة وتريد وضعها فى مدونتك او فى منتداك عليك بمتابعة طريقة التركيب .

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

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

ومنها اختار اضافة HTML/JavaScript :

بالاخير ضع هذا الكود :

<style type='text/css'>
.cnmuclock {
  background-color: #000000;
  border: 4px solid #eee;
  border-radius: 8px;
  box-shadow: 0 0 2px #222;
  color: #FF8000;
  display: block;
  font: 68px/80px arial;
  height: 80px;
  margin: 10px auto;
  padding-left: 4px;
  padding-right: 30px;
  position: relative;
  width: 195px;
}
.cnmuclock span {float: left;  margin: 0 4px;}
.ceconds {
  font-size: 12px;
  position: absolute;
  right: 7px;
  top: -5px;
}
.cspahmsa {
  font-size: 12px;
  top: 10px;
  position: absolute;
  right: 5px;
}
.cfasel2 {display: none;}
</style>
<script type='text/javascript'>
//<![CDATA[
var _0x3512=["\x41\x4D","\x67\x65\x74\x48\x6F\x75\x72\x73","\x67\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x67\x65\x74\x53\x65\x63\x6F\x6E\x64\x73","\x72\x65\x6E\x64\x65\x72\x54\x69\x6D\x65\x28\x29","\x50\x4D","\x30","\x63\x6E\x6D\x75\x63\x6C\x6F\x63\x6B","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x3A","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x68\x6F\x75\x72\x73\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x31\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6D\x69\x6E\x75\x74\x65\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x32\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x65\x63\x6F\x6E\x64\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x73\x70\x61\x68\x6D\x73\x61\x22\x3E"];function renderTime(){var _0x554cx2= new Date();var _0x554cx3=_0x3512[0];var _0x554cx4=_0x554cx2[_0x3512[1]]();var _0x554cx5=_0x554cx2[_0x3512[2]]();var _0x554cx6=_0x554cx2[_0x3512[3]]();setTimeout(_0x3512[4],1000);if(_0x554cx4==0){_0x554cx4=12}else {if(_0x554cx4>12){_0x554cx4=_0x554cx4-12;_0x554cx3=_0x3512[5]}};if(_0x554cx4<10){_0x554cx4=_0x3512[6]+_0x554cx4};if(_0x554cx5<10){_0x554cx5=_0x3512[6]+_0x554cx5};if(_0x554cx6<10){_0x554cx6=_0x3512[6]+_0x554cx6};var _0x554cx7=document[_0x3512[8]](_0x3512[7]);_0x554cx7[_0x3512[9]]=_0x554cx4+_0x3512[10]+_0x554cx5+_0x3512[10]+_0x554cx6+_0x554cx3;_0x554cx7[_0x3512[11]]=_0x3512[12]+_0x554cx4+_0x3512[13]+_0x3512[14]+_0x3512[10]+_0x3512[13]+_0x3512[15]+_0x554cx5+_0x3512[13]+_0x3512[16]+_0x3512[10]+_0x3512[13]+_0x3512[17]+_0x554cx6+_0x3512[13]+_0x3512[18]+_0x554cx3+_0x3512[13]}renderTime()
//]]>
</script>
<div class='cnmuclock' id='cnmuclock'></div>
<p align="center"><script language="JavaScript">
var fixd;
function isGregLeapYear(year)
{
return year%4 == 0 && year%100 != 0 || year%400 == 0;
}

function gregToFixed(year, month, day)
{
var a = Math.floor((year - 1) / 4);
var b = Math.floor((year - 1) / 100);
var c = Math.floor((year - 1) / 400);
var d = Math.floor((367 * month - 362) / 12);
if (month <= 2)
e = 0;
else if (month > 2 && isGregLeapYear(year))
e = -1;
else
e = -2;
return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
}
function Hijri(year, month, day)
{
this.year = year;
this.month = month;
this.day = day;
this.toFixed = hijriToFixed;
this.toString = hijriToString;
}
function hijriToFixed()
{
return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
}
function hijriToString()
{
var months = new Array("محرم","صفر","ربيع أول","ربيع ثانى","جمادى أول","جمادى ثانى","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة");
return this.day + " " + months[this.month - 1]+ " " + this.year;
}
function fixedToHijri(f)
{
var i=new Hijri(1100, 1, 1);
i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
var i2=new Hijri(i.year, 1, 1);
var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
i.month = Math.min(m, 12);
i2.year = i.year;
i2.month = i.month;
i2.day = 1;
i.day = f - i2.toFixed() + 1;
return i;
}
var tod=new Date();
var weekday=new Array("الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت");
var monthname=new Array("يناير","فبراير","مارس","إبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر");
var y = tod.getFullYear();
var m = tod.getMonth();
var d = tod.getDate();
var dow = tod.getDay();
document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);
m++;
fixd=gregToFixed(y, m, d);
var h=new Hijri(1421, 11, 28);
h = fixedToHijri(fixd);
document.write("  - " + h.toString() + "   &nbsp;&nbsp;");
</script></p>

بالاخير اضغط على حفظ 

التعديل على اللوان الساعة الفلاشية 

• الكود المحدد باللون الازرق لون لوحة الساعة الفلاشية .
• الكود المحدد باللون الاخضر خاص باللون برواز الساعة .
• الكود المحدد باللون الاحمر خاص باللون الساعات والدقائق والثوانى .

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

كيفية عمل موضوع مثبت فى مدونة بلوجر للمبتدئين

اصحاب مدونات بلوجر يعانون من عدم وجود خاصية تثبيت موضوع يحددة مدير المدونة مثل ما يوجد فى المنتديات لكن جوجل قامت بوضع اضافة إبراز مشاركة خاصة الهدف منها اختيار مشاركة لعرضها فى المدونة والاضافة متاحة ومتواجدة فى قائمة الاضافة ولقد تحدثت عن هذه الاضافة من خلال هذه التدوينة : إبراز مشاركة خاصة على مدونتك اضافة مميزة لعرض موضوع مهم .

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

كيف تثبت مشاركة فى مدونة بلوجر

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

عند كتابة مشاركة او تحرير مشاركة ستجد إعدادات المشاركات الذى يوجد فيها وصف البحث والتسميات وخيارات ورابط ثابت - كل ما يهمنا الضغط على خيار جدول زمنى مثل ما واضح لنا بالصورة التالية :

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

فعند كتابة تدوينة جديدة اخرى وعند نشرها ستظل المشاركة الذى قمت بتعين الوقت والتاريخ فى مقدمة المشاركات .

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

تابع إنسانية نملة على الفيس بوك

اداة احصائيات المدونة بشكل رهيب

اما بعد متتبعي ومتتبعات إنسانية نملة

في اضافة جديدة من اضافات بلوجر من برمجتي الخاصة حيث لن تجد مثيلا لها في اي موقع اخر غير هذا

الاداة تحتوي على تاثيرات رائعة

تركيب الاضافة

قم بانشاء اداة HTML/Javascipt

والصق فيها الكود التالي

<font face="tahoma" size="2"><table width='350px' border='0' cellspacing='0' cellpadding='10' ><style>

.hassoubi_under_link{
    display: inline-block;
    color: #000;
    text-decoration: none;
}

.hassoubi_under_link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #388FC7;
    transition: width .3s;
}

.hassoubi_under_link:hover::after {
    width: 100%;
    transition: width .3s;
}
#hassoubi_numpostsall {
background-image:url('http://icons.iconarchive.com/icons/dryicons/simplistica/16/comment-icon.png');
    background-repeat: no-repeat;
    background-position: right center;
 padding-right:20px;
}
#hassoubi_numcommentsall {
background-image:url('http://icons.iconarchive.com/icons/paomedia/small-n-flat/16/post-it-icon.png');
    background-repeat: no-repeat;
    background-position: right center;
 padding-right:20px;
}
#hassoubi_comefrom {
background-image:url('https://cdn3.iconfinder.com/data/icons/fugue/icon/arrow-return-180-left.png');
    background-repeat: no-repeat;
    background-position: right center;
 padding-right:20px;
}
#hassoubi_time {
background-image:url('http://www.free-icons-download.net/images/event-time-icon-6797.png');
    background-repeat: no-repeat;
    background-position: right center;
 padding-right:20px;
}
#hassoubi_hit {
background-image:url('http://individual.icons-land.com/IconsPreview/People/PNG/Office/16x16/User_Blue_Male_Light.png');
    background-repeat: no-repeat;
    background-position: right center;
 padding-right:20px;
}

</style>
<tr> <td bgcolor="#DA7F25"><center>
<span style="color:#fff;"><b>احصائيات المدونة</b></span></center>
</td> </tr>
<tr> <td><br />
<script style="text/javascript">function numberOfPosts(json) {
document.getElementById('hassoubi_numpostsall').innerHTML=document.getElementById('hassoubi_numpostsall').innerHTML + json.feed.openSearch$totalResults.$t;
}
</script><center>
<span id="hassoubi_numpostsall" class="hassoubi_under_link">عدد المواضيع : </span><br />
<script src="http://astuce-hassoubi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></center>
</td> </tr>
<tr> <td><center>
<span id="hassoubi_numcommentsall" class="hassoubi_under_link">عدد التعليقات : </span></center>
<script>function numberOfComments(json) {
document.getElementById('hassoubi_numcommentsall').innerHTML=document.getElementById('hassoubi_numcommentsall').innerHTML + json.feed.openSearch$totalResults.$t;
}</script><br />
<script src="http://astuce-hassoubi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"</script></td> </tr>
<tr> <td><center>
<script>
function extractDomain(url) {
    var domain;
    if (url.indexOf("://") > -1) {
        domain = url.split('/')[2];
    }
    else {
        domain = url.split('/')[0];
    }
    domain = domain.split(':')[0];
    return domain;
}
</script><br />
<span id="hassoubi_comefrom" class="hassoubi_under_link"><br />
<script language='JavaScript'>document.write(extractDomain(document.referrer));</script> : أنت قادم من</span></center>
</td> </tr>
<tr> <td><center>
<span id="hassoubi_time" class="hassoubi_under_link"><script language='JavaScript'>
var now = new Date();
var annee   = now.getFullYear();
var mois    = ('0'+now.getMonth()+1).slice(-2);
var jour    = ('0'+now.getDate()   ).slice(-2);
var heure   = ('0'+now.getHours()  ).slice(-2);
var minute  = ('0'+now.getMinutes()).slice(-2);
document.write(jour+"/"+mois+"/"+annee);
document.write(" "+heure+":"+minute);
</script>: الساعة والتاريخ</span><br />
</center>
</td> </tr>
<tr> <td><center>
<span class="hassoubi_under_link" id="hassoubi_hit"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5299159";
var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;
fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
</script> : عدد المتواجدون حاليا</span><br />
</center>
</td> </tr>
</table>
</font>
<a href="http://astuce-hassoubi.blogspot.com/" rel="dofollow" style="display:none">حاسوبي Astuce</a>

ملاحظة لا تعطي اي عنوان للاداة

استبدل الرابط التالي مرتين في الكود برابط مدونتك http://astuce-hassoubi.blogspot.com ثم غير حسب الارادة مبروك عليك الاضافة اي سؤال اكتبه في التعليق شكرا للزيارة

تابع إنسانية نملة على الفيس بوك

اضافة ازرار التحميل والمعاينة بشكل احترافي

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

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

1. توجه الي مدونتك
2. ثم قم باختيار قالب ثم تحريرHTML
3. ثم قم بالبحث عن الوسم ]]></b:skin>
4. ثم قم باضافة هذه الاكواد فوقه

#wrap {margin:20px auto;text-align:center;} a.btn { display: inline-block; position: relative; text-decoration: none; font-weight: 100; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #0B6EAB; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; border: 1px solid #0B6EAB; } a.btn:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn::before { color: #0B6EAB; display: -webkit-inline-box; content: "\f06e"; font-family: fontawesome; margin: 0 0 0 5px; } a.btn:hover::before { color: #fff; } a.btn2 { display: inline-block; position: relative; text-decoration: none; font-weight: 100; background: #dd2f2f; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn2:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn2::before { color: #FFFFFF; display: -webkit-inline-box; content: "\f090"; font-family: fontawesome; margin: 0 0 0 5px; }

1. ثم قم بوضع هذا الكود في اي موضوع في مدونتك
2.  كود زر التحميل

<a class="btn2" href="http://web-four.blogspot.com" rel="nofollow" style="text-align: right;" target="_blank">تحميل</a>

1. كود زر المعاينة

<a class="btn" href="http://web-four.blogspot.com" rel="nofollow" target="_blank">معاينة القالب</a> 

المصدر مدون ويب فور

تابع إنسانية نملة على الفيس بوك

تحميل

معاينة القالب