menu
attachment
  • الصفحة الرئيسية
  • فهرس الموقع
  • شروط الاستخدام
  • سياسة الخصوصية
  • تبادل اعلاني
  • الابلاغ عن الروابط المعطوبة
notifications
موقع الوليد نت
  • تطوير مدونات بلوجر
  • _قوالب بلوجر
  • _اضافات بلوجر
  • _دروس بلوجر
  • _قوالب بلوجر مدفوعة
  • تطوير ووردبريس
  • _قوالب ووردبريس مجانية
  • _اضافات ووردبريس
  • الربح من الانترنت
  • سكربتات مجانية
  • خدمات عامة
  • مسابقات
    10|recentpost
  • موقع الوليد نت
  • اضافات بلوجر
  • طريقة إضافة تلميحات إحترافية لروابط الخارجية في مواضيع بلوجر
‪Walid Farouk‬‏
0

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

الخميس، 3 ديسمبر 2020
share
  • ‏المشاركة في Facebook
  • ‏المشاركة في Twitter
  • ‏المشاركة على Pinterest
  • إرسال بالبريد الإلكتروني
  • كتابة مدونة حول هذه المشاركة
settings_overscan print announcement
السلام عليكم ومرحبا بكم في موقع الوليد نت 
اقدم لكم اليوم طريقة سهلة لكي تضيف شكل مميز لروابط الخارجية التي على المواضيع بشكل احترافي وجميل


يمكنك معاينة الاضافة عبر الرابط 

موقع الوليد نت

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

لأضافة رابط الخارجي 


ضع علامة صح على فتح هذا الرابط في نافذة جديدة

الان لجعل الإضافة تظهر ضع الكود التالي فوق ال </body>


<b:if cond='data:view.isPost'>
<style>
:root{
  --tooltip-background: #fff; /*لون خلفية*/
  --tooltip-color-text: #000000bf; /*لون خط الرابط*/
  --tooltip-icon-background:#eee;/*لون خلفية الأيفونة*/
} 
.tooltip-icon{position:relative}.tooltip-icon>div{position:absolute;top:-40px;right:-5px;background:var(--tooltip-background);border-radius:25px;border:1px solid #eee;width:max-content;padding:6px 20px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:all 800ms cubic-bezier(0.23,0.01,0,1);-moz-transition:all 800ms cubic-bezier(0.23,0.01,0,1);-o-transition:all 800ms cubic-bezier(0.23,0.01,0,1);transition:all 800ms cubic-bezier(0.23,0.01,0,1);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px);opacity:0;visibility:hidden}.tooltip-icon>div *{display:inline-block}.tooltip-icon>div img{width:25px;height:25px;float:left;margin-right:8px;background:var(--tooltip-icon-background);border-radius:50%;padding:4px}.tooltip-info:after{width:0;height:0;content:"";border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #c1c1c1;transition:all .5s ease-in-out;position:absolute;bottom:-8px;right:12px}.tooltip-icon>div span{color:var(--tooltip-color-text);padding-right:15px;position:relative;font-weight:600}.tooltip-icon>div span:before{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000000bf'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14' /%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;width:17px;height:17px;margin-left:5px;margin-bottom:-3px}.tooltip-icon:hover>div{visibility:visible;opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
</style>
<script type='text/javascript'>
//<![CDATA[
function smart_domain(a){if(-1<a.indexOf("://"))return-1<a.indexOf("://www.")?a.split("://www.")[1].split(".")[0]:a.split("://")[1].split(".")[0]}function extractHostname(a){var b;return b=-1<a.indexOf("//")?a.split("/")[2]:a.split("/")[0],b=b.split(":")[0],b=b.split("?")[0],b}$(document).ready(function(){$(".post-body a[target=\"_blank\"]").each(function(){var a=$(this).attr("href"),b=extractHostname(a);b=b.split("."),b=b.slice(-2).join(".");var c="<div class=\"tooltip-info\"><span>"+b+"</span><img src=\"https://cdn.statically.io/favicons/"+extractHostname(a)+"\" width=\"40\" height=\"40\"  alt=\""+smart_domain(a)+"\" ></div>";$(this).addClass("tooltip-icon").append(c)})});
//]]>
</script>
</b:if>


Share This
clear
  • الكاتب ‪Walid Farouk‬‏
    ‪Walid Farouk‬‏
    اهتم بما هو جديد في عالم الانترنت
  • آخر تحديث: ديسمبر 03, 2020
اضافات بلوجر

add_comment ليست هناك تعليقات:

إرسال تعليق

مواقع ندعمها

  • #ايجي بوكـ
  • #كوكب المحترفين
  • #بوابة الامبراطور
  • #خالد تك Khaled Tech
  • #ميجا بلس
  • #طارق أحمد | Tarek Ahmed
  • #متحف التقنيات
  • #سطور البرمجية
  • #موهوب تقنية
  • #ضع موقعك هنا

مشاركة مميزة

افضل موقع للربح من رفع الملفات Mega4Up 2021

المشاركات الشائعة

  • تحميل قالب سكويز النسخة المدفوعة مجانا حصريا من موقع الوليد نت
  • تحميل قالب فلامينغو - Flamingo
  • تحميل قالب ناز NazV2.1.1 المدفوع مجانا
  • اضافة هيدر يعرض معلومات المباريات لمدونات البث المباشر
  • تحميل قالب ماج برو - قالب بلوجر عصري للمجلات مجانا

تابعنا على فيسبوك

‏موقع الوليد نت‏

المتابعون

الإشتراك في القناة

الاقسام

  • اضافات بلوجر
  • اضافات ووردبريس
  • الربح من الانترنت
  • خدمات عامة
  • دروس بلوجر
  • سكربتات مجانية
  • قوالب بلوجر
  • قوالب بلوجر مدفوعة
  • قوالب ووردبريس مجانية
  • مسابقات
  • facebook
  • youtube
  • twitter
attachment
  • الصفحة الرئيسية
  • شروط الاستخدام
  • سياسة الخصوصية
  • تبادل اعلاني
  • facebook
  • youtube
  • twitter
  • pinterest

الحصول على إشعارات عبر البريد الإلكتروني

عن الموقع موقع الوليد نت

للربح من الانترنت وتطوير مدونات بلوجر وتحميل قوالب بلوجر وقوالب ووردبريس

صفحات مفيدة

  • الابلاغ عن الروابط المعطوبة
  • أداة ضغط أكواد CSS
  • أداة تحويل الاكواد
  • اداة تشفير اكواد

اقسام الموقع

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

  • facebook
  • youtube
  • twitter
موقع الوليد نت