‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل

كيفية اضافة وحدة اعلانية لكل كاتب فى بلوجر

كيفية اضافة وحدة اعلانية لكل كاتب فى بلوجر


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


طريقة أضافة الوحدات الأعلانية داخل موضوعات بلوجر


لقيام بهذا قم بالدخول لمنصة تحرير HTML الخاصة بقالبك، ولديك احد الخيارين، أما أظهار الوحدة اسفل العنوان أو في نهاية الموضوع، لذا قم بالبحث عن الكود المناسب وأسفل منه مباشرة ضع كود وحدتك الأعلانية
لوضع الوحدة أسفل العنوان ضعها اسفل الكود التالي
<div class='post-header'>
لوضع الوحدة أسفل الموضوع مباشرة ضعها اسفل الكود التالي
<div class='post-footer'>
ربما تجد هذة الاكواد في حالة تكرار، اذا لم تفلح مع الكود الاول جربها مع الكود الثاني وهكذا إلي ان تفلح العملية، وهكذا.
ملحوظة مهمة، يجب عليك تضمين الوحدة داخل هذا الكود حتي تظهر الوحدة داخل الموضوعات فقط وليس في الصفحة الرئيسية 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Adsense Unit code below this -->
</b:if>
يوضع كود الوحدات المستخدمة أسفل هذا السطر
<!-- Adsense Unit code below this -->

الأن كيف تحدد الوحدة لتظهر داخل موضوعات كاتب معين؟

لتقوم بذلك ما عليك هو أستخدام نفس الطريقة بالأعلي مع تضمين الوحدة داخل الكود التالي
<!-- Adsense Unit by author name for blogger by ahmed hegazy -->
<b:if cond='data:post.author == &quot;Author_Name_Here&quot;'>
<!-- Adsense Unit code below this -->
</b:if><!-- End author unit -->

يتم أيضاً تضمين الوحدة اسفل هذا السطر

<!-- Adsense Unit code below this -->

مع أستبدال كلمة Author_Name_Here بأسم الكاتب المراد اظهار الوحدة داخل موضوعاته.

كيفية اضافة وحدة اعلانية لكل كاتب فى بلوجر


كود توضيحي


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Adsense Unit by author name for blogger by ahmed hegazy -->
<b:if cond='data:post.author == &quot;Author1_Name_Here&quot;'>
<!-- Adsense Unit code below this -->
</b:if><!-- End author unit -->
<!-- Adsense Unit by author name for blogger by ahmed hegazy -->
<b:if cond='data:post.author == &quot;Author2_Name_Here&quot;'>
<!-- Adsense Unit code below this -->
</b:if><!-- End author unit -->
<!-- Adsense Unit by author name for blogger by ahmed hegazy -->
<b:if cond='data:post.author == &quot;Author3_Name_Here&quot;'>
<!-- Adsense Unit code below this -->
</b:if><!-- End author unit -->
</b:if>

هذا الكود بالأعلي هو عبارة عن كود جاهذ للأستخدام لثلاثة وحدات أعلانية لثلاثة مؤلفين مختلفين، حيث لا تظهر الوحدات الا داخل الموضوعات ويتم تضمين كود الوحدة أسفل هذا السطر مباشرة
<!-- Adsense Unit code below this -->
اتمنى ان اكون وفيت بالشرح على قدر الأمكان وفقنا الله انا وانتم
والسلام عليكم ورحمةالله وبركاتة


الاثنين, يوليو 21, 2014

اضافة فهرس احترافى لمدونات بلوجر

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

هى بنا ننتقل الى الشرح

اولا المعاينة الحية للقهرس
معاينة

ثانيا الكود وتنسيقة وشرحة 

