الرئيسية المشاركات تحت قسم تحسين المواقع
‏إظهار الرسائل ذات التسميات تحسين المواقع. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات تحسين المواقع. إظهار كافة الرسائل

الثلاثاء، 16 مايو 2017

(حصريا) شر ح طريقة الحصول على عنوان URL مخصص لملفك الشخصي في Google+‎ في 10 دقائق

✔ مجو تعليق

بسم الله الرحمن الرحيم
 طريقة الحصول على عنوان URL مخصص لملفك الشخصي في Google+‎ في 10 دقائق آخر تحديث








النهاردة إن شاء الله هنشر ح  حصريا طريقة الحصول على عنوان URL مخصص لملفك الشخصي في Google+‎ في 10 دقائق
وأيضا
طريقة الحصول على عنوان URL مخصص لقناتك على اليوتيوب

تابع

أولا الحصول على عنوان URL مخصص لملفك الشخصي في Google+‎

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

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


أما قناة اليوتيوب لازم يكون 100 مشترك
والطريقه زي دي بالضبط بس علشان الوقت

الحصول على عنوان URL مخصص لملفك الشخصي في Google+‎

يمكنك استخدام عنوان URL مخصص لإنشاء عنوان ويب مختصر يسهل تذكره لملفك الشخصي على Google+‎. 
مهم: يمكنك تغيير عنوان URL المخصص لما يصل إلى 3 مرات في السنة.

الحصول على عنوان URL مخصص لملفك الشخصي في +Google

تطبيق Android / متصفح الجوّال / iPhone أو iPad
الوسيلة الأسهل للحصول على عنوان URL مخصص هي استخدام جهاز الكمبيوتر، ولذلك يُرجى استخدام جهاز كمبيوتر بدلاً من جهاز الجوّال.
جهاز الكمبيوتر
  1. في حالة توفر عنوان URL مخصص لحسابك، فسترى بانر أسفل اسمك على ملفك الشخصي في Plus. 
  2. انقر على الرابط في البانر.
  3. ستظهر لك عناوين URL المخصصة التي يمكنك الاختيار من بينها. وقد تحتاج أيضًا إلى إضافة بضعة أحرف أو أرقام في مربع النص لجعله فريدًا بالنسبة إليك.
  4. بجوار "أوافق على بنود الخدمة"، انقر على مربع الاختيار.
  5. انقر على تغيير عنوان URL.
  6. عندما تكون مستعدًا لإضافة عنوان URL مخصص لملفك الشخصي، انقر على تأكيد.

إزالة عنوان URL المخصص

يمكنك إزالة عنوان URL المخصص الذي تستخدمه حاليًا من حسابك في Google+‎ لما يصل إلى 3 مرات كل سنة. وتؤدي إزالة عنوان URL المخصص إلى إلغاء تنشيط عنوان URL، لذلك لن يتم استخدامه بعد ذلك لتوجيه الأشخاص إلى ملفك الشخصي، ولن تعمل الروابط التي تحتوي على عنوان URL المخصص بعد ذلك. وبعد الإزالة، يمكنك المطالبة بعنوان URL مخصص جديد (إذا كنت مؤهلاً لذلك).
لا يمكنك المطالبة بعنوان URL مخصص جديد من صفحة "معلومات عني". إذا كنت تريد المطالبة بعنوان URL مخصص جديد، يُرجى اتباع الخطوات أعلاه لإعداد عنوان URL مخصص على Google+‎. وسيلزمك تحقيق متطلبات الأهلية العامة لكي تتمكن من المطالبة بعنوان URL مخصص جديد.
  1. على جهاز الكمبيوتر، انتقل إلى aboutme.google.com.
  2. في أعلى اليسار، حدد حساب Google+‎ الذي تريد إزالة عنوان URL المخصص له.
  3. بجوار "المواقع"، انقر على تعديل تعديل.
  4. بجوار عنوان URL المخصص الذي تريد إزالته، انقر على حذف حذف.

