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

In this post we'll discuss various methods to earn money from weebly blog or website. If you already have a weebly blog or website then you are ready to start earning money from weebly blog by following the methods discussed below. But if you don't have a weebly blog / website yet, then you can follow this blog post to learn how to create a free website with Weebly. "With Weebly’s drag and drop website builder, integrated eCommerce platform and responsive themes you can build a professional website without any technical experience. Over 40 million people around the world have already...
forward

Codo Cards Free Weebly Widgets

Codo Cards free Weebly widgets include many paper-like cards e.g Simple Card, Content Card, Image Card, Team Card, Author Card, etc. These widgets give a user the ability to design and configure widget settings using Settings Panel. Finally you can click generate code button, to get the code ready to be used in the Weebly website by using the Embed Code element of Weebly. Simple Card Widget – Free Weebly Widgets Codo Simple Card widget gives a user the ability to create and design paper like card with text. This card widget can be used in Weebly website to present the...
forward

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....
forward

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...
forward

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...
forward

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  ...
forward

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)....
forward

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...
forward

Add Sections and Customizable Header Layouts to older weebly themes – Weebly Tutorials

With weebly 4 we have new design elements like sections, section layouts and customizable header layouts which gives the functionality to build even more attractive and professional weebly websites. With these new design elements we can add video backgrounds (Pro Members only), parallax sections, team sections, menu sections, call out sections, image headers, video headers and many other pre-built customizable layouts. In this post we will discuss how to add sections and customizable header layouts to older weebly themes. Weebly explains: Sections: Transform your site with stackable, independent sections you can use to create entirely new designs, including parallax and reveal effects....
forward