النشر التلقائي لمواضيع مدونتك على فيس بوك عبر التطبيق IFTTT

 
لو كان لديك صفحة فيسبوك أو موقع يدور حول المواضيع التقنية وقمت بإنشاء قناة يوتيوب أيضا لتقوم بتسجيل فيديوهات بنفسك ونشرها على قناتك وأردت أن تنشر هذه الفيديوهات فى موقعك أيضا لكنك تبحث عن طريقة سهلة بديلا على رفع الفيديو على موقعك والانتظار فترة حتى يتم رفعه.فإن الطريقة بالفعل متوفرة وهى من خلال موقع ifttt.com
أولا: عليك تسجيل حساب جديد بالموقع من خلال هذا الرابط ifttt.com
ثانيا: بعد تسجيل الدخول للموقع إضغط على كلمة create فى أعلى اليمين سيظهر لك هذه العبارة if this then that وهنا عليك الصغط على كلمة then  وإختيار الموقع الذي تريد أن يتم نشر محتوياته أولا بأول على صفحتك بالفيسبوك أو موقعك الإلكتروني. فلنقل أنك تريد أن تنشر فيديوهات قناتك باليوتيوب على صفحة الفيسبوك والموقع؛ فإنك ستختار اليوتيوب من بين الخيارات الظاهرة كما بالصورة.
 
 ويجب أن تكون مسجل الدخول لقناتك باليوتيوب لأنه سينقلك إليها ويطلب منك تأكيد طلبك ليتأكد أنك مالك القناة الحقيقى.

بعد التأكد من أنك صاحب القناة سيتوجب عليك إختيار new vedio uploaded وهذا الخيار يعنى أنك تعطيه أمرا لنشر كل فيديو جديد تقوم برفعه على قناتك على موقعك بشكل أوتوماتيكي. ثم إضغط create trigger.هنا سيعيدك موقع IFTTT بشكل تلقائي إلى صفحة البدء التى بها جملة if this then that  وهاته المر سيكون عليك إختيار موقعك الإلكتروني سواء كان على منصة الووردبريس أو بلوجر من خلال الضغط على خيار الووردبريس فى الخيارات التى ستظهر لك والتى قمت بإختيار اليوتيوب منها فى المرة الأولى.

ثالثا: سيطلب منك التأكد من أن الموقع ملكك وبالتالي يجب عليك تسجيل الدخول للوحة تحكم مدونتك وتأكيد عملية التفعيل. بعد ذلك إختر create as a post  وضع عنوان موقعك فى مستطيل ال title . وضع فى ال Description أى جملة صغيرة سواء وصف لموقعك أو جملة ترحيب ثم إضغط create post.
هذا يعني أنه كلما تنشر فيديو على اليوتيوب سيتم نشره تلقائيا على مدونتك. يمكنك تكرار الأمر لو كان لديك مواقع أخرى أو لو كنت تريد نشر الفيديوهات على صفحتك بالفيسبوك. كل ما عليك هو الضغط على كلمة create فى أعلى يمين موقع IFTTT ثم إختيار يوتيوب فى this  وصفحة الفيسبوك فى that وهكذا.
يوجد لنا فديو يشرح العمليه كلها بطريقة بسيطة

المواقع اضغط

 

اقرء المزيد

إنشاء الملاحظات باشكال مختلفة لمدونه بلوجر

يحتاج دائما المدونين فى تدوينتهم الى عمل ملاحظات او مقدمات لزوار المدونه

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

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

ويمكنك التعديل عليها بسهولة يمكنك معاينة الاضافة بضغط على زار معاينه

معاينة اضغط للمعاينة
 

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

ادخل الى لوحة التحكم المدونة ثم الى قالب ثم انقر على تحرير HTML

ابحث عن ]]></b:skin>

