html>
المرجو الانتظار قليلا سوف يتم التوجيه الى المدونة الجديدة وشكرا
المرجو الانتظار قليلا سوف يتم التوجيه الى المدونة الجديدة وشكرا
إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
1
ملحوظة: هناك بعض التعديلات يجب ان تفعلها في الكود قبل حفظة:
1_تغير هذا العنوان الي عنوان مدونتكhome_page = "http://bloggerstyl4u.blogspot.com/";
2_ لتغير عدد المواضيع الذي تريدة ان يظهر في هذة الاداة numposts = 10;
Read More
اضافة خاصية اخر المواضيع بشكل متحرك ورائع
بسم الله الرحمن الرحيم
اليوم سأشرح خاصية اضافة خاصية "اخر المواضيع"بشكل متحرك ورائع وهذة الخاصية تتيح لمستخدين المدونة التعرف علي اخر المواضيع التي قمت بوضعها علي المدونة
لاضافة هذة الخاصية ادخل علي "التخطيط",ثم اضافة اداة ثم ,تحريرhtml ,ثم انسخ الكود التالي:
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir9KOd3NX4LwYJB7LgTZJa5xxs3fZ1sLfNVqNYEBbOHFJH__4IGJrZDuCq1JGrjP-NAPjhWFuFxCR6PK7DC3WuM7zcLa93Y9qKvX8U2pPozWfJTHcDRzcYaf7Q3tCJR4KhhydVRXrXiejv/s1600/bdlab-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpEtqwWxMQn5VCgUcC7w9OySh4ibKfZ9Lg5ptxzqsUKO2hUK3OXPJfQKpRdiz36Y0hZzGgyYYrG05L9h7KURuYMFwKVYpPcMaAcHJ9Q7wa9W9X6LpoZhm_fUcIE2h4L9P1ymLX_sxGtI/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpEtqwWxMQn5VCgUcC7w9OySh4ibKfZ9Lg5ptxzqsUKO2hUK3OXPJfQKpRdiz36Y0hZzGgyYYrG05L9h7KURuYMFwKVYpPcMaAcHJ9Q7wa9W9X6LpoZhm_fUcIE2h4L9P1ymLX_sxGtI/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpEtqwWxMQn5VCgUcC7w9OySh4ibKfZ9Lg5ptxzqsUKO2hUK3OXPJfQKpRdiz36Y0hZzGgyYYrG05L9h7KURuYMFwKVYpPcMaAcHJ9Q7wa9W9X6LpoZhm_fUcIE2h4L9P1ymLX_sxGtI/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpEtqwWxMQn5VCgUcC7w9OySh4ibKfZ9Lg5ptxzqsUKO2hUK3OXPJfQKpRdiz36Y0hZzGgyYYrG05L9h7KURuYMFwKVYpPcMaAcHJ9Q7wa9W9X6LpoZhm_fUcIE2h4L9P1ymLX_sxGtI/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpEtqwWxMQn5VCgUcC7w9OySh4ibKfZ9Lg5ptxzqsUKO2hUK3OXPJfQKpRdiz36Y0hZzGgyYYrG05L9h7KURuYMFwKVYpPcMaAcHJ9Q7wa9W9X6LpoZhm_fUcIE2h4L9P1ymLX_sxGtI/s400/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://bloggerstyl4u.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/animated_recent_posts.js' type='text/javascript'></script>
</div>
ملحوظة: هناك بعض التعديلات يجب ان تفعلها في الكود قبل حفظة:
1_تغير هذا العنوان الي عنوان مدونتكhome_page = "http://bloggerstyl4u.blogspot.com/";
2_ لتغير عدد المواضيع الذي تريدة ان يظهر في هذة الاداة numposts = 10;
3_للتحكم في حجم الصورةthumbwidth = 70;
thumbheight = 70;
ثم اضغط "حفظ" ومبروك عليك الاضافة
0
Read More
اضافة صندوق الخدمة البريدية بطريقة احترافية
بسم الله الرحمن الرحيم
كيفية اضافة صندوق الخدمة البريدية والاشراك عن طريق البريد الالكتروني بشكل احترافي
1-انتقل إلى لوح تحكم مدونتك،إختر"التخطيط",ثم اضغط علي "اضافة اداة",ثم html/javascipt ,وضع الكود التالي
<a href="http://feeds.feedburner.com/mybloggertips" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFrqZe1jo8sNWEy_IVcWo3kMK5mLqKlZBWMqdVl4PEWU3jzBScXA341p9I_jLWHBqCqP7eMO2nvEMYa6AyhwjdTT1eZEg7bVUg6V8dpBk5XtU1Spfl4cechZkjYA7NL7B7mylw6bb_HEc8/s400/Untitled-5.png" width="290" /></a>
<style>
.mbtips-email{
background:Fff no-repeat 0px 12px ;
width:270px;
float:center;
font-size:1.4em;
font-weight:bold;
margin:2px 20px 0px 35px;
color:#686B6C;
}
.mbtips-emailsubmit{
background:#0084CE;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
margin:0 0 0px 0;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font:12px sans-serif;
}
.mbtips-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:0px 2px 0px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<style class="text/css">
.center
{
text-align:center;
font-weight:bold;
margin:10px;
}
</style>
<div class="center">
ضع بريدك الالكتروني واشترك في الخدمة البريدية ليصلك كل جديد علي ايميلك
</div>
<div class="mbtips-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=mybloggertips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" value="اكتب بريدك الالكتروني هنا" type="text" />
<input type="hidden" value="mybloggertips" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbtips-emailsubmit" value="اشترك" type="submit" />
</form>
</div>
<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 300px;
margin:10px 0 0 15px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alphaundefinedopacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alphaundefinedopacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/My-Blogger-Tips/220561111314693" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTSBOcYEPIZJ6Taj7Of1RKEnt4nVqvNoNDG6tHRFsrYGDfgyTD4IcT9lbbwYYNxA_jbDNateTrYSgHBxqW0Boypi7NE_DDOhRyerF68SrM5CxDx2HX8DTz9OtcqqIK1sfWnxfwEjALQ5__/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/mybloggertips" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxChg_WoW2Uv_tW2auMjCI4H46hrK4NNP3XJwIZoZHBXYCAw5cycyjrCUVqaLqdp0Gd8beEMi5zWv0lv-0YxV72qgTIZLWCrrMNjx7_76aOG1tD4D0DA4_1XYLWB2h81KeIhpBNzvgjzqh/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/mybloggertips" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXMogfpAAMupxUZCNTHVL9yhvjIM0M04JsghWN-uMn9oEr0wZOYf5Y4ivTD9JIF5G2CaD11fVYRP8EedX_Q1jDpPwfvMtuibpLn_cfkgXQt3fjCb9fOo2mtkoibASRkPq2XJcYJ92obuEm/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/110875602250977569192/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCn2oQ7A7hWNirlmZOVa-hnMhNXuZLXaAhyphenhyphenBt_nVX2oxuQrFN5m5Mp7cYEbBush8lkGNyCS41uDyjNf5sbCKpo7iJfhrz0hbWxxBHZwqUhD2FPN2d9MJvS8OQ4wcB-_zGPWicAt-YNrdWJ/s1600/google-48.png" /></a></td>
</tr></table>
</div>
2_ بدل ما باللون الازرق بالروابط الخاصة بك ,ثم اضغط حفظ
0
Read More
Facebook Fan Page
Social media has become the in-thing when it comes to marketing and getting traffic to your website/blog because it is about the easiest way to get to know people, befriend them and turn into your fans without really spending a lot of money to convert them into your regular visitors and eventually into buyers.
Several people are trooping to social media sites daily because the world is a social circle and everyone wants to belong: nobody wants to exist in isolation. New friends are made daily and people are identifying with those who are successful or influential just to share in their success stories.
Today different social media sites like Facebook, Twitter, LinkedIn, Digg, Myspace, Del.icio.us, Reddit, Stumbleupon, Google Plus, Squidoo, etc. exist on the Internet; but facebook by far is the most popular and most used, with over 800 Million monthly users which are estimated to rise to 1 Billion users by August 2012. Any serious website owner must think of how to harness the advantage that the Facebook Fans Page provides for his business online.
This rare opportunity which is available to all users must be tapped and channeled into giving your website/blog quality backlink and then an increase in the number of daily, weekly or monthly visitors to your site. In order to benefit immensely from your Facebook Fans Page, you need to do the following:
This rare opportunity which is available to all users must be tapped and channeled into giving your website/blog quality backlink and then an increase in the number of daily, weekly or monthly visitors to your site. In order to benefit immensely from your Facebook Fans Page, you need to do the following:
1. Regular Update:
You must keep your fans page updated regularly so as to keep their interest and memory about you fresh at all times. Each time you update, your fans receive a message that your page has been updated and the next thing they are moved to do is to quickly pay a visit to see what you have there. You can do this yourself or get someone to do it for you if you are too busy.2. Be friendly:
You must learn to be friendly and polite to your fans to keep them attracted to you always. It takes commitment, resources and time to come visit your page daily. So you must respect them for the commitment they are making for you.3. Facebook Button:
You must have your Facebook Like button inserted on a conspicuous part of your blog or website so that anyone who visits could use the ‘Like’ button to like your page and also use the ‘Share’ button to share your content with friends.4. Be Interactive:
You need also to interact regularly with your page and in doing so, make sure questions and concerns are promptly responded to. Nothing puts off a fan so easily than the feeling of being neglected.5. Encourage Your fans:
They need to be encouraged to take certain actions which would be of help to you. Tell your fans to share your page with friends; they should invite others to join. This would make your page go viral and ensure more people know about you. They should also be told to visit your website to read your new content. Doing so would ensure the interaction does not just stop on Facebook, but that your site actually ends up benefiting.6. Give them incentives:
They should enjoy some incentives for being there for you at all times. Facebook is a very distractive place where people can easily troop to the direction where things are happening; some are joining new groups, making new friends and even being lured with incentives to other pages. So provide something periodically as a way of appreciating them. This can be e-books, recharge cards, special bonuses, etc.7. Your Link:
Include your Link in your posting regularly to enable your fans and new visitors easily navigate their way to your site/blog. Most times people are lazy to type site URL on their browser, so including it on your post can provide the URL for them to click on to get to your site to see your new content.8. Avoid spamming:
You should avoid spamming at all cost. You must not disturb them unnecessarily with useless links. If you must provide them with links, the links should direct them to useful contents or highly informative, humorous or interesting websites.9. Update your website:
Apart from keeping your Fans page updated, you should always keep your website updated so that your fans can find fresh content each time they visit. This will encourage them to keep visiting your site regularly.10. Keep them busy:
Occasionally keep your fans busy and engaged when they come to your site. You can do this by setting up polls on important subjects and encourage them to participate in the polls. That would keep them longer and more engaged on your site.
0
Read More
صندوق تعليقات فيس بوك علي بلوجر

