Weebly is a content management system (CMS) with drag and drop editor as its core selling feature. The drag and drop editor provide widgets for almost any type of content type (title, paragraph, image, video and many more). Weebly also provides the functionality to create a blog page with drag and drop enabled post editor. By default, the blog posts in Weebly are displayed on top of each other. In this tutorial, we will learn how to convert Weebly blog to multi column layout (2 columns or 3 columns) using a Weebly App (PRO) named as Post Columns.forward
Weebly Will No Longer Accept New App Submissions in Weebly App Center
In a recent post Weebly has announced an important update regarding Weebly App Center. According to the post, Weebly will no longer accept new app submissions in Weebly App Center as of February 28, 2020. However, already approved and active Weebly apps will still be available for Weebly users in the Weebly App Center. The developers will be able to submit the new versions of the apps to fix bugs and to enhance the overall functionality of the already approved apps.forward
How to show youtube and vimeo videos in lightbox in Weebly website
In this post we will discuss how to show youtube and vimeo videos in lightbox in weebly website. Weebly provides an easy to use interface to create websites using drag drop widgets and apps. This is the core selling feature of Weebly that even a user without any coding skills can create a beautiful and professional looking website.forward
How to Earn Money From Weebly Blog or Website
Codo Cards Free Weebly Widgets
How to Add SEO Optimized Heading Tags in Weebly Website
One limitation of Weebly in terms of search engine optimization is that you can’t add heading tags (H1-H6) including your main keywords. Adding keywords rich heading tags in weebly pages or blog posts is necessary for search engine optimization (SEO). SEO Headlines: SEO Headlines gives user the ability to add html heading tags (H1 - H6) in weebly website to improve search engine optimization.After configuring the settings for your heading, you can generate the code by clicking Generate Code button. Just copy this code and paste it in your weebly website by using the Embed Code element of Weebly....
How to add sidebar in weebly website
By default Weebly gives a full width main content area to drag and drop elements to build pages. But in this tutorial we will learn how to add sidebar in weebly website. We will divide the main content area to 2 columns (main content + left sidebar and main content + right sidebar). We will create a new header type for sidebar and we can use this newly created header type (Left SideBar or Right Sidebar) to any number of pages. The main content area will use 70% of the width and sidebar will use 30% of the width. Any...
jQuery Plugin to Create Multi Column Blog Layout in Weebly Website
Supercharge your weebly blog with multi column blog layout plugin, which automatically converts your weebly blog into multi column blog layout. You will get 2 code files : one for 2 column blog layout and one for 3 column blog layout. Just copy the code inside Settings - SEO - Footer code and publish the website to see the results. Buy now Features: Convert your blog posts to 2 columns or 3 columns layout Card style blog posts with background color, shadow color and border color 100% responsive. Blog posts convert to 1 column (to cover full width) in mobile...
Add Full Screen Image Slider in Weebly Website
This tutorial demonstrates how to add full screen image slider in weebly website. Any Weebly element can be dragged and dropped over slide images. Full Screen Image Slider covers all width and height of the screen and is fully responsive (i.e adjust correctly on all devices). Live Demo add_full_screen_slider_in_weebly_website.txt File Size: 3 kb File Type: txt Download File ...
Remove Weebly Footer and Add Custom Drag Drop Footer in Weebly Website
In free version websites weebly adds their own footer which says "Create Free Website with Weebly". This tutorial demonstrates how to remove weebly footer and replace it with custom drag and drop enabled footer in weebly website. To Remove Weebly Footer: Inside your header type files (i.e .html files), see which div is for footer and add following style code in that div: style="display:none;" Code Screenshot: Please Note: Make sure to edit / add these codes in all header types (i.e in all .html files)....