اضافة اداة 'ابحث عن الوسم' لموقعك او مدونتك تعتبر اضافة جميلة لكل مدون يستخدم الكثير من كتابة الاكواد في مواضيعه ,فهذه الاضافة تعطي شكل متمير ومنسق للموضوع,واليوم سوف نتعلم تركيب الاضافه في مدونتك او موقعك.
#tagshassoubi {
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWx2fz3GSw5az2kgFPpoOj3VKrQqjOXpgNnpGkTQA0QXlzrEpuq1FBV9aQpzoqDdNTafxXihrZj1ztu29JeuV539-tugTTa35IYHU-hgkvj_qKP96zv3lDDDyeZG_SUzOHVxuWhTo0sgSD/s1600/search-icon333.png');
background-repeat: no-repeat;
background-position: left center;
vertical-align:center;
border: 4px solid #0F77EF;
padding-left:20px;
transition:all 1.2s;
}
#tagshassoubi:hover {
color:white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:black;
transition:all 1.2s;
}
والكود التاالي هو رابط صورة يمكنك تغييرها باي رابط اخر
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWx2fz3GSw5az2kgFPpoOj3VKrQqjOXpgNnpGkTQA0QXlzrEpuq1FBV9aQpzoqDdNTafxXihrZj1ztu29JeuV539-tugTTa35IYHU-hgkvj_qKP96zv3lDDDyeZG_SUzOHVxuWhTo0sgSD/s1600/search-icon333.png
مثل
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZl8OM8NzDzKj1FmzgG9DWvdF9jOf1s-4cqzy6ro6dbqBpywQJpTKvQednfBqiFXwGXkdbg1-RCi4GfmFDRuCM_vXV_HPPCuZOn1HVrMpKKhRos8lGHQB-xm0UpJFee-yiZNmMevTIqPti/s1600/search-icon22.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CWl1A5JyeZIWpE_S9uVCrQph3YREOUu1P6Z0LxkPUZwKoyHzBip0XepUrJTNdnTUwYL70NzA2T5J_wGVU1-yoXJJHchiKDOrXhvToEqwXrDEVjHNbojg2oNMse-hhC_BFMgu-Rtsd5uM/s1600/search-icon66.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGD2tUOaEVw9j7rBTMODb8pncFIDVqQZpAwMBb_1FMvrDaavcZw6DGeCpCHUM95-0OfYLfWEzwpMVqzAmlQ4NCYq5db2pX9cC0OHX5UK1N8I6yR5jTuSwvvtUR3ECUbBTsU3kijvYdCQLE/s1600/search-icon111.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWx2fz3GSw5az2kgFPpoOj3VKrQqjOXpgNnpGkTQA0QXlzrEpuq1FBV9aQpzoqDdNTafxXihrZj1ztu29JeuV539-tugTTa35IYHU-hgkvj_qKP96zv3lDDDyeZG_SUzOHVxuWhTo0sgSD/s1600/search-icon333.png
وعند كتابة اي وسم في موضوعك تقوم بتغيير الوضع من تاليف الي وضع HTML واضافة الكود التالي
<span id="tagshassoubi"> الوسم</span>
وتحول الكتابة مره اخري الي وضع تاليف وتحدد كلمة الوسم وتلصق بدلا منها الوسم الذي تريده.
ملحوظة :-
ملحوظة :-
.بعض القوالب تقبل الاضافة وبعضها لا يقبل قم بالتجربة للتاكد من قبول قالبك للاضافة
