Putting an ADD TO FAVORITES button on your page


It's always better to make your visitor add your page to the
"Favorites" folder so that he or she can come back to your site
in future. I myself bookmark pages I find useful. Not everybody
knows that press CTRL+D does the job, and not everybody feels
motivated enough all the time to first go to "Favorites" in the
menu and do the task.

The code below gives you an option to put the "Add To Favorites"
on your page, so the user has to just click it in order to
bookmark the page.



Untitled< itle><br/></head><br/><body><br/><form><br/><input type"button" value"Add To Favorites"<br/>onClick"javascript:window.external.AddFavorite('http://www.bytes<br/>worth.com', 'Bytesworth Internet Marketing Solutions');"><br/></form><br/><br/></body><br/></html><br/><br/>The code has information about my web site, but you can easily<br/>replace it with yours.<br/><br/><p> About the Author <p>Amrit Hallan is a freelance web designer. For all web site<br/>development and web promotion needs, you can get in touch with<br/>him at http://www.bytesworth.com. For more such articles,<br/>visit http://www.bytesworth.com/articles and<br/>http://www.bytesworth.com/learn You can subscribe to his<br/>newsletter [BYTESWORTH REACHOUT] on Web Designing Tips & Tricks<br/>by sending a blank email at bytesworth-subscribe@topica.com</div><div class="panel panel-default" style="padding: 10px 10px 10px 10px;"><a class="btn btn-outline-primary btn-sm" href="/on/development/">development</a> <a class="btn btn-outline-primary btn-sm" href="/on/bookmark/">bookmark</a> <a class="btn btn-outline-primary btn-sm" href="/on/code/">code</a> <a class="btn btn-outline-primary btn-sm" href="/on/everybody/">everybody</a> <a class="btn btn-outline-primary btn-sm" href="/on/itaposs/">itaposs</a> </div> </div> </div> <!-- /#page-content-wrapper --> </div> <!-- /#wrapper --> <footer class="footer"> <div class="container-fluid text-right"> <p class="text-muted"><i class="fa fa-copyright" aria-hidden="true"></i> <a href="http://ondapc.com/" target="_blank">ondapc</a> project 2024</p> </div> </footer> <!-- CONTACT US --> <div class="modal" id="contact"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"><i class="far fa-envelope"></i> Contact Me</h4> <button type="button" class="close" data-dismiss="modal"><i class="fa fa-times"></i></button> </div> <div class="modal-body"> <form id="contactar" name="contactar" method="post"> <input type="hidden" name="token" value="0f83b1a020207f39b769ed9fd1745124"> <input type="hidden" name="captcha" value=""> <div class="form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-user"></i></span> <input class="form-control" id="name" name="name" placeholder="Your Name" required="required" value="" type="text"> </div> </div> <div class="form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="far fa-envelope"></i></span> <input class="form-control" id="email" name="email" placeholder="Email" required="required" value="" type="email"> </div> </div> <div class="form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-edit"></i></span> <textarea name="message" id="message" class="form-control" rows="9" cols="25" placeholder="Write a message" required="required"></textarea> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary">Send <i class="fas fa-chevron-right"></i></button> </div> </div> </div> </div> <div id="contact" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><i class="fa fa-times"></i></button> <h4 class="modal-title"><i class="fa fa-envelope-o"></i> Contact Me</h4> </div> <div class="modal-body"> </div> </div> </div> <script> $(function(){ $('#contactar').on('submit', function(e){ e.preventDefault(); $.ajax({ url: '/contactx/', type: 'POST', data: $('#contactar').serialize(), success: function(data){ $('#contactar')[0].reset(); $("#contact-success").append('<span><i class="fa fa-check"></i> Message Sent!</span>'); } }); }); }); </script> <!-- Bootstrap core JavaScript --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Menu Toggle Script --> <script> $("#menu-toggle").click(function(e) { e.preventDefault(); $("#wrapper").toggleClass("toggled"); }); </script> </body> </html> <!-- CACHE cdcde04996085355aec53321cd4ba8b6 2024-04-27 16:40:45 -->