بسم الله و الحمد لله و الصلاة و السلام على رسول الله محمد الأمين.
السلام عليكم و رحمة الله.
السلام عليكم و رحمة الله.
إضافة تعليقات فيسبوك العربية على مدونات بلوجر بخطوات بسيطة و بينة. لكن قبل ذلك لا بأس من جرد بعض مميزات هذه الإضافة و إظهار بعض الصور لها.
مميزات الإضافة:
مميزات الإضافة:
- عبر هذه الإضافة سيكون لكل موضوع او تدوينة تعليقاتها الخاصة.
- إمكانية الرد على تعليقات الآخرين و الإعجاب بها.
- إدارة التعليقات و التحكم فيها عبر تصفيتها، محوها أو حظر كاتبيها.
- إمكانية التعليق بحسابات عدة منها فيسبوك و ياهو و هوتميل...
- يمكن إضافة مشرفين لمراجعة التعليقات و هذه ميزة جيدة للمدونات الجماعية.
- إعدادات الإضافة تضم خصائص عدة منها إخفاء أو إظهار صندوق التعليق، التدقيق الإملائي و غيرها...
- و أهم ميزة في اعتقادي هي أن كل من علق فإن تعليقه يظهر على صفحته على فيسبوك مرفقا برابط للموضوع و صويرة في حال أبقى على الإشارة في خانة "نشر في فيسبوك" "Post to Facebook". الشيء الذي سيساعد في إشهار المدونة و نشر مواضيعها...
- و طبعا ميزات عدة نترك لكم فرصة اكتشافها...
![]() |
تعليقات فيسبوك كما تبدو على المدونة |

