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

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم  لكم طريقة 

اضافة كود مواضيع المدونة بجانب المدونة

حيث هذا يحتوي علي يمكن ان تضيف بعض الموضيع الربط بتاعهم لتسهل علي الزائر معرفة مواضيعك

لمعاينة الكود اضغط هناااااااا

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

الكود

<script src="http://24work.webs.com/24work-blogspot/side-bar-menu/prototype.js" type="text/javascript"></script>

<script src="http://24work.webs.com/24work-blogspot/side-bar-menu/effects.js" type="text/javascript"></script>

<script src="http://24work.webs.com/24work-blogspot/side-bar-menu/side-bar.js" type="text/javascript"></script>

<style>

body{

font-size:75%;

}

a{

outline: none;

}

a:active{

outline: none;

}

#sideBar{

text-align:left;

}

#sideBar h2{

color:#F0FFFF;

font-size:110%;

font-family:arial;

margin:10px 10px 10px 10px;

font-weight:bold !important;

}

#sideBar h2 span{

font-size:125%;

font-weight:normal !important;

}

#sideBar ul{

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

}

#sideBar li{

margin:0px 5px 5px 10px;

padding: 0 0 0 10px;

list-style-type:none;

display:block;

background-color:#DA1074;

width:177px;

color:#FFFFFF;

}

#sideBar li a{

width:100%;

}

#sideBar li a:link,

#sideBar li a:visited{

color:#FFFFFF;

font-family:verdana;

font-size:100%;

text-decoration:none;

display:block;

margin:0px 0px 0px 0px;

padding:0 0 0 20px;

width:100%;

}

#sideBar li a:hover{

color:#FFFF00;

text-decoration:underline;

}

#sideBar{

position: fixed;

width: auto;

height: auto;

top: 140px;

left:0px;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaFq-JP87ulBuwNSUX2adY36JmHsXxfZI6hfQ_gg-m4rYrSf6a-wIPRs8ckyjotD4MSo0czzFK-qEqkesp4qajSm2KoA-AGDHrubppvjxTO8LdD8UtStckhHKpMJ-KB3pmZelUFrbq85Ry/s320/left.collapse.border.png);

background-position:top right;

background-repeat:repeat-y;

}

#sideBarTab{

float:left;

height:137px;

width:28px;

}

#sideBarTab img{

border:0px solid #FFFFFF;

}

#sideBarContents{

float:left;

overflow:hidden !important;

width:200px;

height:320px;

}

#sideBarContentsInner{

width:200px;

}</style>

<div id="sideBar">

<div id="sideBarContents" style="display:none;">

<div id="sideBarContentsInner">

<h2>Left<span>Menu</span></h2>

<ul>

<li><a href="#">عنوان الرابط1</a></li>

<li><a href="#">عنوان الرابط 2</a></li>

<li><a href="#">عنوان الرابط 3</a></li>

<li><a href="#">عنوان الرابط 4</a></li>

</ul>

</div> </div>

<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIztvSVImHYzl9-dxytBbn_wTfXCZ84tkcu_7GtIIt7NtsamDLgcmbeiI6Qghh-6c9Rb5GcwwStKFVytdcwonLv-KlTwqiz8LT4DKO4_huMXXjFFj0fYMeva1CXLWjGCkWJmgX7di84z1g/s298/blogger-new2013.PNG" title="sideBar" /></a>

</div>

استبدل عنوان الرابط 4 بعنوان الموضوع بتاعك
استبدل # برابط الموضوع
وبعد ذلك قم بالحفظ
وبذلك اكون خلصت لو في استفسار ضعه في تعليق

اقرء المزيد

اضافة سلايد شو لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة اضافة سلايد شو بلوجر

لمعاينة

فانة يتمتع باشكل الرائع كما موضح قي المعاينة

الشرح 
اولأ اذهب الي لوحة التحكم
ثم تخطيط
ثم اضافة اداة
ثم اضافة الكود عن طريق اضافة html
الكود

<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "رابط المدونة " // Add your blog URL
});
</script>

وغيرالاحمر بما يناسب
وبكدة اكون خلصت ارجو ان اكون وفقت في الشرح
ولو في استفسار انا موجود

اقرء المزيد

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

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة اضافة كود انضم الينا عبر المواقع الاجتماعية بلوجر بجانب المدونة

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