قواعد الحصول على عنوان URL مخصص

هناك بعض القواعد التي يجب وضعها في الاعتبار عند محاولة الحصول على عنوان URL مخصص. وإذا كانت تواجهك مشكلة، فيُرجى التأكد مما يلي:
  • أن لديك عشرة متابعين أو أكثر (أي الأشخاص الذين يضيفونك إلى دوائرهم)
  • أنه مر على إنشاء حسابك 30 يومًا كحد أدنى
  • أن ملفك الشخصي يتضمن صورة ملف شخصي
  • أن حسابك في وضع جيد
ملاحظة: يجب أن تتوفر في عناوين URL المخصصة سياسة المحتوى وسلوك مستخدم +Google وبنود استخدام عناوين URL المخصصة على +Google. وفي حالة العثور على عنوان URL مخصص لا يلتزم بهذه السياسات، يرجى الإبلاغ عن الملف الشخصي.

ثانيا 

الحصول على عنوان URL مخصص لقناتك

إذا كانت قناتك مؤهلة، يمكنك أن تقدّم للمعجبين عنوان ويب يسهل عليهم تذكّره، يُعرف بعنوان URL مخصص، ليتمكنوا من الوصول إلى قناتك في YouTube. يسمّى هذا العنوان بعنوان URL مخصص ويظهر على الشكل التالي  youtube.com/yourcustomname ‏و youtube.com/c/yourcustomname‏.
يمكنك اختيار عنوان URL مخص~ص بالاستناد إلى عناصر مثل اسم العرض الذي تستخدمه أو اسم المستخدم الذي تستخدمه في YouTube أو أي عناوين URL مخصّصة تملكها حاليًا أو اسم موقع الويب المرتبط بقناتك (تخضع كلها لمدى التوفر). 
عند مشاركة عنوان URL المخصّص، يمكنك إجراء تعديلات على طريقة كتابته. على سبيل المثال، سيؤدي الرابطانyoutube.com/c/yourcustomname‏ وyoutube.com/c/YourCustómNámé‏ إلى نقل المشاهدين إلى القناة نفسها.
لا يمكنك تغيير عنوان URL مخصّص بعد إنشائه. ولكن يمكنك إزالة عنوان URL المخصّص من قناتك والمطالبة بعنوان جديد إذا أردت تغييره. 

المطالبة بملكية عنوان URL مخصّص لـ YouTube

يمكنك المطالبة بعنوان URL مخصّص في حال استوفيت متطلّبات الأهلية العامة. يرجى اتباع الخطوات أدناه لإعداد العنوان. 

متطلبات الأهلية العامّة

لإنشاء عنوان URL مخصص لقناتك، يجب أن يستوفي حسابك الشروط التالية:
  • أن يضم 100 مشترك أو أكثر
  • أن يكون قد مضى على إنشائه 30 يومًا على الأقل
  • أن يكون قد تم تحميل صورة كرمز قناة
  • أن يكون قد تم تحميل صورة قناة
بشكل عام، يمكن لأي قناة على YouTube الحصول على عنوان URL مخصص واحد (1) ولا يمكن نقل عناوين URL المخصصة أو تعيينها إلى أي شخص.

إعداد عنوان URL مخصص لقناتك