#mudwnp1 {
margin: 3px -15px 3px 0px;
color: #fff;
font: 15px Droid Arabic Kufi,tahoma;
padding: 8px 67px 0px 0;
height: 28px;
width: 100%;
background: #2c3e50 url(https://dl.dropboxusercontent.com/s/xl45xxg9slpspas/1-1.png) no-repeat 100% 0px;
text-align: right;
transition: 1s;
overflow: hidden;
}
#mudwnp1:hover {
background: #00a8ad url(https://dl.dropboxusercontent.com/s/xl45xxg9slpspas/1-1.png) no-repeat 100% 0px;
color: #fff;
transition: 1s;
}
#mudwnp2 {
margin: 3px -15px 3px 0px;
color: #fff;
font: 15px Droid Arabic Kufi,tahoma;
padding: 8px 67px 0px 0;
height: 28px;
width: 100%;
background: #2c3e50 url(https://dl.dropboxusercontent.com/s/yt79n12nlp678d2/2-2.png) no-repeat 100% 0px;
text-align: right;
transition: 1s;
overflow: hidden;
}
#mudwnp2:hover {
background: #ab2e2e url(https://dl.dropboxusercontent.com/s/yt79n12nlp678d2/2-2.png) no-repeat 100% 0px;
color: #fff;
}
#mudwnp3 {
margin: 3px -15px 3px 0px;
color: #fff;
font: 15px Droid Arabic Kufi,tahoma;
padding: 8px 67px 0px 0;
height: 28px;
width: 100%;
background: #2c3e50 url(https://dl.dropboxusercontent.com/s/oukzfti8dlazvra/4-4-4.png) no-repeat 100% 0px;
text-align: right;
transition: 1s;
overflow: hidden;
}
#mudwnp3:hover {
background: #788081 url(https://dl.dropboxusercontent.com/s/oukzfti8dlazvra/4-4-4.png) no-repeat 100% 0px;
color: #fff;
}
#mudwnp4 {
margin: 3px -15px 3px 0px;
color: #fff;
font: 15px Droid Arabic Kufi,tahoma;
padding: 8px 67px 0px 0;
height: 28px;
width: 100%;
background: #2c3e50 url(https://dl.dropboxusercontent.com/s/h39m03t19p7cnp7/5-5-5.png) no-repeat 100% 0px;
text-align: right;
transition: 1s;
overflow: hidden;
}
#mudwnp4:hover {
background: #f39c12 url(https://dl.dropboxusercontent.com/s/h39m03t19p7cnp7/5-5-5.png) no-repeat 100% 0px;
color: #fff;
}
#mudwnp5 {
margin: 3px -15px 3px 0px;
color: #fff;
font: 15px Droid Arabic Kufi,tahoma;
padding: 8px 67px 0px 0;
height: 28px;
width: 100%;
background: #2c3e50 url(https://dl.dropboxusercontent.com/s/ayfajdkngi7377r/3-3.png) no-repeat 100% 0px;
text-align: right;
transition: 1s;
overflow: hidden;
}
#mudwnp5:hover {
background: #27ae60 url(https://dl.dropboxusercontent.com/s/ayfajdkngi7377r/3-3.png) no-repeat 100% 0px;
color: #fff;
}
#mudwnp6 {
margin: 3px -15px 3px 0px;
color: #fff;
font: 15px Droid Arabic Kufi,tahoma;
padding: 8px 67px 0px 0;
height: 28px;
width: 100%;
background: #2c3e50 url(https://dl.dropboxusercontent.com/s/qhfqjdpch23lvyu/6-6.png) no-repeat 100% 0px;
text-align: right;
transition: 1s;
overflow: hidden;
}
#mudwnp6:hover {
background: #278879 url(https://dl.dropboxusercontent.com/s/qhfqjdpch23lvyu/6-6.png) no-repeat 100% 0px;
color: #fff;
}
#mudwnpd2 a {
background: #FCB151;
box-shadow: 0 4px 0 #EB911E;
padding: 12px 25px;
margin: 4px;
text-align: center;
font: normal 15px Droid Arabic Kufi;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: 0.5s;
}
#mudwnpd2 a:hover{
background: #ccc;
box-shadow: 0 4px 0 #aaa;
transition:0.5s;
}
#mudwnpd2 {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 8px;
}
#mudwnpd a {
padding: 12px 25px;
margin: 7px;
text-align: center;
font: normal 15px Droid Arabic Kufi;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: 0.5s;
background: #7EB3EC;
box-shadow: 0 4px 0 #6B97C7;
}
#mudwnpd a:hover{
background: #ccc;
box-shadow: 0 4px 0 #aaa;
transition:0.5s;
}
#mudwnpd {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 8px;
}

رواية الصفحه انقر

طريقة الاستخدم

عند كتابة تدوينة عليك بالانتقال الى وضع HTML وضع احد الاكود التالية

<div id="mudwnp1">
ملحوظه لمبه</div>


<div id="mudwnp2">
صورة</div>


<div id="mudwnp3">
فديو</div>


<div id="mudwnp4">
علامة تعجب</div>


<div id="mudwnp5">
علامه صح</div>


<div id="mudwnp6">
تحميل</div>

وهكذا نكون وصلنا للنهاية نعتذر عن الاطالة 

اقرء المزيد

قالب مدونة عرب ويب الحالي مجانا

نقدم لكم قالب مدونة عرب ويب الحالي

صور من القالب

    

مميزات القالب

صفحة خطأ 404 خاصه
تعليقات بشكل احترافي
قائمة متجاوبة سهلة التعديل + قائمة علوية احترافية
أشكال رائعة لأدوات بلوجر الأساسية
قالب صديق سيو+ محسن لعميات البحث والمزيد

تحميل اضغط للتحميل

اقرء المزيد

تهيئة مدونات و قوالب بلوجر لمحركات البحث seo

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

نبدأ على بركة الله

نختار من  لوحة التحكم -> قالب -> تحرير HTML
خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
قم بالبحث عن الكود <head> وقم بحذف جميع الاكواد التي تقع بين الوسم <head> وبين  ]]></b:skin>
لكن انتبه الاتقوم بحذف روابط الخطوط التي تبدأ بـ <link .../>
كيف تكون روابط الخطوط ؟
على سبيل المثال
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' ' type='text/css'/>
ستحدف هذا الاكود التى بصورة

" ملحوظه لو لم تجد الاكود التى بصورة فابحث عن التاج التالى <b:skin> وقوم بحذف كل الاكود من فوق التاج الى ان تصل الى تاج <head> ولا تقم بحذف <b:skin> او <head> قم فقط بحذف ما بينهم "

ثم قم بلصق الاكواد التالية مكن الاكود المحذوفة اى بين <b:skin>و <head>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=' وصف المدونة' name='description'/>
<meta content='كلمات , دلالية , يجب , ان , تضع , فاصل' name='keywords'/>
<meta content='رابط البانر' name='og:image'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='إسمك بالإنجليزية' name='author'/>
<meta content='ar' name='language'/>
<meta content='بلدك بالإنجليزية' name='country'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title> 

<b:else/>

<title><data:blog.pageName/> | <data:blog.title/></title>

</b:if> 

وقم بتغير ما بلون الاحمر

والان نقوم بتعديل على وسم عنوان الموضوع
قم بالبحث عن الكود التالي <b:if cond='data:post.title'> وقم بتحويل h3 الى h2 

قبل التحويل

بعد التحويل

قم بحفظ والان لديك سيو بقالبك مبروك عليك

لا تبخل علينا بتعليق واى استفسار لا تترد فى السؤال

اقرء المزيد