طريقة تحويل اى موقع html الى قالب بلوجر xml
موقع لحظة | قوالب ووردبريس - قوالب بلوجر - برمجة و تطوير - هندسة صوتية و توزيع موقع لحظة | قوالب ووردبريس - قوالب بلوجر - برمجة و تطوير - هندسة صوتية و توزيع
سيو

آخر الأخبار

سيو
سيو
جاري التحميل ...

طريقة تحويل اى موقع html الى قالب بلوجر xml

 تحويل اى موقع html الى قالب بلوجر xml



هنتكلم عن تحويل ا الموقع الـ html الى قالب بلوجر xml  بكل سهولة و بطريقة سريعة 

فى مواقع كتير بتعجبنا و بيكون تصميمها قوى و جميل و جذاب بس للأسف بيكون html  بس 
و دا بيمنعنا اننا نركبه على بلوجر


html to blogger


 النهاردة انا هشرحلكم حاجة بسيطة كدا عن طريقة تحويل الموقع الى بلوجر بطريقة سهلة 

اول احنا هنستعمل محرر نصوص سهل و صغير اسمه  notepad++  
دا موجود فى جوجل و حجمه صغير جدآ بس بيدعم كل الترميزات 

و دا رابط التحميل من الموقع الرسمى هو مجانى 



بعد ما نحمل البرنامج و نسطبه هنفتحه و هنفتح صفحة جديدة 
و هنحط فيها الكود دا 


<?xml version="1.0" encoding="UTF-8" ?>


دا تعريف الـ xml 

بعد كدا هنحط  الاكواد دى 


<!DOCTYPE html><html class='no-js' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'> <!--<![endif]-->
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>

و بكدا بالكود اللى فات احنا بدأنا الصفحة و حطينا وسم 

<head>

بعد كدا هنحط اكواد الميتا اللى فى ملف الـ hml 




<!-- Default MetaTags -->
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='ar' http-equiv='content-language'/>
<meta content='Arabic' name='language'/>
<meta content='iJsCaE-tDK_XMbTsbwQAeS7ZT4RW_YKTwQaXn7F_69c' name='google-site-verification'/>
<link expr:href='data:blog.url' itemprop='url' rel='canonical'/>
<meta expr:content='data:blog.metaDescription ? data:blog.metaDescription : data:blog.pageName' itemprop='description'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.pageTitle' itemprop='name'/>
<meta content='Egypt' name='country'/>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
<meta content='Mohamed Salem' property='author'/>
<meta content='La7za Host' property='publisher'/> 

<!-- Open Graph --> 
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ar_AR' property='og:locale'/>
<meta content='' property='fb:admins'/>
<meta content='' property='fb:app_id'/>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:if cond='data:blog.pageType in {&quot;index&quot;,&quot;archive&quot;}'>
  <meta content='website' property='og:type'/>
<b:elseif cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'/>
  <meta content='article' property='og:type'/>
  <meta content='Mohamed Salem' property='article:author'/>
  <meta content='La7za Host' property='article:publisher'/> 
</b:if>

<!-- Twitter Card --> 
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.metaDescription ? data:blog.metaDescription : data:blog.pageName' name='twitter:description'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/> 
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.pageTitle' name='twitter:title'/>
<meta content='amni_8' name='twitter:site'/>
<meta content='amni_8' name='twitter:creator'/>


<!-- Keywords --> 
<b:if cond='data:blog.pageType in {&quot;index&quot;,&quot;archive&quot;}'>
  <meta content='كلمات مفتاحية' name='keywords'/>
<b:elseif cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'/>
  <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='الكلمات المفتاحية'/>
</b:if>

و بعد اكواد الميتا هنحط الكود دا و دا المسئول عن التصميم اللى هيتحط فيه كل اكواد الـ css الخاصة بالشكل 



   <![CDATA[/* -----------------------------------------------
Blogger Template html
Name      : html to blogger
Author   : mohamed sallem
Url           : https://la7za4.ga

----------------------------------------------- */

اكواد الــ css




]]></b:skin>






 و هنقفل الهيد   
</head>

و هنفتح وسم البودى

<body>

و هنضيف بعده الوسم دا 

<b:section class='section_name' id='section_name' maxwidgets='1' showaddelement='yes'></b:section>



و هنرجع لملف الـ html  هننسخ من بعد  <body>  لحد قبل   من الوسم لنهايته و هنحطه فى ملف قالب بلوجر

و دى طريقة نقل الاكواد



هنقسم الموقع لـ header  و  main  و    sidebar      و     footer

و كل قسم هيكون فى سيشن   بحيث ان الـ header  هيكون جوا الوسم دا 

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='' type='Header'>
الهيدر
</b:widget></b:section>


و هكذا 

و اكواد الجافا سكربت بتكون فى اخر القالب 