الخطوة الأولى: إنشاء تطبيق خاص على الفيسبوك
توجه إلى صفحة إنشاء تطبيقات فيسبوك ثم أدخل اسم التطبيق مثلا "تعليقاتي" و رابط مدونتك و اضغط الزر الأزرق لإنشاء التطبيق، أدخل كلمة التحقق و اضغط زر المتابعة، في الصفحة الموالية إلى اليسار اضغط رابط لوحة تحكم المطور ثم في الصفحة الموالية اضغط تعديل الإعدادات الموجود في يسار الإطار ثم تابع كما بالصورة الآتية:

الخطوة الثانية: إضافة الأكواد اللازمة إلى قالب المدونة
من لوح تحكم مدونتك توجه إلى صفحة "التصميم" ثم "تحرير HTML" و قبل أي تعديل رجاء احفظ نسخة احتياطية من قالب مدونتك على جهازك ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :
و سيصبح إذن الكود بهذا الشكل :
الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:
هذا الكود خاص ب Open Graph protocol وهو يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك... طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته يمكنك زيارة هذا الموضوع. فبحسابك هذا ستكون مدير التعليقات Admin.
ثم ابحث عن <data:post.body/> و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.
ملاحظة: لمن يملكون قوالب داكنة أو سوداء اللون يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.
و أخيرا اضغط زر الحفظ و هنيئا لك.
توجه إلى صفحة إنشاء تطبيقات فيسبوك ثم أدخل اسم التطبيق مثلا "تعليقاتي" و رابط مدونتك و اضغط الزر الأزرق لإنشاء التطبيق، أدخل كلمة التحقق و اضغط زر المتابعة، في الصفحة الموالية إلى اليسار اضغط رابط لوحة تحكم المطور ثم في الصفحة الموالية اضغط تعديل الإعدادات الموجود في يسار الإطار ثم تابع كما بالصورة الآتية:

كما وضح من خلال الصورة ستدخل رابط مدونتك و رابط اسم النطاق الذي عليه مدونتك، مثلا blogspot.com لمدونات بلوجر التي لا تستعمل اسم نطاق خاص. كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد.
الخطوة الثانية: إضافة الأكواد اللازمة إلى قالب المدونة
من لوح تحكم مدونتك توجه إلى صفحة "التصميم" ثم "تحرير HTML" و قبل أي تعديل رجاء احفظ نسخة احتياطية من قالب مدونتك على جهازك ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :
xmlns:fb='http://www.facebook.com/2008/fbml'
و سيصبح إذن الكود بهذا الشكل :
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' 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'>
الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:
<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({xfbml: true, appId: معرف التطبيق }); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js' document.getElementById('fb-root').appendChild(e); }()); </script>
بعد ذلك ابحث عن </head> ثم قبله مباشرة ألصق الكود الآتي:
<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.homepageUrl' property='og:url'/> </b:if> <meta content='عنوان المدونة' property='og:site_name'/> <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/> <meta content='معرف التطبيق ID' property='fb:app_id'/> <meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/> <meta content='article' property='og:type'/>
هذا الكود خاص ب Open Graph protocol وهو يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك... طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته يمكنك زيارة هذا الموضوع. فبحسابك هذا ستكون مدير التعليقات Admin.
ثم ابحث عن <data:post.body/> و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.
<b:if cond='data:blog.pageType == "item"'> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/> </div> </b:if>
ملاحظة: لمن يملكون قوالب داكنة أو سوداء اللون يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.
و أخيرا اضغط زر الحفظ و هنيئا لك.
0

