تدوينة جديدة حول الموقع العملاق youtube و الرقم واحد في مجال الفيديو لذلك إذا كانت لديك قناة على هذا الموقع و تريد أن تضيف صندوق هاته القناة على مدونتك فالأمر سهل لأنني سوف أشرح لكم كيفية إضافة صندوق قناتك على اليوتوب إلى مدونتك بطريقو سهلة و منظمة , كل ما عليك فعله هو تتابع معي الشرح التالي :...
إضافة زر " إلى الاعلى " إلى المدونة .
الزيارات:
الزيارات:
وتظهر اهمية هذه الايقونة بالخصوص عندما تكون التدوينة طويلة ، بحيث تساعد الزائر على اختصار الوقت الذي سيععيده على على الصفحة من جديد ...
كيف تصمم قوالب بلوجر مثل المحترفين
الزيارات:
الزيارات:
هناك الكثير من الجدل حول أهمية تصميم مدونتك وفعاليته فى جذب الزوار, وهل يؤدى التصميم الجيد إلى زيادة عدد الزوار أم لا, فى الحقيقه أنا مع الرأى الذى يقول بأن تصميم المدونه الجيد يكسبك الزائر الذى يزور مدونتك لأول مره ويجعله يلتصق بمدونتك...
بسم الله و الحمد لله و الصلاة و السلام على رسول الله محمد الأمين
لسلام عليكم ورحمة الله وبركاته .. مرحبا بكم من جديد في تدوينه جديده وهامه لكل مدون يخشى على مجهوده من الضياع .. اولا لنوضح معا الاسباب التي قد تؤدي بمدونة بلوجر الي السرقه او الاختراق او ما يعرف بالهكر .. مدونة بلوجر او منصة بلوجر مثلها مثل اي منصه اخرى عرضه للاختراق ...
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
ولكن هذه الطريقة عند إستخدامها للمواقع فإنها تنشر الموقع ككل ولكن الطريقة التى سأعرضها الآن تظهر زر الإعجاب لكل موضوع على حدة وليس الموقع كاملا فعند إعجاب القارئ بموضوع معين يتيح المشاركة مع الأصدقاء مما يؤدى إلى زيادة عدد المتابعين.
من أهم الأدوات التى تؤدى إلى نشر مواضيع المدونات هي إضافة أزرار المشاركة عبر جميع المواقع الاجتماعية مثل الفيس بوك، تويتر،جوجل بلس،..............إلخ،لأن نشر المواضيع بهذه المواقع يؤدى إلى المزيد من الزوار والمتابعين.
ومن وسائل النشر أيضا أزرار الإعجاب بالموضوعات مثل:
Like بالفيس بوك
(tweet) على تويتر
(+g) جوجل بلس......
ولكن هذه الطريقة عند إستخدامها للمواقع فإنها تنشر الموقع ككل ولكن الطريقة التى سأعرضها الآن تظهر زر الإعجاب لكل موضوع على حدة وليس الموقع كاملا فعند إعجاب القارئ بموضوع معين يتيح المشاركة مع الأصدقاء مما يؤدى إلى زيادة عدد المتابعين.
وهناك الكثير من الأشكال سأعرض بعضها ويمكنك إختيار ما يناسب موقعك.
أزرار الإعجاب الأفقية:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
أزرار المشاركة الأفقية:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
أزرار الإعجاب الرأسية العائمة:
تظهر بجانب الموضوع عائمة من جهة اليسار
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
وهذا الكود إذا كنت تريد الإضافة جهة اليمين
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="right:0px;top:320px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
أزرار المشاركة رأسية عائمة:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
أزرار الإعجاب أسفل كل موضوع على حدة:
<span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js", {"fblike":["vcount","Facebook Like",""],"fbsend":["vcount","Facebook Send",""],"twitter":["vcount","Tweet",""],"googleplus":["vcount","Google +",""],"delicious":["vcount","Delicious",""],"sharethis":["vcount","ShareThis",""]} , "476ff4f2-24ab-4bcb-aebb-22fe2df9ef0c");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>
اضافة صندوق جوجل بلس الي مدونتك
الزيارات:
الزيارات:
السلام عليكم ورحمة الله وبركاتة
اهلا بكم في بلوجر حياتي
في هذا الدرس سوف نتعلم كيفية اضافة صندوق منبثق لجوجل ، وعند مرور الموس علي الاضافة ينزلق الي اليسار والاضافة بتقني css
لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واختار التخطيط كما واضح في الصورة
ثم بعد ذلك اختار اضافة اداة كما ظهر في الصورة
بعد ذلك اختار html /javascript كما موضح في الصورة
الصق الكود في المربع
<style> .post-body{padding:8px 0 10px} </style>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 500;
summary_img = 390;
img_thumb_height = 120;
img_thumb_width = 180;
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
<style type="text/css">
#gpplikebox{
background-color:#F90101;
display:block;
padding:0;
z-index:99999;
position:fixed;
}
.gpplbadge{
background-color:#F90101;
display: block;
height:150px;
top:50%;
margin-top:-75px;
position:absolute;
left:-47px;
width:47px;
background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixEM1VHn9ZH286SfedNKm38iiZT6ooK4-qVI4xtkHO4bYqXnafJaI7UF9nolor3dBxOg1nVMbEeRj_rF82i_itx_LuxEjarTFvs4DeMsPG-hwup1gKxyIvyNtLTO24ScbJ9Ir1QJc4xLtb/s1600/gplus-right.png");
background-repeat:
no-repeat;
overflow:hidden;
-webkit-border-top-left-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomleft:8px;
border-top-left-radius:8px;
border-bottom-left-radius:8px;
}
</style>
<script type="text/javascript">
(function(md){
md(document).ready(function(){
var $dur = "medium";
// Duration of Animation
md("#gpplikebox").css({right: -250, "top" : 100 })
md("#gpplikebox").hover(function () {
md(this).stop().animate({
right: 0
}, $dur);
}, function () {
md(this).stop().animate({
right: -250
}, $dur);
});
md("#gpplikebox").show();
});
})(jQuery);
</script>
<div id="gpplikebox" style="display:none;">
<div class="gpplbadge"></div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7bXz6_E9ONam3_ZvI1FsRimu1NdqhPNnHMfmpK3FsmVO-GEfJ8OvS1nEcFamY9wzdX0SVEBbRIAaK7ffwazp_kFCTeWMhdI0LwyLotX5y_87YVkpCujV_HTDvdS7zc_NCzM49YWuGInyh/s128/bloggers-hero.blogspot.com.png'/>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/102239930263440783548" data-source="blogger:blog:followers" data-width="245">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
قم باستبدال الرقم التالي برقمك على جوجل بلس :102239930263440783548
ثم اضغط حفظ ومبروك عليك الاضافة
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اليوم اضافة مميزة وهي اضافة صندوق اعجابات فيس بوك الى بلوجر بشكل احترافي
اذا اعجبتك الاضافة ماعليك سوى اتباع الخطوات التالية .....تدوينة جديدة حول الموقع العملاق youtube و الرقم واحد في مجال الفيديو لذلك إذا كانت لديك قناة على هذا الموقع و تريد أن تضيف صندوق هاته القناة على مدونتك فالأمر سهل لأنني سوف أشرح لكم كيفية إضافة صندوق قناتك على اليوتوب إلى مدونتك بطريقو سهلة و منظمة , كل ما عليك فعله هو تتابع معي الشرح التالي :...
أسهل طريقة لحذف Navbar في البلوجر
الزيارات:
الزيارات:
بسم الله الرحمان الرحيم و السلام عليكم و رحمة الله تعالى وبركاته, الكثير من المدونين يريدون حذف الإطار العلوي navbar الموجود في قوالب البلوجر البسيطة لكنهم لا يعرفون كيفية إزالته , لذلك اليوم سوف أشرح لكم طريقة حذفه أو إخفائه و ذلك بإضافة كود بسيط إلى قالب المدونة...
اضافة " عداد التعليقات "
الزيارات:
الزيارات:
السلام عليكم ،احبائي متابعي وزوار مدونة سما بلوجر ، سأشرح لكم في هذه التدوينة كيفية اضافة ايقونة بجانب عنوان الرسالة او التدوينة يظهر بها عدد التعليقات في هذه التدوينة ، الاضافة تعبر عن الاحترافية في الاداء ، وتضفي جمالا وحيوية وتكسر الروتين المعتاد في قوالب بلوجر المنتشرة ، يستخدم هذه الاضافة الكثير من اصحاب المدونات العالمية المشهورة ...
بسم الله الرحمن الرحيم
السلام عيكم ورحمة الله وبركاته
موعدنا اليوم مع 3 خطوات هامة جدا لتحسين علاقة مدونتك بمواقع البحث وتندرج تحت عمليات ال SEO الواجب عملها في اي مدونة جديدة حتي تسهل علي مواقع البحث الوصول الي مدونتك سريعا وظهورها في الصفوف الامامية في نتائج البحث ....jpg)
السلام عليكم ورحمة الله تعالى وبركاته
أقدم لكم اليوم إضافة غنية عن التعريف لكن ذات أهمية كبيرة. وهي إضافة مواضيع ذات صلة أو إقرأ أيضا مثل الموجودة في مدونة إفادة.
وتعتبر الإضافة مهمة جدا لكل مدونة، حيث تساعد على ربط الصفحات والمواضيع فيما بينها، و سهولة تنقل الزائر بين صفحات مدونتك، و أيضا تساعدك على أرشفة مدونتك وكسب ثقة محركات البحث...
.jpg)
السلام عليكم ورحمة اللهكيفكم انشالله تمام وبصحة جيدة
ندخل على طول في الموضوع
اليوم اكلمكم عن اضافة تخص الشبكات الاجتماعية
هي اضافة جميلة وبشكل عائم طبعا ......
السلام عليكم و رحمة الله و بركاته
باسم الله الرحمن الرحيم
الكثير يسألني عن هذه الطريقة، وهي تمييز تعليق الكاتب عن تعليقات الزوار، هذه الإضافةجميلة و غير معقدة من حيث التريكب....
مكتبة أكواد اكواد html لمدونات بلوجر
الزيارات:
الزيارات:
السلام عليكم ورحمه الله وبركاته , في تدوينة اليوم أصدقاء مدونة المحترف,نت سنتطرق إلى 10 أكواد تطرقت إليها مسبقا , إذ ان جل او اكثر مدوني بلوجر لا يعرفون معنى الـ Html , وبالطبع هي لغة صعبة نوعا ما لكن إن كنت مدون بلوجر فيجب على الأقل أخذ نظرة ولو بقريبة عن الـHtml , وإن لاحظت أخي أن جل المنصات تشترك في لغة الا وهي Html
لذا اقترح عليك عدة اكواد تجعلك على صلة او دراية وتصقل لك مهاراتك في التدوين ....
كود عمل صورة
<a href="رابط مدونتك"> صع الكتابة التي تريد كتابتها </a>
كود إدراج صورة
يفيد هذا الكود في وضع صورة ويكون كالتالي :
<a href="http://rifed-blog.blogspot.com"><img src="http://picture.jpeg"/></a>
كود وضع صورة بدون رابط
<img src="http://picture.png"/>
كود العناوين
<h1> العنوان الأول </h1>
<h2> العنوان الثانى </h2>
<h3> العنوان الثالث </h3>
<h4> العنوان الرابع </h4>
<h5> العنوان الخامس </h5>
كود عمل فقرة كتابية
منه يقوم هذا الكود بإنشاء فقرة نصية مستقلة وهو كالأتي :
<p> يتم هنا كتابة الفقره النصيه التى نريد وضعها كفقره مستقله عن باقى فقرات الموضوع الكتابى النصى </p>
كود كتابة الخط العريض
<strong> النص المراد إظهاره بشكل خط عريض </strong>
كود كتابة خط مائل أو إيطالي
<em> الخط المراد إظهاره بشكل مائل </em>
كود عمل القوائم المتسلسلة والغير متسلسلة
<ol> يتم هنا وضع الوحده التى يراد ادخالها فى القائمه المرقمه المتسلسله </ol>
<ul> يتم هنا وضع اوحده التى يراد إدخالها فى القائمه الغير مرقمه أو الغير مسلسله </ul>
كود عمل فقرة اقتباس
وهو كود يجعل النص المكتوب في شكل مختلف تماما ومميز عن باقي النصوص في الكتابة وهو كالأتي :
<blockquote> النص المراد إدخاله فى الإقتباس </blockquote>
كود عمل فاصل توهيمي
<br/>
كود عمل خط افقي
<hr/>
كود عمل لكتابة كود بدون تحوله إلى شكل وليظهر كما هو مكتوب
<pre> يتم كتابة كود اتش تى ام ال هنا </pre>
أرجوا أن أكون قد أفدتكم
اقدم لكم اضافة أخر المواضيع
الزيارات:
الزيارات:
.jpg)
اليوم اقدم لكم اضافة جميلة لمدونات بلوجر انها اداة اخر التعليقات مع زر التوسيع لتقليص او زيادة المساحة ! يمكنك ببساطة إخفاء وإظهار التعليقات عن طريق الضغط على زر إظهار الكل أو إخفاء الكل .واضافة هذه الاداة لمدونتك يختصر عليك مشقة البحث عن اخر التعليقات فبمجرد ضغطة واحدة تظهر لك جميع تعليقات مدونتك!ولتجربة هذه الاضافة تابع الخطوات التالية:....
السلام عليكم ورحمة الله وبركاته.
تلبية لطلب أحد الأصدقاء المتابعين للموقع ,درس اليوم هو عن طريقة إضافة نوافذ المفضلات الإجتماية الجانبية لمدونة بلوجر أربعة في واحد.
فايسبوك,تويتر,غوغل بلس و خلاصة الموقع RSS أربع إضافات في في أداة واحدة تتميز في كونها لا تأخذ حيزا كبيرا في تنسيق المدونة.....
أداة مواضيع جديدة مع صورة مصغرة
الزيارات:
الزيارات:
بسم الله الرحمن الرحيمأهلا بجميع زوار مدونة EarnLessons الكرام
درس جديد من دروس اضافات بلوجر
نبدأ علي بركة الله
كود اخر المواضيع معا عدد التعليقات معا ايقونة الموضوع , الاضافة جميلة وتستطيع استخدامها في عده اماكن في المدونة .. يمكنك عرض مواضيع اي مدونة اخري في مدونتك او العكس , كذلك بالإمكان التعديل علي حجم الاضافة وتعديل علي عدد ظهور المواضيع
كود اخر المواضيع معا عدد التعليقات معا ايقونة الموضوع , الاضافة جميلة وتستطيع استخدامها في عده اماكن في المدونة .. يمكنك عرض مواضيع اي مدونة اخري في مدونتك او العكس , كذلك بالإمكان التعديل علي حجم الاضافة وتعديل علي عدد ظهور المواضيع
اضغط علي تصميم ثم اضافة أداة ثم HTML/JavaScript
اضف هذا الكود
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://maroc-dvd.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
التعديلات علي الكود
( boxwidth ) للتعديل علي حجم الاضافة
(
home_page ) عنوان المدونة
( thumbwidth & thumbheight ) العرض و الطول
(
fntsize ) حجم العنوان ( acolor ) لون العنوان ( numposts ) عدد المواضيع التي تريد ان تظهرملاحظةقم بتغير رابط مدونتي برابط مدونتك (maroc-dvd)اذا أردت عرض مواضيع مدونة أخري في مدونتك قم بتبديل رابط مدونتي بالمدونة التي تريد وضعهاأي استفسار أكتب تعليقا وسأرد عليك أتمنى أن يعجبكم الموضوع 