الشرح 
اولأ اذهب الي لوحة التحكم
1- ثم قالب
2-تحرير html
ابحث عن الكود </head> باستخدام ctrl+f

ثم ضع الكود القادم قبلها

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script language='javascript'> 
var name = &quot;#floatMenu&quot;;
var menuYloc = null;
$(document).ready(function(){menuYloc = 
parseInt($(name).css(&quot;top&quot;).substring(0,$(name).css 
(&quot;top&quot;).indexOf(&quot;px&quot;)))
$(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+&quot;px&quot;;$(name).animate({top:offset},{duration:1000,queue:false});});}); 
#floatMenu {
position:absolute;top:150px;float:left;width:45px;}
#floatMenu ul {list-style: none;}
#floatMenu ul li a {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.8;}
#floatMenu ul li a:hover {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity: 1;}
</style>

وبعدين  ابحث عن </body> 
ثم ضع قبلها الكود القادم

<div id='floatMenu'>
<ul>
<li><a href='http://facebook.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq5i5ji4eTXQXcExfnL-30OJFGBnw3YXSYHvNKqbrf2RT-QonWRB55qlE-l2YzYzYti0qH0W-gLPT7mFho3sOEIj6N4Kxc18B_MKlix_F3GMAxfne21BTALtSlor_nZraTY-ytp_-6wdw/s1600/btrix-facebook.png' style='margin-bottom: 3px;' title='Follow Me On  Facebook'/></a></li>
<li><a href='http://twitter.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxe8qopWrwcDG8CfzPExcB9nQa6nnpScGGASb4DWAg7YuH2zFNzLVw_G79UUekPmegGqJtxg0n6JaeI1k_FLXDv7jUsaNjBmJm5A8cNKL3gyrvPJ6YEdCcHqsV0kkaQXgbf8cEJbtwUs/s1600/btrix-twitter.png' style='margin-bottom: 3px;' title='Follow Me On  Twitter'/></a></li>
<li><a href='http://pinterest.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSrBG-L6ft3ragyTzsK4ZEiomSLxLMpCQvrU9pxuYEMAYY-UFf5IHcB3904nqoPrZU6wsVeJ4t1jjmNT8yX812TkdQJ7fGZ2ABLF5_SvTqrn2lT1ZEhAwO03VyvLTglVOnzPipeiH53H0/s1600/btrix-pinterest.png' style='margin-bottom: 3px;' title='Follow Me On  Pinterest'/></a></li>
<li><a href='https://plus.google.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDujqUxD1k9FKYc_9IQEUoxDz1IuE095xxNyfnWHjretr0Us4ARmmZvw4czGXq0l-wzH_tlXQvX6qn9-bixdVCa7x0tY-qTJAKUB0yVGgXcHtUry-bmZtAHlgYenkPxPUDdDbQyA_DWMc/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li>
</ul></div>

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

اقرء المزيد

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

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



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

حيث يبين الساعة كما في ساعة الكمبيوتر وهو يساعد علي معرفة الوقت لدي الزائر الذي يزور المدونة وسوف اقدم لكمبعض من ساعات الرقمية اليوم لكم وحيث تتميز بالشكل الرائع ما عليك الأ اتباع الشرح
الشرح بالفديو

الشرح
اولأ اذهب الي لوحة التحكم
1- ثم تخطيط
2- اضافة اداة
3- اضافة html

ما عليك اي تنسخ الكود وتحطوا في المدونة

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-171.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

 

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-167.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-152.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-117.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

وبكدة اكون خلصت ارجو ان اكون وفقت في الشرح

اقرء المزيد

كود مشاهدة عدد الزوار لمدونة بلوجر

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



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

 اولأ اذهب الي الموقع من هنااا

الشرح بالصور

ثم اكتب ايميلك والباسورد كما موضح في الصور
ثم بعد ما تخلص اضغط signup


2- بعد التسجيل 
اضغط دخول

 ثم اضغط  create counter

وبعدين ايظهر ليك كما موضح في الصور

ثم اتبع الشرح الي موجود في الصور
 وبعد ما تخلص ايظهر ليك

  انسخ الكود ثم عن طريقة لوحة التحكم
1- ثم اضافة اداة 
2- ثم ضع الكود عن طريقة اضافة html


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

ارجو ان اكون وفقت في الشرح

اقرء المزيد