تحويل اى موقع html الى قالب بلوجر xml


بحيث ان القالب هيكون شكله كدا 



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html><html class='no-js' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'> <!--<![endif]-->
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>
<!-- Default MetaTags -->
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='ar' http-equiv='content-language'/>
<meta content='Arabic' name='language'/>
<meta content='iJsCaE-tDK_XMbTsbwQAeS7ZT4RW_YKTwQaXn7F_69c' name='google-site-verification'/>
<link expr:href='data:blog.url' itemprop='url' rel='canonical'/>
<meta expr:content='data:blog.metaDescription ? data:blog.metaDescription : data:blog.pageName' itemprop='description'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.pageTitle' itemprop='name'/>
<meta content='Egypt' name='country'/>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
<meta content='Mohamed Salem' property='author'/>
<meta content='La7za Host' property='publisher'/> 

<!-- Open Graph --> 
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ar_AR' property='og:locale'/>
<meta content='' property='fb:admins'/>
<meta content='' property='fb:app_id'/>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:if cond='data:blog.pageType in {&quot;index&quot;,&quot;archive&quot;}'>
  <meta content='website' property='og:type'/>
<b:elseif cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'/>
  <meta content='article' property='og:type'/>
  <meta content='Mohamed Salem' property='article:author'/>
  <meta content='La7za Host' property='article:publisher'/> 
</b:if>

<!-- Twitter Card --> 
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.metaDescription ? data:blog.metaDescription : data:blog.pageName' name='twitter:description'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/> 
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.pageTitle' name='twitter:title'/>
<meta content='amni_8' name='twitter:site'/>
<meta content='amni_8' name='twitter:creator'/>


<!-- Keywords --> 
<b:if cond='data:blog.pageType in {&quot;index&quot;,&quot;archive&quot;}'>
  <meta content='كلمات مفتاحية' name='keywords'/>
<b:elseif cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'/>
  <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='الكلمات المفتاحية'/>
</b:if>
<b:skin>   <![CDATA[/* -----------------------------------------------
Blogger Template html
Name      : html to blogger
Author   : mohamed sallem
Url           : https://la7za4.ga
----------------------------------------------- */
اكواد الــ css
]]></b:skin>
</head>
<body>
<b:section class='section_name' id='section_name' maxwidgets='1' showaddelement='yes'>
</b:section>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='' type='Header'>
الهيدر
</b:widget></b:section>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog' version='1'>
المحتوى
</b:widget></b:section>
<b:section class='sidebar' id='sidebar' preferred='yes'>
السايدبار
</b:section>
<b:section class='footer' id='footer' preferred='yes'>
الفووتر
</b:section>
<script type='text/javascript'>//<![CDATA[ اكواد الجافا سكربت //]]></script>
</body>
</html>




و بعد ما نخلص هنحفظ الملف بأسم القالب  بصيغة الـ xml يعنى مثلآ 

هيكون 

theme.xml


و بكدا نكون حولنا اى موقع html  لـ قالب بلوجر بكل سهولة و بسرعة و الموضوع بينطبق على اى موقع 


و ان شاء الله الموضوع اللى جاى هيكون مفيد جدآ 
عن  ازاى تعمل استضافة ملفات بحيث انك تعمل قالب بلوجر نسخة طبق الاصل 100% من الموقع

و انك ازاى تخلى بلوجر تدعم اى حاجة مهما كانت و تحولها من مدونة محكومة و مقيدة لموقع كبير 

و ازاى انك تعمل دومين زى المدفوع و تشتغل بيه و تحقق منه ارباح كمان و يكون زى الموقع المدفوع 100%




بلوجر

بلوجر .com
بلوجرام
بلوجر دوت كوم
بلوجر تريند
بلوجر يعني ايه
بلوجر ترند
بلوجر apk
بلوجر ادسنس
بلوجر قوالب
amp بلوجر
قالب بلوجر amp
قالب بلوجر apkpure
قالب بلوجر apriezt
قالب بلوجر adsense
قالب بلوجر arabseed
google analytics بلوجر
api بلوجر
بلوجر blogger
قالب بلوجر bein sport
قالب بلوجر bmag
تعريب قالب بلوجر bmag الاحترافي


عن الكاتب

الفنى

التعليقات



مع لحظة هتكون متابع لحظة بلحظة

إتصل بنا

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

إجمالي مرات مشاهدة الصفحة

انضم الى مجتمعنا

 
‎لحظة للدعم الفنى و السيو و القوالب‎
Facebook Group · 174 members
Join Group
دعم فنى و تبادل خبرات فى مجال التطوير و البرمجة و السيو و قوالب ووردبريس و بلوجر مجانآ
 

جميع الحقوق محفوظة

موقع لحظة | قوالب ووردبريس - قوالب بلوجر - برمجة و تطوير - هندسة صوتية و توزيع