إذا كنت مؤهلاً للحصول على عنوان URL مخصص، فسيظهر إشعار في إعدادات الحساب المتقدمة، وستتلقّى إشعارًا عبر البريد الإلكتروني، وقد يظهر إشعار في لوحة البيانات في استوديو مبدعي المحتوى.
قبل البدء: تجدر الإشارة إلى أنه لا يمكنك تغيير عنوان URL مخصص بعد إنشائه بما في ذلك إجراء تعديلات على الكتابة بالأحرف  الكبيرة أو علامات التشكيل.
  1. سجّل الدخول إلى حسابك في YouTube.
  2. انتقل إلى إعدادات الحساب المتقدمة عبر النقر على الرمز في الجزء العلوي الأيسر > الإعدادات . ثم انقر علىإعدادات متقدمة تحت اسم قناتك.
  3. ضمن "إعدادات القناة"، حدد الرابط إلى جانب أنت مؤهل للحصول على عنوان URL مخصص. وسيظهر هذا الرابط فقط إذا كانت قناتك مؤهلة.
  4. في المربع "الحصول على عنوان URL مخصص"، سيظهر عنوان أو عناوين URL المخصصة التي تمت الموافقة على استخدامها. لا يمكنك تغيير القسم الظاهر في المربع الرمادي، ولكن ننصحك بإضافة بعض الحروف أو الأرقام لجعل عنوان URL فريدًا لك.
  5. اقرأ "بنود استخدام عنوان URL المخصّص" بعناية وافهمها جيدًا وحدّد المربّع للموافقة عليها، ثم انقر على تغيير عنوان URL‏.
  6. بعد الموافقة على عنوان URL مخصص، لا يمكنك طلب تغييره، لذا تأكّد من أنّه عنوان URL الذي تريده قبل النقر على تأكيد الاختيار.
بعد حصولك على عنوان URL مخصص، سيتمكّن جمهورك من الوصول إلى قناتك باستخدام عنوان URL المخصّص (مثلاً سينقلyoutube.com/yourcustomname‏ المشاهدين إلى الصفحة الرئيسية لقناتك).

إزالة عنوان URL المخصص والمطالبة بعنوان جديد

يمكنك إزالة عنوان URL مخصص من قناتك بما يصل إلى 3 مرات في السنة. تؤدي هذه الخطوة إلى إلغاء تنشيط عنوان URL لكي يتوقف عن توجيه المشاهدين إلى قناتك.
  1. سجّل الدخول إلى حسابك في Google وانتقل إلى الصفحة "معلومات عني".  
  2. حدد الحساب الذي تستخدمه لقناتك في YouTube في الجزء العلوي الأيسر. قد تحتاج إلى النقر على كل حسابات العلامة التجارية إذا لم يكن حسابك مدرجًا في القائمة. 
  3. ابحث عن عنوان URL المخّصص الحالي أسفل "المواقع" وانقر على "تعديل" .
  4. إلى جانب عنوان URL الذي تريد إزالته، انقر على X‏.
  5. انقر على موافق.
إذا كنت مؤهلاً، يمكنك المطالبة بعنوان URL مخصص جديد مباشرةً بعد إزالته، ولكن قد يستمر عنوان URL المخصص السابق في توجيه المستخدمين إلى قناتك لبضعة أيام. 
لا يمكنك المطالبة بعنوان URL مخصص جديد من الصفحة "معلومات عني". إذا أردت المطالبة بعنوان URL مخصص جديد، يجب استيفاء متطلبات الأهلية العامة واتباع الخطوات الواردة أعلاه.

صفحات المصادر






الشرح فيديو




 


الشرح المصور قريبا


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
















الرجاء عدم نقل الموضوع بدون ذكر المصدر ورابطه







http://khebrabelfetra.blogspot.com/



الجمعة، 2 أكتوبر 2015

✔ مجو تعليق

النشر التلقائي لمواضيعك على الفيس بوك مع Rss Graffiti

القسم :Facebookالكاتب :
facebook Auto post
أغلب المدونات لديها صفحة على الفيس بوك ولكن يصعب الإنتقال لنشر كل موضوع فهذا يأخذ وقت أو قد ينسى المدون فعل ذلك فلا يصل للمتابعون جديد المواضيع لذا الحل في أن نجعل امر النشر تلقائي أنت تكتب الموضوع ويتولى النشر شئ آخر هناك مواقع متخصصة في هذا المجال لكن أفضل إستخدام خدمة تعود للفيس بوك بحيث لا نكون خرجنا عن إطاره وأيضا لا نشغل أنفسنا بعمل عضوية جديدة في تلك المواقع وهناك عدة تطبيقات على الفيس بوك لآداء تلك المهمة أشهرها تطبيق  Rss Graffiti
وسنقوم بشرح إعداد التطبيق من الألف الى الياء