<div dir="rtl" style="text-align: right;" trbidi="on">
<style scoped="" type="text/css"> #toc-outer { color:black; font:normal 13px/15px font-family: 'Droid Arabic Kufi',serif; height:auto; margin:0 auto; overflow:hidden; padding:0; text-align:right; } #loadingscript { padding:0px 0px; height:37px; text-indent:-9999px; color:transparent; background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%; } .itemposts { float: right; height: auto; overflow: hidden; width: 47%; box-shadow: 1px 1px 5px #C3C3C3; background: none repeat scroll 0% 0% #F9F9F9; border: 1px solid #FFF; margin: 3px 5px 8px; padding: 0px 3px; } .itemposts h6 { border-bottom: 1px solid #CCC; color: #333; height: 30px; overflow: hidden; text-transform: none; margin: 0px 0px 5px; padding: 2px 6px !important; font:bold 13px font-family: 'Droid Arabic Kufi', serif; } .itemposts h6 a:hover { color:#38f; text-decoration:none; } .itemposts img { background-color:#fff; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:right; height:65px; margin:0 0 5px 7px; padding:3px; width:65px; z-indent:99999px; } .itemposts .iteminside {} .itemposts .itemfoot { border-top: 1px solid #CCC; clear: both; overflow: hidden; padding: 4px 5px; font:12px font-family: 'Droid Arabic Kufi', serif; } .itemposts .itemfoot a.itemrmore { color:#333; float:left; font-weight:bold; text-decoration:none; } .itemposts .itemfoot a.itemrmore:hover {text-decoration:underline} #itempager { clear:both; padding:10px 0; } #pagination, #totalposts { color:#000; display:block; font:12px font-family: 'Droid Arabic Kufi', serif; margin-bottom:10px; text-align:center; padding:0; } #pagination span, #pagination a { color: #FFF; display: inline; margin: 0px 1px; padding: 2px 5px; text-indent: 0px; background-color: #068BC9; background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%); border: 1px solid #3161C2; text-decoration: none; border-radius: 10px; } #pagination a:hover {background-color:#333} #pagination span.actual {background-color:black} #pagination span.hidden {display:none}</style> <script> var showPostDate = true, showComments = true, idMode = true, sortByLabel = false, labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "عدد المواضيع:", jumpPageLabel = "الصفحة", commentsLabel = "التعليقات", rmoreText = "الموضوع كاملا &#9658;", prevText = "Sebelumnya", nextText = "Berikutnya", siteUrl = "http://ar-blogger-tips.blogspot.com/", postPerPage = 10, numChars = 150, imgBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC"; </script> <script src="http://yourjavascript.com/1183493241/rifan-pagination.js"></script></div>
  • استبدل الرابط الملون بالأحمر برابط مدونتك
  • #C3C3C3 لو صندوق الظل للفهرس
  • #fff لون حدود صناديق الموضوع
  • #F9F9F9 لون خلفية الفهرس
لاتنسى عمل اعجاب بصفحة الفيس بوك من هنا
والأنضمام الينا من هنا
ارجو ان تنال الأضافة اعجباكم
اذا وجهاتك مشاكل فى الكود اطرحها علينا بالتعليق
لاتنسى ترك بصمتك




الأحد, يوليو 20, 2014

اضافة محرك بحث بتقنية Ajax لمدونات بلوجر

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


خطوات تركيب محرك البحث


الخطوة الأولى : نقوم بالبحث عن وسم </b:skin>
ونضيف قبله هذا الكود

/*-------ajax-form---------*/
.search {
overflow: hidden;
position: absolute;
left: 13%;
float: none;
z-index: 9999;
width:300px;
}
#ajax-search-form {
position:relative;
font:normal normal 13px/normal Arial,Sans-Serif;
float:right;
margin-top: 2px;
}
#ajax-search-form a {
color:#741F27;
text-decoration:none;
}
#ajax-search-form .searchbox {
border: none;
padding: 10px;
font: normal 12px tahoma;
border-radius: 0 3px 3px 0;
transition: 0.4s;
background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3V2ahDoqkW8dTnUkFSE5Uu9hrl7QZwOjqDAMoyvxMtzteYoO_cFrDJbYYUfDnY840cz8Ymm6PY1WeVwzUog92oSgIICiuhpLBpOIJTEQ4khkxfah8jTISDsKNws-GZ2QMH7pW0VKpaCMS/s1600/search.png) no-repeat 4%;
width: 216px;
margin: 0;
}
#ajax-search-form input::-moz-focus-inner {
margin:0;
padding:0;
border:none;
outline:none;
}
#ajax-search-form .searchbtn {
width: auto;
background-color: #04BCBC;
border: none;
font: normal 12px tahoma;
cursor: pointer;
padding: 10px 20px;
margin: 0 -4px 0 0;
border-radius: 3px 0 0 3px;
color: #FFF;
}
#ajax-search-form .searchbtn:hover{background-color:#444}
#search-result {
border-top: none;
background-color: #FFF;
padding: 10px;
margin: 10px 0;
width: 278px;
height: auto;
position: relative;
top: 0;
left: 0;
max-height:310px;
overflow:auto;
z-index: 99;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
display: none;
}
#search-result li {
padding: 10px;
border: 1px dotted #EEE;
color: #AAA;
font-size: 0px;
line-height: 1em;
margin: 0 0 5px 5px;
overflow: hidden;
}
#search-result img {
float:right;
margin: 0 0 0 8px;
border: 3px solid #EEE;
}
#ajax-search-form a {
color: #888;
line-height: 1.9em !important;
font: normal 12px tahoma;
text-decoration: none;
padding: 0;
}
#search-result ol,
#search-result h4 {
margin:0;
padding:0;
}
#search-result h4, #search-result strong {
display: block;
margin: 0 0 10px 0;
font: normal 12px ges,tahoma;
color: #BF4247;
}
#search-result ol {margin:0;
text-align:right;
}
#search-result ol a:hover {
color: #BF4247;
text-decoration: underline;
background: none;
}
#search-result .close {
display: block;
position: absolute;
top: 0;
left: 10px;
line-height: normal;
color: #f00;
font-size: 18px;
}
#search-result strong {color:#B75252}
#blog-pager {
margin: 1em 0;
text-align: center;
overflow: hidden;
clear: both;
}
الخطوة الثانية : نقوم بالبحث عن وسم <body/>
ونضيف قبله هذا الكود