Read More
ربط مدونات بلوجر باسم نطاق ( دومين ) من جودادي
بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.
السلام عليكم و رحمة الله.
السلام عليكم و رحمة الله.
أقدم لكل مبتدئ اليوم طريقة أسهل تعفيه من مهمة التعديل اليدوي لإعدادات اسم النطاق على لوحة التحكم. سنتابع الطريقة عبر مرحلتين الأولى على جودادي و الثانية على بلوجر.
الخطوة الأولى: الإعداد التلقائي لاسم النطاق على جودادي
إن كنت قد اقتنيت اسم نطاقك من جودادي فاذهب إلى صفحة الإعداد التلقائي.
إذا كنت لم تحجز اسم نطاق بعد فيمكنك حجز واحد بقرابة 16 دولار لمدة سنتين
* من Godaddy
(*) رابط إحالة
بعد ولوجك إلى الصفحة سجل دخولك عبر إدخال اسم المستخدم و كلمة السر، بعدها ستنتقل إلى صفحة تظهر النموذج الموضح بالصورة أسفله:
إذا كنت لم تحجز اسم نطاق بعد فيمكنك حجز واحد بقرابة 16 دولار لمدة سنتين

(*) رابط إحالة
بعد ولوجك إلى الصفحة سجل دخولك عبر إدخال اسم المستخدم و كلمة السر، بعدها ستنتقل إلى صفحة تظهر النموذج الموضح بالصورة أسفله:

أدخل اسم النطاق (دومين) مدونتك مثلا (www.example.com) ثم اضغط زر التأكيد (Confirm) بعدئذ ستنتقل إلى صفحة جديدة تخبرك أن إعدادات ال DNS قد عدلت. كما هو مبين في الصورة الآتية:
بعد إن أنهينا الشق المتعلق بجودادي ننتقل إلى تعديل الإعدادات على بلوجر.

الخطوة الثانية: تحيين إعدادات اسم النطاق في بلوجر
الآن بعد إنهاء الشق المتعلق بإعداد اسم النطاق، توجه إلى لوحة تحكم مدونتك على بلوجر ثم في صفحة الإعدادات (إعدادات / نشر في لوحة التحكم القديمة) تضغط رابط إضافة نطاق مخصص الموجود مباشرة تحت حقل عنوان المدونة.

ثم بعد توسيع الإطار تضغط "تبديل إلى الإعدادات المتقدمة" وفي الحقل الفارغ أكتب اسم نطاق مدونتك الجديد بهذا الشكل www.example.com، و ستجد أن توجيه النطاق الفرعي القديم إلى اسم النطاق الجديد مفعل افتراضيا (1). ثم تضغط زر الحفظ كما بالصورة:
بعد ضغطك زر الحفظ، في الصفحة الموالية تضغط "تحرير" المقابلة لاسم النطاق الجديد ثم تفعل خيار توجيه example.com إلى www.example.com كما هو موضح بهذه الصورة ثم تضغط زر الحفظ من جديد.

و أخيرا بعد إتمام كافة الخطوات بنجاح ستجد مدونتك على اسم النطاق الجديد، فإن لم تجدها فاعلم أن الربط يتطلب وقتا قد يصل إلى ساعتين و قد يتعداه إلى 48 ساعة كما تقول جودادي، بالنسبة لمدونة ذؤيب اقتصر الأمر على بضع دقائق فقط. متمنياتي للجميع بالتوفيق.
الآن بعد إنهاء الشق المتعلق بإعداد اسم النطاق، توجه إلى لوحة تحكم مدونتك على بلوجر ثم في صفحة الإعدادات (إعدادات / نشر في لوحة التحكم القديمة) تضغط رابط إضافة نطاق مخصص الموجود مباشرة تحت حقل عنوان المدونة.