أولا نذهب الي التطبيق من هنـــا




 

إضافة رابط الخلاصات وإعداده

نضغط على ADD NEW الخاص برابط الخلاصات
ثم نطبق التالي

للحصول على رابط خلاصات مدونتك فقط غير رابط مدونتنا برابط مدونتك في الكود التالي

http://cnmu.blogspot.com/feeds/posts/default


هكذا إنتهينا من إعداد الخلاصات بقي إعداد الصفحة نضغط على ADD New الخاصة بالصفحات


http://cnmu.blogspot.com/2013/01/Rss-Graffiti.html

الأحد، 20 سبتمبر 2015

✔ مجو تعليق


دعم شباب  ::  :: 
كيف تجعل جوجل يثق بموقعك ويظهر روابط اقسام الموقع في نتائج البحث بشكل اسرع ؟
THE QM
إدارة الموقع
 
المشاركات: 7657
القسم المفضل: تطوير المواقع
سجل في: 13/06/2008
النقاط: 22
موضوع: كيف تجعل جوجل يثق بموقعك ويظهر روابط اقسام الموقع في نتائج البحث بشكل اسرع ؟


اقسام موقع ،ثقة جوجل،اضافة،موقع،بحث،شهرة،اشهار

صورة من البحث عن منتدانا

دعم شباب في نتائج بحث جوجل

كيف تجعل جوجل يثق بموقعك ويظهر روابط اقسام الموقع في نتائج البحث بشكل اسرع

1.النقطة الاولى والاهم ان يكون هناك محتوى كثير الزيارة ومميز في موقعك.
2.ان تكون وصلات موقعك بسيطة (غير مكتوبة بxtml )
3.ان تكون اضفة موقعك لمحرك البحث جوجل
4.ان تكون مشترك في ادوات مطوري المواقع
5.تكرار اسم موقعك في الصفحات الداخلية للموقع
الاخذ بهذه النصائح سيعجل من اعتناء جوجل بموقعك وظهور الوصلات التي تميز موقعك عن باقي نتائج البحث
وهي تمثل كان يقول جوجل للباحث هذه افضل نتيجة
الى اللقاء ان شاء الله في موضوع قادم مفيد ومميز
المصدر

الأربعاء، 29 يوليو 2015

✔ مجو تعليق

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

الكاتب Abdessamad Chbani | بتاريخ 1/13/2015
كيفية إضافة زر تويتر على النص المحدد في البلوجر
المواقع الأجتماعية هي واحدة من افضل الطرق لزيادة عدد الزوار اليومي على موقعك الخاص ،  و هناك العديد من المواقع و المدونات التي تحصل على الالاف من الزيادة من على هذه المواقع الاجتماعية مما يجعلها تكسب شهرة كبيرة في بضعة أشهر ، و من هنا ستكون قادر على كسب عدد كبير من الزوار لمدونتك في وقت وجيز و بدون مقابل .
التويتر من المواقع الاجتماعية الأكثر شعبية و الذي يستخدم بشكل واسع على الأنترنت ، بحيث يستخدمه الملايين في اليوم  لأغراض مختلفة ، لذلك يمكننا الحصول على على بعض الفوائد منه . و من هنا سنتطرق الى موضوع جميل و هو اضافة زر غرد لتويتر على النص المحدد في منصة التدوين البلوجر .
 كيفية إضافة زر تويتر على النص المحدد في البلوجر
  • نتوجه الى مدونة البلوجر 
  • ثم قالب ثم تحرير HTML
  • ثم ابحث عن الكود الثالي (استعمل CTRL+F)


