Are you looking to add some boosters to your online presence in 2024? Look no further! Incorporating website widgets into your site is the secret ingredient for a dynamic and user-friendly experience. These handy tools can elevate your website to new heights, providing your visitors with an array of functionalities that keep them engaged and coming back for more.
A website widget is any element that you add to your website using HTML or JavaScript code in order to enhance the functionality of your site without having to code the feature from scratch. By pasting a snippet of code to your site, you’re able to utilize existing software to make your website more engaging and successful.
A widget is a small functional block that is displayed on all pages of a website and is always in the users’ field of view, making them perfect for posting important information and notifications. For example, on the website of a travel agency, a local weather widget will definitely come in handy. With a widget in place, users don’t have to jump through any hoops to get weather forecasts online.
If you’re dealing with customers, you may want to add an online technical support chat widget to your site. There is nothing better than adding a special widget that will not only be aesthetically pleasing but will also allow people to contact support managers and quickly solve any problem. Many widgets offer complex functionality that greatly simplifies the website’s operation and the work of the people who serve it.
There are many different types of website widgets out there. Widgets can be used to add design elements to a page, improve usability and functionality, and integrate third-party tools and applications. Using a tool like Duda’s custom widget builder, you can even create your own.
If you’re looking for website widgets, you’re in the right place.
PHP Code to integrate our Feed
The below PHP Code will help you to integrate our Feeds to your platform. Depending upon the Categories you like, add those Feed URLs to the $url array in below Code. Here you can Add 1 or n numbers of Feed URLs.
Demo https://jharaphula.com/demo.php
For a demo purpose here I added feeds urls like Our Timeline, Healthcare News, Business Radar, Tips for Women, Love and Dating, Digital Marketing Solutions and Fashion.
<?php $feedurls
= array("https://jharaphula.com/feed/",
"https://jharaphula.com/category/miscellaneous/feed/",
"https://jharaphula.com/category/computer-digitalization/feed/",
"https://jharaphula.com/category/health-care-news/feed/",
"https://jharaphula.com/category/business-radar/feed/",
"https://jharaphula.com/category/blog/feed/",
"https://jharaphula.com/category/guide-for-travel-tourism/feed/",
"https://jharaphula.com/category/career-job-seekers/feed/",
"https://jharaphula.com/category/financial-help/feed/",
"https://jharaphula.com/category/tips-for-women/feed/",
"https://jharaphula.com/category/heatlh-related-tips/feed/",
"https://jharaphula.com/category/digital-marketing-solutions/feed/",
"https://jharaphula.com/category/hair-care-solutions/feed/",
"https://jharaphula.com/category/health-care-news/skin-care-tips/feed/",
"https://jharaphula.com/category/tourism-in-india/feed/");
shuffle($feedurls); $rss_feed
= simplexml_load_file($feedurls[0]);
?>
<div id="onestopshop"><?php
if
(! empty($rss_feed)) { $i
= 0;
foreach
($rss_feed->channel->item as
$feed_item) { if
($i
>= 32) break; ?>
<div class="osclearfix"><div class="entryimg">
<a href="<?php echo $feed_item->link; ?>"><?php echo
array_slice(explode('<p>', $feed_item->description), 0, 20)[0] ?></a>
</div><div>
<div class="entrytitle"><a href="<?php echo $feed_item->link; ?>"><?php echo
$feed_item->title; ?></a></div>
<div class="entrydescrip"><?php echo
array_slice(explode('<p>', $feed_item->description), 0, 20)[1] ?></div>
</div></div>
<?php $i
++; }}?></div>
* In Widgets the links pointing to the Articles are Google Adsense friendly. Family Safe.
PHP widgets for websites Can Customized using CSS
To made Customization easier here we are with 3 CSS Classes “entryimg”, “entrytitle” and “entrydescrip”. #onestopshop Class stands for the primary div. entrytitle and entrydescrip used for Posts Title and Description look n feel.
#onestopshop{overflow-y:scroll;border:1px
solid
gray;
padding:10px;height:520px;width:calc(100%
- 21px)}
.entrytitle{font-size:20px;line-height:1.3;
margin-bottom:4px}.entrydescrip{font-size:16px;color:#000;
line-height:1.4;margin-bottom:6px}.osclearfix{clear:both;}
.entryimg{float:left;margin-right:8px;}
Keep noted these Widgets are 100% resposive across any devices independent of resolution.