<script type='text/javascript'>
                      //<![CDATA[
(function($) {
    var $form = $('#ajax-search-form'),
        $input = $form.find(':text');

    // Append a search result container to the search form
    $form.append('<div id="search-result"></div>');
    var $result_container = $('#search-result');

    // When the keyword is submitted...
    $form.on("submit", function() {
        // Get the input value
        var keyword = $input.val();
        // Show the search result container and insert a `Loading...` text
        $result_container.show().html('جاري عملية البحث...');
        // Get the blog JSON via $.ajax() to show the search result
        // The URL format: http://blog_name.blogspot.com/feeds/posts/summary?alt=json-in-script&q={THE_KEYWORD}&max-results=9999
        $.ajax({
            url: 'feeds/posts/summary?alt=json-in-script&q=' + keyword + '&max-results=9999',
            type: 'get',
            dataType: 'jsonp',
            // If success, grab the search result list...
            success: function(json) {
                var entry = json.feed.entry,
                    link, summary, thumbnail, skeleton = "";
                if (entry !== undefined) {
                    skeleton = '<h4> البحث عن مقالات حسب التصنيف  &#8220;' + keyword + '&#8221;</h4>';
                    skeleton += '<a class="close" href="/">&times;</a><ol>';
                    for (var i = 0; i < entry.length; i++) {
                        for (var j = 0; j < entry[i].link.length; j++) {
                            if (entry[i].link[j].rel == "alternate") {
                                link = entry[i].link[j].href;
                            }
                        }
                        thumbnail = ("media$thumbnail" in entry[i]) ? '<img alt="" src="' + entry[i].media$thumbnail.url.replace(/\/s[0-9]+\-c/, "/s40-c") + '" width="40" height="40">' : "";
                        summary = ("summary" in entry[i]) ? entry[i].summary.$t.replace(/<br ?\/?>/ig, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "") : "";
                        summary = summary.length > 100 ? summary.substring(0, 100) + '&hellip;' : summary;
                        skeleton += '<li>' + thumbnail + '<a href="' + link + '">' + entry[i].title.$t + '</a><br>' + summary + '</li>';
                    }
                    skeleton += '</ol>';
                    $result_container.html(skeleton);
                } else {
                    // If the JSON is empty ... (entry === undefined)
                    // Show the `not found` or `no result` message
                    $result_container.html('<a class="close" href="/">&times;</a><strong>المعذرة يبدو ان ما تبحث عنه غير موجود بالموقع :(</strong>');
                }
            },
            error: function() {
                // If error, show an error message
                $result_container.html('<a class="close" href="/">&times;</a><strong>خطأ في عملية البحث المرجوا المحاولة لاحقا.</strong>');
            }
        });
        return false;
    });
    // Fade out the search result container if the close button is clicked
    $form.on("click", ".close", function() {
        $result_container.fadeOut();
        return false;
    });
})(jQuery);
                      //]]>
</script>

اسبدل الرابط الملون بالأحمر برابط مدونتك
الخطوة الثالثة : نقوم بالبحث عن وسم <head>
ونضيف بعده هذا الكود 
ملحوظة : اذا كان لديك هذا الكود فلا تضيفه

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>

 اذا كان لديك كود محرك بحث قديم فإبحث عنه أو إن لم تعرف الكود الخاص به إبحث عن : div id='search'>
 وحذف الكود من بداية الوسم إلى إغلاقه وضع الكود التالي مكانه