</head>


  • ضع الكود الثالي من فوق الكود السابق

<style>
.SBTTweet {
display:none;
top:0;
background:#333;
color:#f16786;
width:40px;
height:32px;
position:absolute;
margin-left:-20px;
opacity:0;
filter:alpha(opacity=0);
z-index:99;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease;
transition:all .3s ease-in-out;
}
.SBTTweet span {
position:absolute;
content:" ";
border:solid rgba(0,0,0,0);
height:0;
width:0;
top:100%;
border-top-color:#333;
left:50%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease;
transition:all .3s ease-in-out;
border-width:7px;
margin:0 0 0 -7px;
}
.SBTTweet a {
color:#f16786;
}
.SBTTweet:hover {
background:#5EA9DD;
}
.SBTTweet:hover span {
border-top-color:#5EA9DD;
}
.SBTtipContainer {
position:relative;

display:block;
width:100%;
height:100%;
top:0;
left:0;
}
.SBTtipContainer a {
width:100%;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-2_7t3ZAcR-olF1413etZcv_6WXj35uiWRrBPFZv3avinor6im7mDZtV3PtPK1gVnF_30B-uQBRJvqxKnjFj_wtsS-1NhR7jhBbZwVKGVNoma9oA_MXLGvikyK7Pi37Cr5RLZT95xG1o/s1600/sbt-tweet.png) 0 0 no-repeat;
left:0;
top:0;
height:100%;
text-decoration:none;
display:block;
padding:0;
}
.sharingLink {
display:block;
position:absolute;
text-indent:-9999px;
}
</style>
<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function() {
textToShare = '';
$(document).mousemove(function(m) {
generateTooltipPosition();
});
});
$(document).mouseup(function() {
$(document).mousemove(function(m) {
generateTooltipPosition()
});
var textToShare = getTextToShare();
var SBTTweet = document.getElementById("SBTTweet");
if (textToShare != '') showMeTooltip();
});
$(document).click(function() {
var textToShare = getTextToShare();
var tooltipTitle = null;
var newTooltipTitle = $("#SBTTweet").attr("title");
if (newTooltipTitle == "") return;
if (newTooltipTitle !== tooltipTitle) $('#SBTTweet').animate({
opacity: 0
}, 30);
if (textToShare != "") showMeTooltip();
});
$(window).resize(function() {
if ($('#SBTTweet').show()) {
$('#SBTTweet').animate({
opacity: 0
}, 30);
}
});
function showMeTooltip() {
var pageURL = window.location.toString();
var twitterLink = "https://twitter.com/intent/tweet?text=" + getTextToShare() + "&via=" + mytwitterAccount + "&url=" + pageURL;
$('#SBTTweet').show();
$('#SBTTweet').animate({
opacity: 1
}, 30);
$('#sendToTwitter').attr('href', twitterLink);
}
function getTextToShare() {
shareTxt = '';
if (window.getSelection) {
shareTxt = window.getSelection();
generateTooltipPosition();
} else if (document.getSelection) {
shareTxt = document.getSelection();
generateTooltipPosition();
}
return shareTxt;
}
function generateTooltipPosition() {
var selection = window.getSelection && window.getSelection();
if (selection && selection.rangeCount > 0) {
range = selection.getRangeAt(0);
pos = $(window).scrollTop();
selection_text = selection.toString(), rect = range.getBoundingClientRect();
$('#SBTTweet').css({
top: (rect.top + pos - 20) - 32 + 'px',
left: rect.left + (rect.width / 2) + 'px',
});
}
}
/*]]>*/
</script>

  • ثم ابحث مرة اخرى عن الكود الثالي 


</body>

  • ضع الكود الثالي من فوق الكود السابق