ثم بعد توسيع الإطار تضغط "تبديل إلى الإعدادات المتقدمة" وفي الحقل الفارغ أكتب اسم نطاق مدونتك الجديد بهذا الشكل www.example.com، و ستجد أن توجيه النطاق الفرعي القديم إلى اسم النطاق الجديد مفعل افتراضيا (1). ثم تضغط زر الحفظ كما بالصورة:


و أخيرا بعد إتمام كافة الخطوات بنجاح ستجد مدونتك على اسم النطاق الجديد، فإن لم تجدها فاعلم أن الربط يتطلب وقتا قد يصل إلى ساعتين و قد يتعداه إلى 48 ساعة كما تقول جودادي، بالنسبة لمدونة ذؤيب اقتصر الأمر على بضع دقائق فقط. متمنياتي للجميع بالتوفيق.
1
Read More
وضع إعلانين جوجل أدسنس تحت العنوان

كيفية عمل إعلانين جنبا إلى جنب تحت التدوينة الأولى
سوف نتعرف اليوم وإياكم عن الطريقة التي تمكننا من عمل هذه الخاصية بالمدونة ،ولتطبيقها نتوجه إلى تحرير HTML ثم وضع علامة على المربع الصغير لتوسيع القالب ،ثم نبحث عن الكود التالي
ثم ضع أسفله هذا الكود وذلك بإدراج كود الإعلانين في المكان المناسب كما هو مكتوب باللون الأحمر ،لكن لا تنسى أن تقوم بتحويل كود الإعلان عند حصولك عليه من حسابك أدسنس وذلك بإستعمال هذا الموقع ،من هنا<b:include data='post' name='postQuickEdit'/>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:post.isFirstPost'><span class='FL'>ضع هنا كود الإعلان الأول بعد تحويله</span><span class='FR'>ضع هنا كود الإعلان الثاني بعد تحويله</span><div class='spacer'/>
</b:if></b:if>
وأخيرا قم بحفظ القالب
إذا أردت أردت إدراج إعلانين تحت عنوان التدوينة قم بالبحث عن هذا الكود
ملاحظة : الفرق بين الكود الأول والكود الثاني الذي يجب لصقه ،هو السطر الأول الذي يحدد الشرط الذي سوف يظهر به الإعلان ،ويدل هذا السطر إظهار الإعلان فقط في الصفحة الرئيسية وهو الموجود في الكود الأول ،أما الكود الثاني فيعني أن يظهر الإعلان في جميع الصفحات بإستثناء الصفحة الرئيسية ،وعند ملاحظتك للشرطين سوف تلاحظ أن الإختلاف بينهما يتمثل في الرمز "=" والرمز "!"
إذا أردت أردت إدراج إعلانين تحت عنوان التدوينة قم بالبحث عن هذا الكود
ثم قم بوضع الكود التالي فوقه ،مع إدراج كود أدسنس كما شهدنا في المرحلة السابقة<data:post.body/>
وأخيرا قم بحفظ القالب<b:if cond='data:blog.pageType != "index"'><b:if cond='data:post.isFirstPost'><span class='FL'>ضع هنا كود الإعلان الأول بعد تحويله</span><span class='FR'>ضع هنا كود الإعلان الثاني بعد تحويله</span><div class='spacer'/></b:if></b:if>
ملاحظة : الفرق بين الكود الأول والكود الثاني الذي يجب لصقه ،هو السطر الأول الذي يحدد الشرط الذي سوف يظهر به الإعلان ،ويدل هذا السطر إظهار الإعلان فقط في الصفحة الرئيسية وهو الموجود في الكود الأول ،أما الكود الثاني فيعني أن يظهر الإعلان في جميع الصفحات بإستثناء الصفحة الرئيسية ،وعند ملاحظتك للشرطين سوف تلاحظ أن الإختلاف بينهما يتمثل في الرمز "=" والرمز "!"
الاشتراك في:
الرسائل (Atom)