<div id='search'>
<form action='/search' id='ajax-search-form'>
<input class='searchbox' name='q' placeholder='اابحث عن قالب أو شرح...' type='text'/>
<input class='searchbtn' type='submit' value='بحث'/>
</form>
</div>

وهنا يمكنك الحفظ ومبروك عليك الاضافة ومبروك عليك محرك بحث مطور
وجميل وانيق من مدونة نصائح للمدونين

الأربعاء, يوليو 16, 2014

اضافة تابعنى على فيس بوك بشكل انيق

اضافة تابعنى على فيس بوك بشكل انيق
بسم الله الرحمــــــــ الرحيم ــــــــــــــــــــــن
مرحبا بكم فى مدونة نصائح للمدونين اليوم 
معانا اضافة تابعنا على الفيس بوك بشكل انيق 
وايضا مميزتها انك ممكن ان تستبدلاها بأى ايقونات اخرى
اسف انى اطلت عليكم ننتقل الى الأضافة

الكود وشرحة

<center>
<div style="background: #FFFFFF; padding: 7px; border: 1px dashed #000000; padding-bottom: 3px;">
<div class="so">
<a href="ضع هنا رابط الفيس بوك"><img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/facebook.png" /></a>
<a href="ضع رابط قناة اليوتيوب "><img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/youtube.png" /></a>
<a href="ضع رابط صفحتك جوجول بلس"><img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/google_plus.png" /></a>
<a href="ضع رابط تويتر"><img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/twitter.png" /></a>
<a href="ضع رابط التغذية"><img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/rss.png" /></a>
</div>
</div>
</center>
ننتقل الى تنسيق الكود
اللون الأحمر لون خلفية الأضافة
اللون الأزرق لون حدود الأضافة
اللون البرتقالى روابط الصور غيرها بما تريد ولاكن نفس المقاس
ضع كل رابط مناسب كما موضح بالأضافة
وشكرا
لاتغادر قبل ترك بصمتك
الأربعاء, يوليو 16, 2014

طريقة اضافة موقعك الى اليكسا بالشكل الجديد

اولا السلام عليكم ورحمة الله وبركاتة
مرحبا بكم فى مدونة نصائح للمدونين نلتقى فى درس جديد من عالم
التميز والحصريات نحن نسعى لنوصلك للقمة
اليوم درسنا اضافة موقعك او مدونتك الى اليكسا بعد التغيرات التى
رأينها قد اصبحت امامنا فكان من الازم عمل موضوع جديد يخص هذة الأضافة

ننتقل الى الشرح بأذن الله انتبه معانا عزيزى الزائر
صورة توضيحية اليكسا الجديد
فكما تشاهدون لأضافة موقعك في اليسكا لابد ان تدفع مال لشهر او سنة .. الخ
اولاً نقوم بدخول الي alexa علي طريق الرابط التالي
ثم ندخل رابط مدونتنا او موقعنا حتي اذا لم يكن مسجل من قبل
وستظهر لنا صفحة ننزل الي اسفلها ثم نضغط علي زرEdite site inof
ثم نضغط على
بعد الضغط سنتجه الي صفحة اخري ونضغط علي Method 2 ثم بعد الضغط ستظهر لنا نافذه اخري في الاسفل نقوم بنسخ الكود الذي ظهر لنا ونضع في قالب المدونة كما فى الأتى


بعد نسخ الكود نذهب الي قالب المدونة ثم نبحث في القالب علي كود <head> ونضع الكود الذي نسخناه من اليكسا تحت الكود مباشرتاً.
بعد وضع الكود نذهب الي صفحة اليكسا ونضغط علي ( Verify my iD )
وبهذا تم اضافة الموقع
ارجو ان تكون وصلتكم المعلومة
السلام عليكم


الخميس, يوليو 10, 2014

اضافة نافذة منبثقة للأعجاب بصفحتك على الفيس بوك متحركة

اضافة نافذة منبثقة للأعجاب بصفحتك على الفيس بوك متحركة
بسم الله الرحمن الرحيم
مرحبا بكم من جديد فى مدونة نصائح للمدونين
واهلا بكل متابعينا من الدول العربية
اليوم معانا كود جميل وهو خفيف وتحرك فى نفس الوقت
هل مللت من الصناديق المنبثقة الذى تكون سبب فى ثقل تحميل مدونتك
اتينا لك بالحل ويمكنك معاينة الأضافة بمدونتنا اذا نظرت على اليسار
اسف انى اطلت عليكم
ولاكن هى مفيدة لمتابعتك على الفيس بوك جيدا

