اضافة اداة التبادل الاعلاني النصي بشكل انيق جدا

اهلا بالجميع

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

تستطيع الدخول اليه من الرابط : اداة التبادل الاعلاني الصوري للبلوجر

سنتكلم اليوم حول اداة التبادل الاعلاني النصي 
حيث الاداة التي سنذكرها اليوم هي اداة للتبادل الاعلاني النصي لمدونات البلوجر من تصميم موقع اجنبي والتي قام بالتعديل موقع جزائري ويب لتناسب المدونات العربية .

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

طريقة تركيب الاداة سهلة جدا فقط اتبع الخطوات :

إنتقل إلى القالب الخاص بك وإضغط تحرير ثم ضع الكود التالي فوق
</head>

<style> .LinkList h2::before {content: &quot;\f005&quot; !important;} .LinkList ul { list-style: outside none none; margin: 0; padding: 0;} .LinkList li a { border-left: 3px solid #DCDCDC; background-color: #E7E7E7; box-shadow: 0 1px 0 4px #fff; color: #2D3E50; display: block; float: right; height: 40px; line-height: 40px; margin-bottom: 5px; text-align: center; width: 316px;text-decoration: none;} .LinkList li a:before { content: &#39;\f127&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; right: 0;float: right;color: #FFF; background: #456B8E; padding-left: 7px; padding-right: 7px;transition: all 0.3s linear; } .LinkList li a:hover { background-color: #F74047;color:#fff;} .LinkList li a:after { content: &#39;&#39;; margin-top: 10px; border: 10px solid transparent; border-right-color: #456B8E; float: right;} .LinkList li a:hover:before{padding-left: 17px; padding-right: 17px;transition: all 0.3s linear;content: &#39;\f105&#39;;font-family: FontAwesome;} </style>

داخل التخطيط إختر HTML/JavaScript
ثم ألصق الكود التالي داخلها

<ul><div class='widget LinkList' style='list-style: none;' id='LinkList1'> 

<li><a href="https://andro95.blogspot.com/" target="_blank">متجر الاندرويد</a></li> 

<li><a href="#" target="_blank">مدونة اللامي</a></li>

<li><a href="#" rel="Nofollow" target="_blank">مدونة اللامي</a></li> 

<li><a href="#" target="_blank">مدونة اللامي</a></li>
<li><a href="#" target="_blank">مدونة اللامي</a></li>

<li><a href="http://www.mustafa1.com/p/blog-page_53.html" style="background:#F74047;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> 

</div></ul><div class="clear"></div>

ثم غير الروابط بما يناسبك .

شارك الموضوع ..