اكواد ادوات بلوجر

المستقل
0

 لإضافة وتخصيص أدوات في منصة بلوجر، يمكنك استخدام أكواد HTML/JavaScript و CSS في قالب مدونتك. إليك بعض الأمثلة على أكواد تستخدم لإضافة بعض الأدوات الشائعة:

1. إضافة صندوق البحث:

<!-- HTML -->

<div id="search-box">

  <input type="text" id="search-input" placeholder="Search...">

  <button onclick="searchFunction()">Search</button>

</div>


<!-- JavaScript -->

<script>

  function searchFunction() {

    var searchTerm = document.getElementById("search-input").value;

    window.location.href = "https://www.google.com/search?q=" + searchTerm + "+site:yourblog.blogspot.com";

  }

</script>


<!-- CSS -->

<style>

  #search-box {

    text-align: center;

    margin: 10px;

  }

  #search-input {

    padding: 5px;

  }

</style>

2. إضافة أزرار وسائل التواصل الاجتماعي:

<!-- HTML -->

<div id="social-icons">

  <a href="https://facebook.com/yourpage" target="_blank"><img src="facebook-icon.png" alt="Facebook"></a>

  <a href="https://twitter.com/yourhandle" target="_blank"><img src="twitter-icon.png" alt="Twitter"></a>

  <a href="https://instagram.com/youraccount" target="_blank"><img src="instagram-icon.png" alt="Instagram"></a>

</div>


<!-- CSS -->

<style>

  #social-icons {

    text-align: center;

    margin: 10px;

  }

  #social-icons img {

    width: 30px;

    height: 30px;

    margin: 5px;

  }

</style>

3. إضافة علامة البريد الإلكتروني:

<!-- HTML -->

<div id="email-signup">

  <label for="email">Subscribe to our Newsletter:</label>

  <input type="email" id="email" name="email" placeholder="Your email...">

  <button onclick="subscribeFunction()">Subscribe</button>

</div>


<!-- JavaScript -->

<script>

  function subscribeFunction() {

    var emailAddress = document.getElementById("email").value;

    alert("Subscribed with email: " + emailAddress);

    // يمكنك إضافة رمز للتواصل مع خدمة البريد الإلكتروني الخاصة بك هنا.

  }

</script>


<!-- CSS -->

<style>

  #email-signup {

    text-align: center;

    margin: 10px;

  }

  #email {

    padding: 5px;

  }

</style>

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

إرسال تعليق

0تعليقات

إرسال تعليق (0)

#buttons=(! موافق) #days=(20)

يستخدم موقعنا ملفات تعريف الارتباط لتعزيز تجربتك.زيارة الموقع
Ok, Go it!