الكود وشرح التركيب

نذهب الى لوحة التحكم>>ثم اضافة اداة>>ثم نختارhtmljava script
ثم نضع بها الكود التالى
<!-- بداية كود الاعجاب -->
<style type="text/css">
#topbar{
position:absolute;
border: 1px solid black;
padding: 4px;
background-color: white;
width: 150px;
visibility: hidden;
z-index: 0;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 4 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <thead> <tr> <td class="tcat"> <a style="float:left" onclick="return toggle_collapse('quickregister')"></a> <strong>
<span lang="ar-sa">تابعنا على فيس بوك</span></strong> </td> </tr> </thead> <tbody id="collapseobj_quickregister" style=""> <tr> <td class="alt1" align="center"> <span class="smallfont"><script type="text/javascript" src="clientscript/vbulletin_md5.js"></script> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=382"></script> <form action="http://www.shbabelyom.com/register.php?do=addmember" name="register" method="post" onsubmit="return verify_passwords(password, passwordconfirm);"> <input type="hidden" name="s" value="c57548fc566e37c8e11103abdf95594d" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="do" value="addmember" /> <input type="hidden" name="url" value="" /> <input type="hidden" name="agree" value="" /> <input type="hidden" name="password_md5" /> <input type="hidden" name="passwordconfirm_md5" />
اضغط على اعجبني - like ليصلك كل ما هو جديد <span lang="ar-sa"> </span><br /><br />
<img border="0" src="http://store2.up-00.com/Jan12/eKm76891.gif" />
<iframe src="http://www.facebook.com/plugins/like.php?href=ضع هنا رابط صفحتك المراد الأعجاب بها&amp;layout=button_count&amp;show_faces=true&amp;w idth=90&amp;action=like&amp;font=arial&amp;colorsc heme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowtransparency="true"></iframe>
</form> </span></td> </tr> </tbody> </table></div>
<!-- نهاية كود الاعجاب -->
ملحوظة:غير كل ماهو بالون الأحمر بما ينسبك  
ادعوكم لترك بصمتك ولاتنسى الأنضمام الينا
السبت, يوليو 05, 2014

ازرار التواصل الاجتماعي بتاثير جديد لمدونات بلوجر



السلام عليكم متابعي مدونة نصائح للمدونين ... اليوم نقدم لكم ازرار التواصل الاجتامعي بتاثير جديد ورائع لمدونات بلوجر كما انها تشمل معظم مواقع التواصل الاجتماعي (( فيس بوك - تويتر - جوجل - يوتيوب - فيد برنر )) ..


معاينة الاضافة 

مميزات الاضافة :
* خفيفى التحميل لاتؤثر على سرعة تحميل القالب
* تفتح الروابط في نافذة جديدة نوفلو
* تتمتع بتاثير مميز ورائع

شرح تركيب الاضافة

نتوجه الى لوحة التحكم > التخطيط > اضافة اداة > اداة جافا سكريب ونلصق الكود التالي :

<!--CSS-Social Network-Widget By http://st-tek.blogspot.com-->
<link href='https://googledrive.com/host/0B0w6bpKSwOKUZzdaMXpSQWhIZkk/ ' rel='stylesheet'/>
<ul id="Zoomarabic-SNS">
  <li ><a href="رابط صفحتك على فيس بوك" target="_blank" class="icon fb">فيس بوك</a><span></span>
</li>
  <li ><a href="رابط حسابك على تويتر" target="_blank" class="icon twit" >تويتر</a><span></span>
</li>
<li ><a href="رابط حسابك على جوجل"target="_blank" class="icon google" >جوجل</a><span></span>
</li>
<li ><a href="رابط قناتك على اليوتيوب" target="_blank" class="icon ytube">اليوتوب</a><span></span>
</li>
<li ><a href="رابط الفيد برنر" target="_blank" class="icon rss" >خلاصة</a><span></span>
</li>
</ul>
<!--CSS-Social Network-Widget By http://st-tek.blogspot.com-->
* يجب تغيير المطلوب الى مايناسبك

ولاتاخذ بدون ان تعطي فمجرد كلمة شكر تكفي لرد الجميل

مع تحيات : حسام احمد
الجمعة, يوليو 04, 2014

3 ثلاث اضافات بلوجر بمناسبة شهر رمضان الكريم

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

طريقة تركيب الإضافات :


