كيف تصمم قوالب بلوجر مثل المحترفين
الزيارات:
الزيارات:
Unknown
|
6:15 م
|
1
التعليقات حتى الان
اشياء تغفل عنها قد تؤدي بك الى سرقة مدونتك
الزيارات:
الزيارات:
Unknown
|
2:39 م
|
1
التعليقات حتى الان
بسم الله و الحمد لله و الصلاة و السلام على رسول الله محمد الأمين
![اشياء تغفل عنها قد تؤدي بك الى سرقة مدونتك اشياء تغفل عنها قد تؤدي بك الى سرقة مدونتك](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJYu2OeQF0ezcjBUoY3z6V7ofI7l3GdnIWoTwe6x43kCrgBYhRLxgeA65TvSpLRWu_I_gdDepEcij3N1UMAlnPp78ZEDdmjKPwXDP1Ymdp78iqDTKs7VhLVw7O0r8jci0zJQYNK5JcPX4/s320/hacker-with-computer-and-credit-card.jpg)
لسلام عليكم ورحمة الله وبركاته .. مرحبا بكم من جديد في تدوينه جديده وهامه لكل مدون يخشى على مجهوده من الضياع .. اولا لنوضح معا الاسباب التي قد تؤدي بمدونة بلوجر الي السرقه او الاختراق او ما يعرف بالهكر .. مدونة بلوجر او منصة بلوجر مثلها مثل اي منصه اخرى عرضه للاختراق ...
أفضل طريقة لإضافة أزرار الفيس بوك وتويتر وجوجل بلس لمدونتك
الزيارات:
الزيارات:
Unknown
|
5:09 ص
|
1
التعليقات حتى الان
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
ولكن هذه الطريقة عند إستخدامها للمواقع فإنها تنشر الموقع ككل ولكن الطريقة التى سأعرضها الآن تظهر زر الإعجاب لكل موضوع على حدة وليس الموقع كاملا فعند إعجاب القارئ بموضوع معين يتيح المشاركة مع الأصدقاء مما يؤدى إلى زيادة عدد المتابعين.
من أهم الأدوات التى تؤدى إلى نشر مواضيع المدونات هي إضافة أزرار المشاركة عبر جميع المواقع الاجتماعية مثل الفيس بوك، تويتر،جوجل بلس،..............إلخ،لأن نشر المواضيع بهذه المواقع يؤدى إلى المزيد من الزوار والمتابعين.
ومن وسائل النشر أيضا أزرار الإعجاب بالموضوعات مثل:
Like بالفيس بوك
(tweet) على تويتر
(+g) جوجل بلس......
ولكن هذه الطريقة عند إستخدامها للمواقع فإنها تنشر الموقع ككل ولكن الطريقة التى سأعرضها الآن تظهر زر الإعجاب لكل موضوع على حدة وليس الموقع كاملا فعند إعجاب القارئ بموضوع معين يتيح المشاركة مع الأصدقاء مما يؤدى إلى زيادة عدد المتابعين.
وهناك الكثير من الأشكال سأعرض بعضها ويمكنك إختيار ما يناسب موقعك.
أزرار الإعجاب الأفقية:
![like-tweet-google plus-share like-tweet-google plus-share](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisC6BfulSdz0OuXaFhKdZb_IcBvrY2f_g_hf7SjMlrcySJZYUBZEV4dCl4soxv9rgVoXIFDfi2HU2112aHW4uyQUy0IIobOD4Gf8D4WqQOYiOXeuuF-B4xrGL-lP87mhitpGUd2eyAazyD/s1600/r-2.jpg)
<!-- 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 -->
أزرار المشاركة الأفقية:
![like-tweet-google plus-share like-tweet-google plus-share](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCmPQNat2CkwvQr09VW6lhuZyEpKhKx9Z3BBu78KUDJAcNcAGnA0DiVGHIJUN5uzdBjfIprrrrlzvbbR2Gs3i_Tg1zdb3N3dlB7sY8uihy_5kc990tr0h3DtTNHRb2ouCCi4H2L26TeJMy/s1600/httf.jpg)
<!-- 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 -->
أزرار الإعجاب الرأسية العائمة:
![like-tweet-google plus-share like-tweet-google plus-share](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjombhc7tYDQzAsokRtM26PRMfqn38XpQctJL_kKspx8oYF7g2yGrr_VW7MbOKgWXzvHv7lP_tJ_rULYQCJg-SUUhElQFDHGtykDWnPlHhaWIF0J43wWxy59T4tCdmqZKLocl2xNge73ku2/s1600/liuih.jpg)
تظهر بجانب الموضوع عائمة من جهة اليسار
<!-- 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 -->
أزرار المشاركة رأسية عائمة:
![like-tweet-google plus-share like-tweet-google plus-share](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj-fozKrGZ_zVCxulT3qXOx1-gq68QA0Jdghsy1-_k9gyqiaxMaJJKR2quU1UTOxfZ_WK75PmP3cJoGGmDvbgzG1hoS8gzFHamwycJZDRbcfFnXxAP687UhyFKS8AAvUcI4jAdE6ZN-5DL/s1600/hgg.jpg)
<!-- 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 -->
أزرار الإعجاب أسفل كل موضوع على حدة:
![like-tweet-google plus-share like-tweet-google plus-share](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaOoKZUNdvlKl8DtaPYpUEzHVxcaWRrjgfDnOlx5MZVjo3sA3Jj2sC85o_ju5W3rY6QH-5BuctHNYTGZm6ma5s1U4pIeDM5ZpOC9MzauV2zReQle3rbga1ELe9jGgkTzsk2R6_4sxKtMRV/s400/54.jpg)
<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>
بالنسبة لتركيب الإضافة لمدونات بلوجر :
- الذهاب إلى لوحة التحكم
- تخطيط أو تصميم
- عناصر الصفحة
- أضف أداة
- اختار Html/Javascript
ثم إنسخ الكود كاملاً وألصقه بالأداة
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وشكرا
اضافة صندوق جوجل بلس الي مدونتك
الزيارات:
الزيارات:
Unknown
|
10:40 ص
|
3
التعليقات حتى الان
اهلا بكم في بلوجر حياتي
في هذا الدرس سوف نتعلم كيفية اضافة صندوق منبثق لجوجل ، وعند مرور الموس علي الاضافة ينزلق الي اليسار والاضافة بتقني 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
ثم اضغط حفظ ومبروك عليك الاضافة
طريقة اضافة صندوق اعجاب فيس بوك الى بلوجر
الزيارات:
الزيارات:
Unknown
|
5:45 ص
|
1
التعليقات حتى الان
اضافة " عداد التعليقات "
الزيارات:
الزيارات:
Unknown
|
4:10 م
|
كن أول من يعلق!
![comment-bubble comment-bubble](http://lh4.ggpht.com/_0JSsw4H6sns/TDCS5ZpO9ZI/AAAAAAAADco/os_hVOcr6mI/comment-bubble_thumb%5B1%5D.jpg?imgmax=800)
احبائي متابعي وزوار مدونة سما بلوجر ، سأشرح لكم في هذه التدوينة كيفية اضافة ايقونة بجانب عنوان الرسالة او التدوينة يظهر بها عدد التعليقات في هذه التدوينة ، الاضافة تعبر عن الاحترافية في الاداء ، وتضفي جمالا وحيوية وتكسر الروتين المعتاد في قوالب بلوجر المنتشرة ، يستخدم هذه الاضافة الكثير من اصحاب المدونات العالمية المشهورة ...
أفضل الخطوات لتحسين علاقة موقعك بمحركات البحث
الزيارات:
الزيارات:
Unknown
|
12:55 م
|
كن أول من يعلق!