<script>var mytwitterAccount = &quot;HUKMAT&quot;;</script>
    <div class='SBTTweet' id='SBTTweet'>
         <div class='SBTtipContainer'><a class='sharingLink twitter' href='' id='sendToTwitter'><span/></a></div>
     </div>
و أخيرا اضغط حفظ .
 
 
 
✔ مجو تعليق

إضافة قائمة أفقية بتقنية Css3 بخمسة الوان مختلفة لمدونات بلوجر

زوار ومتابعي المدونة
أسعد الله أوقاتكم بكل خير ومحبة 
اليوم سوف نتعرف على إضافة رائعة جدا ، وهذه الإضافة بخمسة الوان مختلفة  ، طبعاً ونحن نعلم بأن القائمة في مدونات بلوجر هي عبارة عن المنارة التي يهتدي بها الزائر إلى مواضيع المدونة . 
- طريقة تركيب الإضافة :
1- أدخل إلى مدونتك وأختر | لوحة التحكم >> تخطيط >> إضافة أداة : HTML/JavaScript
2- أضف الكود في صندوق الإضافة ثم إحفظ .
ملاحظة : تسطيع أن تضيف الإضافة في أعلى اهيدر المدونة أيضاً عن طريق إضافة الكود تحت  الوسم : <body>  مباشرة .
وهذا الأمر يرجع لك أين تحب  أن تضيف الإضافة .

1- الشكل الأول :
الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<nav id="homeblog7-nav">
<!--homeblog7.blogspot.com nav starts-->
  <a class="homeblog7-link" href="#">الرئيسية</a>
  <a class="homeblog7-link" href="#">من نحن</a>
  <a class="homeblog7-link" href="#">سياستنا</a>
  <a class="homeblog7-link" href="#">اتصل بنا</a>
  <a class="homeblog7-link" href="#">الدعم الفني</a>
<!--homeblog7.blogspot.com nav ends-->
</nav>
<style>/*homeblog7.blogspot.com designing starts*/
@import url(http://fonts.googleapis.com/css?family=Raleway);
body {
  margin: 0px;
}
nav {
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  width:100%;
}
#homeblog7-nav {
  background: #52B3D9;
}
#homeblog7-nav a { color:#fff; text-decoration:none;}
.homeblog7-link {
  transition: 0.3s ease;
  background: #52B3D9; 
  color: #ffffff;
  font-size: 20px;
  text-decoration: none; 
  border-top: 4px solid #52B3D9;
  border-bottom: 4px solid #52B3D9;
  padding: 16px 0;
  margin: 0 20px;
}
.homeblog7-link:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0;
}
/*homeblog7.blogspot.com designing ends*/</style>

2- الشكل الثاني :

الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<nav id="homeblog7-nav">
<!--homeblog7.blogspot.com nav starts-->
  <a class="homeblog7-link" href="#">الرئيسية</a>
  <a class="homeblog7-link" href="#">من نحن</a>
  <a class="homeblog7-link" href="#">سياستنا</a>
  <a class="homeblog7-link" href="#">اتصل بنا</a>
  <a class="homeblog7-link" href="#">الدعم الفني</a>
<!--homeblog7.blogspot.com  nav ends-->
</nav>
 
<style>/*homeblog7.blogspot.com designing starts*/
@import url(http://fonts.googleapis.com/css?family=Raleway);
body {
  margin: 0px;
}
nav {
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  width:100%;
}
#homeblog7-nav {
  background: #36D7B7;
}
#homeblog7-nav a { color:#fff; text-decoration:none;}
.homeblog7-link {
  transition: 0.3s ease;
  background: #36D7B7; 
  color: #ffffff;
  font-size: 20px;
  text-decoration: none; 
  border-top: 4px solid #36D7B7;
  border-bottom: 4px solid #36D7B7;
  padding: 16px 0;
  margin: 0 20px;
}
.homeblog7-link:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0;
}
/*homeblog7.blogspot.com designing ends*/</style>

3- الشكل الثالث :

الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<nav id="homeblog7-nav">
<!--homeblog7.blogspot.com nav starts-->
  <a class="homeblog7-link" href="#">الرئيسية</a>
  <a class="homeblog7-link" href="#">من نحن</a>
  <a class="homeblog7-link" href="#">سياستنا</a>
  <a class="homeblog7-link" href="#">اتصل بنا</a>
  <a class="homeblog7-link" href="#">الدعم الفني</a>
<!--homeblog7.blogspot.com nav ends-->
</nav>
<style>/*homeblog7.blogspot.com designing starts*/
@import url(http://fonts.googleapis.com/css?family=Raleway);
body {
  margin: 0px;
}
nav {
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  width:100%;
}
#homeblog7-nav {
  background: #BE90D4;
}
#homeblog7-nav a { color:#fff; text-decoration:none;}
.homeblog7-link {
  transition: 0.3s ease;
  background: #BE90D4; 
  color: #ffffff;
  font-size: 20px;
  text-decoration: none; 
  border-top: 4px solid #BE90D4;
  border-bottom: 4px solid #BE90D4;
  padding: 16px 0;
  margin: 0 20px;
}
.homeblog7-link:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0;
}
/*homeblog7.blogspot.com designing ends*/</style>

4- الشكل الرابع :

الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<nav id="homeblog7-nav">
<!--homeblog7.blogspot.com nav starts-->
  <a class="homeblog7-link" href="#">الرئيسية</a>
  <a class="homeblog7-link" href="#">من نحن</a>
  <a class="homeblog7-link" href="#">سياستنا</a>
  <a class="homeblog7-link" href="#">اتصل بنا</a>
  <a class="homeblog7-link" href="#">الدعم الفني</a>
<!--homeblog7.blogspot.com nav ends-->
</nav>
<style>/*homeblog7.blogspot.com designing starts*/
@import url(http://fonts.googleapis.com/css?family=Raleway);
body {
  margin: 0px;
}
nav {
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  width:100%;
}
#homeblog7-nav {
  background: #F89406;
}
#homeblog7-nav a { color:#fff; text-decoration:none;}
.homeblog7-link {
  transition: 0.3s ease;
  background: #F89406; 
  color: #ffffff;
  font-size: 20px;
  text-decoration: none; 
  border-top: 4px solid #F89406;
  border-bottom: 4px solid #F89406;
  padding: 16px 0;
  margin: 0 20px;
}
.homeblog7-link:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0;
}
/*homeblog7.blogspot.com designing ends*/</style>

5- الشكل الخامس :

الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<nav id="homeblog7-nav">
<!--homeblog7.blogspot.com nav starts-->
  <a class="homeblog7-link" href="#">الرئيسية</a>
  <a class="homeblog7-link" href="#">من نحن</a>
  <a class="homeblog7-link" href="#">سياستنا</a>
  <a class="homeblog7-link" href="#">اتصل بنا</a>
  <a class="homeblog7-link" href="#">الدعم الفني</a>
<!--homeblog7.blogspot.com nav ends-->
</nav>
<style>/*homeblog7.blogspot.com designing starts*/
@import url(http://fonts.googleapis.com/css?family=Raleway);
body {
  margin: 0px;
}
nav {
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  width:100%;
}
#homeblog7-nav {
  background: #BDC3C7;
}
#homeblog7-nav a { color:#fff; text-decoration:none;}
.homeblog7-link {
  transition: 0.3s ease;
  background: #BDC3C7; 
  color: #ffffff;
  font-size: 20px;
  text-decoration: none; 
  border-top: 4px solid #BDC3C7;
  border-bottom: 4px solid #BDC3C7;
  padding: 16px 0;
  margin: 0 20px;
}
.homeblog7-link:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0;
}
/*homeblog7.blogspot.com designing ends*/</style>


زيارة الموضوع الأصلي
الاشتراك في: الرسائل (Atom)