1- اتجه إلى لوحة تحكم البلوجر الخاصة بك و اضغط على تخطيط من القائمة الجانبية.
2- ثم اضغط على إضافة أداة و اختر HTML/JAVASCRIPT. 
3- وقم بلصق أحد أكواد الإضافات التالية حسب اختيارك :
الإضافة الأولى : (صورة رمضان مبارك متحركة + فانوسين)
3 ثلاث اضافات بلوجر بمناسبة شهر رمضان الكريم
<!-- Ramadan Mubarak By AfkarPro.Blogspot.com . START -->
<div style="float:left;position:absolute;left:0px;top:0px">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Js8zn8bo2xZURVxFLssEnYUnwNHtAQW6CbN-7MjiCidcl0C1F6_zllXZ4s5lnG9pVfVVovAhvSfOHALx8TjOsUru5aeI990urbC0i62xiVNrqTFolf07Llbw154ROdTNF9KBd0bL7Cpt/s1600/Ramadan+Mubarak+-+www.afkarpro.blogspot.com.gif" alt="رمضان كريم"/>
</div>
<!-- AfkarPro END -->
<!-- AfkarPro START -->
<div style="float:left;position:absolute;left:0px;top:82px">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGcm1PAyHoIIQlvNtgkqTAUm_I-HM1DeBKPXlrzcfjQwzcu1jIpFSi25bSUZ9dKT27mzcYEQEwp8kyse3Y2NwsiNmgOfpk6n4pdjSMFb-pywHlrxerTVDT8bPcN5qJa9iWft3-vRdJeo19/s1600/fan-3+-+www.afkarpro.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>
</div>
<!-- AfkarPro END -->
<!-- AfkarPro START -->
<div style="float:left;position:absolute;left:0px;top:230px">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcZdswyGBlUogtm91ObHtQWte58DnJGnrI9dL7JBmANfpzBaS7JDkaxMweoEL2LsrH06-Zma77afmrufHYv344aNfGC8ow9QN1cYEIGFq6CW7qyWpKYy0nO51OaZJQD12lXMvpwwrQtShR/s1600/fan-2+-+www.afkarpro.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>
</div>
<!-- Ramadan Mubarak By AfkarPro.Blogspot.com . END -->
الإضافة الثانية : (فانوس متحرك + كتابة رمضان كريم على شكل هلال)

<!-- Start Code Ramadan Mubarak By AfkarPro.Blogspot.com -->
<div align="center">
<table border="0" width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="" height="">
<div style="float:top right; position:absolute; overflow:visible; left:210px; top:43px; height:192px; width:144px z-index: 9999;">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="192" height="144">
<param name="movie" value="http://im37.gulfup.com/GJv36.swf" />
<param name="quality" value="High" />
<param name="wmode" value="transparent" />
<embed src="http://im37.gulfup.com/GJv36.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="192" height="144" quality="High" wmode="transparent"></embed>
</object>
</div>
</td>
</tr>
</table>
</div>
<!-- End Code Ramadan Mubarak By AfkarPro.Blogspot.com -->


<a href="http://www.afkarpro.blogspot.com/"><img alt="Best Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikSDzoGmXIpT1UlpKO4gfymPWGdYQfkKK7Yo_xjTJmnyqQcO7CQ79xwrDXNgEzMn39LQ-nOlwnrY0uHqjc9lEMzG-sWzhSBlTQDLje1bqtr4Xd7EIi0g0FljnLzV2sVoa9UHITCrjif008/s1600/best+blogger+tips+-+www.afkarpro.blogspot.com.png" /></a><div style="position: fixed; top: 80%; left: 3%;">
<a href="http://www.afkarpro.blogspot.com/" rel="nofollow" target="_blank"><img alt="Blog Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOW30aAjX9UXFnNSClhRfwpwt_jBq-snMx9Jb0Asc7elQMLOjIrcgnmHc2bYj6cJBkU2O3SsNCkjOYYxNcLa-41iJjHJVm5_NcADNPE7DLLVE8YMTPiKg-nkR9kfkLt35rkfU34jkpwRwI/s1600/Ramadan-Karim+-+www.afkarpro.blogspot.com.png" /></a></div>

أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;) 
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
و دمتم في رعاية الله وحفظة وسلامتة وارجو من الله الدعاء لى
وان تكون ايام سعيدة على الأمة العربية جميعاا
واخيرا لاتنسوا الأنضمام الينا


الجمعة, يونيو 27, 2014

كيفية وضع تعليق واعلامك بالرد علية

كيفية وضع تعليق واعلامك بالرد علية

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


السبت, يونيو 14, 2014