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
Tag: weebly tutorials
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)....
How to Add Custom Option in Weebly Theme
Custom option in weebly theme gives admin the flexibility to choose and define different options for your theme. For example if you want to give theme user the ability to change background color of navigation menu then you can add custom option in weebly theme so that the user can easily define / change background color of navigation menu without editing the code. In this blog post we will define a custom option in weebly theme so that the user can make Logo and Navigation Menu either Block or Inline. If Block option is selected then logo and navigation menu...