# rahmanzeb.com > Rahman Zeb's Portfolio & Blog ## Posts - [How to add typing text effect in Google Sites](https://rahmanzeb.com/how-to-add-typing-text-effect-in-google-sites/): Typing text effect is used in a lot of modern looking websites and it really catches user attention. I personally love it and I thought it would be a good idea to somehow implement this typing text effect in google sites. Since I know most of the google sites users are not expert in coding and are looking for easy solutions that’s why I’ll do my best to keep things easy to follow and easy to implement. So here is how you can achieve this typing text effect in google sites: There are two ways to implement the typing text... - [Top 3 Custom Forms you can use in Google sites instead of google forms for free](https://rahmanzeb.com/top-3-forms-you-can-use-in-google-sites-instead-of-google-forms-for-free/): If you are like looking for custom forms for Google Sites and you don’t like the look and feel of Google forms and wanted to use some good looking forms instead, then you have come to the right place because I am going to share some third party forms that I used personally and I loved using these forms in Google sites. 3rd Party Forms for Google Sites Jotform Jotform is a San Francisco based online form building company. JotForm is in the form building business since 2006 so they have a lot of experience in online form building. What... - [Add click to chat on WhatsApp & facebook buttons or links in google sites](https://rahmanzeb.com/add-click-to-chat-on-whatsapp-facebook-buttons-links-in-google-sites/): Learn How to add click to chat on WhatsApp & click to chat on facebook messenger buttons to google sites. I am going to add it in Google Sites but you can add it in any website or content management systems like WordPress, Joomla, Shopify etc. No special knowledge is required. If you know a little bit HTML you would be able to do it quite easily OR watch my youtube video and do as I do it in the video. Video is attached to this post at the bottom. Just upload the button image or select the text in... - [How to add video background in Google Sites](https://rahmanzeb.com/how-to-add-video-background-in-google-sites/): In this short tutorial I’ll show you how to add video background in Google sites. When you try to click on the change image or upload image button you’ll be able to select only image formats like jpeg, png and gif. When you try to select an mp4 or similar video format you won’t be able to do so. Now you might be thinking if I am not able to upload a video then How am I going to get the video background. The simple answer is GIF. GIF is an image file format that supports animation and before uploading... - [Make an image scroll from top to bottom on hover](https://rahmanzeb.com/make-an-image-scroll-from-top-to-bottom-on-hover/): Image Scroll on hover Demo In this tutorial I’ll be explaining in detail how to make an image scroll from top to bottom on hover using only CSS. I’ll first create a div and give it a class of image-wrap or you can give it any class you think is better. Inside that I am going to put an a tag or link tag and then I’ll put my img tag inside the link tag. Then I’ll apply the following CSS code to achieve the image scroll from top to bottom on hover. If you are familiar with CSS and... - [See the XML sitemap in Yoast SEO gives a 404 error](https://rahmanzeb.com/see-the-xml-sitemap-in-yoast-seo-gives-a-404-error/): If you are tying to access the sitemap in Yoast SEO and getting the following error. Not Found The requested URL was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. Then the main reason for this error is that you have plain selected in the permalink settings. Just select post name in the settings and it will fix your problem straight away. - [How to add click to Call button in google sites](https://rahmanzeb.com/how-to-add-click-to-call-button-in-google-sites/): In this tutorial I’ll show you how to add click to Call Us button to google sites which is normally not possible. You have to add a valid link like https://google.com etc or select the inner pages only that you created for your google site. It does not accept something like tel:+9223456789112 so you can’t add a beautiful looking icon or button and even if you add a link or button via the embed it will not look good or won’t be responsive. So we have found a way of adding a click to call button to the new google... - [How to create a ZigZag border in CSS](https://rahmanzeb.com/how-to-create-a-zigzag-border-in-css/): Creating a zigzag border with CSS is quite easy and we can achieve it just by using CSS3 property linear-gradient only and not an image. So here is how to create a zigzag border with CSS only. Create a zigzag border with CSS Demo code - [How to create a ZigZag backgound in CSS](https://rahmanzeb.com/how-to-create-a-zigzag-backgound-in-css/): If you are looking for how to create a zigzag background in CSS (Cascading Stylesheets) without using any image/images then the following tutorial is for you. We’ll use CSS Gradients to create a zigzag background. CSS ZigZag Background Demo CSS ZigZag Background CSS ZigZag Background Demo Code In the code mentioned above we used linear-gradient to achieve the zigzag background effect without using any images. We simply used linear-gradient as a background to achieve the zigzag background effect. Just play with and if you have any problems kindly ask me in the comments below and I’ll do my best to... - [How to create striped background in CSS](https://rahmanzeb.com/how-to-create-striped-background-in-css/): Striped background is quite easy to do in CSS, especially nowadays as browsers have a good support for CSS-Gradients these days. Here is how to create a striped background in CSS only and not using an image. Just create a section in HTML with an id or class and target it in CSS by the id or class you gave it and apply the following CSS property on it. CSS Striped Background Here we use repeating-linear-gradient to achieve the striped background and we use 135deg for the angle and then we starts with a color #ccc and then we stop... - [how to enforce https on bluehost](https://rahmanzeb.com/how-to-enforce-https-on-bluehost/): Here is a detailed guide about how to enforce https on bluehost log into your bluehost and access the redirects in the Domains section Set Type to Permanent (301) Next to http://(www.)? choose the domain name you are working with Next to redirects to, enter your website’s url using the Shared SSL Certificate I recommend having Redirect with or without www selected, as this will force the users to use SSL whether they use domain.com or www.domain.com Make sure Wild Card Redirect is selected Click Add this redirect Congratulations! you are done but it can take sometime for the changes to appear, so wait for few minutes or few hours before you... - [How to add an image slider or Carousel in new Google Sites](https://rahmanzeb.com/how-to-add-an-image-slider-or-carousel-in-new-google-sites/): Live Demo As of March 2019 Google has now officially added image carousel support to the new google sites and you would be able to easily add slideshow to your site via that unless you want something more customizable. In this tutorial I’ll show you how to add an image slider or carousel in new Google Sites. I am a freelancer and most of my clients asked me to add one to their site. I thought there would be many others who want the same but don’t know how to add it so Let’s get started. Slick Carousel There are... - [Make featured image appear before title on blog page in Genesis](https://rahmanzeb.com/make-featured-image-appear-before-title-blog-page-genesis/): If you somehow came across a situation where you wanted to make featured image appear before title on blog page in the Genesis framework WordPress then the following code is gonna help you do that. Just add the following code to your functions.php file in child theme and you are done. Add this to your functions.php - [How to add a favicon to a Joomla template?](https://rahmanzeb.com/add-favicon-joomla-template/): Below is a step by step guide about how to add a favicon to a Joomla template. Step 1: Let’s assume you Joomla template doesn’t have a favicon and you are going to add a new one. First go to your Joomla template folder which is normally located inside your templates folders in Joomla and upload your favicon. Joomla_root_directory->Template_Name->favicon.ico After uploading the favicon you need to update your template_Details.xml file which is also located in the root directory of your template and let it know to include the new file i.e. favicon.ico by adding a new line <filename>favicon.ico</filename> as shown... - [How to make mailchimp's popup window appear with a click only?](https://rahmanzeb.com/how-to-make-mailchimps-popup-window-appear-with-click-only/): Here is a step by step tutorial about how to make mailchimp’s popup appear with click on a button or link. Mailchimp’s default pop up code appears either immediately after loading or after a few seconds as set by you at the admin panel in mailchimp, but if you want to make the mailchimp’s pop-up to appear with a click on a button or a link then the following tutorial will show you how to do that. First login to your mailchimp acccount and then click on the Audience button and then select the Signup Forms and then click on... - [How to display or hide widgets on certain pages?](https://rahmanzeb.com/display-hide-widgets-certain-pages/): Below is a guide about how to display or hide widgets on certain pages in WordPress. if you have come across a situation where you want to display or show a widget on one page and hide the same widget on another page or pages then Display Widgets will do this trick for you. It is an easy to use plugin and when you install it, it will add extra dropdowns and boxes under your widgets and from there on you can play with and make it do what you want. Just let me know in the comments below if... - [WAMP or XAMPP doesn't work in Windows 10](https://rahmanzeb.com/wamp-xampp-doesnt-work-windows-10/): If wamp or xampp doesn’t work properly in windows 10 or let say you are not able to start Apache server even if you have closed Skype and other apps that you think are using port 80 then do then following and you’ll be fine. 1. First go to the search bar near the windows button and then click on the drive button in order to make local search and not online search and type services.msc. 2. After you opened services.msc try to find world wide web publishing service and stop it as it should be running by default. 3.... - [Joomla templates for nightclubs](https://rahmanzeb.com/joomla-templates-nightclubs/): Below are some nice Joomla templates for nightclubs, if you know templates even better than the ones below please feel free to drop us a line or comment below as we want it to be the best collection. - [Joomla templates for car dealers](https://rahmanzeb.com/joomla-templates-car-dealers/): Below are some of the hand picked Joomla templates for car dealers and other kind of vehicle business owners. If you find any of these themes not good please drop a line or comment. - [Responsive Joomla templates for auto services or Car Repairing](https://rahmanzeb.com/responsive-joomla-templates-auto-services-car-repairing/): Buy this template | View Demo Item number: 300111831 Type: Joomla Template Name: Auto service v3 SOURCES AVAILABLE: .PSD; .PHP; .CSS; .JS; Fonts. SOFTWARE REQUIRED: Any text editor: like Notepad (for PC) or TextMate (for MAC). Adobe Photoshop CS+; PRODUCT DESCRIPTION: Don’t spend much money on your website, spend them for your business development! A major advantage of using our dynamic joomla templates is that it requires almost no technical skill or knowledge to manage site. Buy this template | View Demo Item number: 300111721 Type: Joomla Template Name: Car Repair v3 SOURCES AVAILABLE: .PSD; .PHP; .CSS; .JS; Fonts. SOFTWARE... - [Responsive Wordpress themes for radio stations](https://rahmanzeb.com/responsive-wordpress-themes-radio-stations/): Mobile ready Wordpress themes for radio station: Below are some high quality mobile ready and premium responsive wordpress themes for radio station, just click on the demo and take a look at the design and functionality of each theme, if it suits to your requirements just buy it and you are done. - [How to change upload file path in wordpress from MySQL](https://rahmanzeb.com/change-upload-file-path-wordpress-mysql/): Below is a step by step tutorial on how to change upload file path in WordPress or media upload path in WordPress from the database or MySQL: If you want to change upload file path or media upload path in WordPress and you are not able to do it from the backend of WordPress, then the only and efficient way to do this is via the MySQL database. Below are the steps for changing the upload file path or media uploads path in WordPress from MySQL. 1: First of all Just go to the phpMyAdmin if you host has it... - [Top 5 Wordpress themes 2014](https://rahmanzeb.com/top-5-wordpress-themes-2014/): Below is a list of top 5 wordpress themes 2014 The wordpress themes below are considered top because of the number of sales and users review. I have checked almost all of them personally and have found them pretty much worth every single dollar, the support was excellent as well. And these WordPress themes are not only liked by me but thousands of happy and satisfied customers who got time and also gave them some great reviews and I am sure that so many people can’t be wrong and these themes are undoubtedly cool. Finally I’ll say check everything yourself... - [maximum execution time of 30 seconds exceeded in wordpress solution](https://rahmanzeb.com/maximum-execution-time-30-seconds-exceeded-wordpress-solution/): If you even came across this error message “maximum execution time of 30 seconds exceeded……” while uploading a large image to wordpress or you have slow internet connection that takes longer than usual to upload an image then the solution to your problem is below. 1. The first thing that I do normally for myself and for my clients as a web developer is to add the following piece of code to the wp-config file located in the root of your wordpress installation. set_time_limit(60); Note: Remember to add this right above “/*That’s all, stop editing! Happy blogging.*/” 2. Second method... - [Responsive Joomla Templates for Radio Stations](https://rahmanzeb.com/joomla-templates-for-radio-stations/): Below are some good and responsive joomla templates for radio stations. Keep in mind not all of them are responsive and the responsive one has been identified with a responsive tag on the top right corner. List of Responsive Joomla Templates for Radio Stations - [joomla template like pinterest](https://rahmanzeb.com/joomla-template-like-pinterest/): Below is template that has the same feel, look and functionality like Pinterest. If you are looking for a Joomla template like Pinterest then this is the one right for you. it’s easy to use and easy to handle. Good for designing sites, clothes line, jewellery designs, photography or anything that you like or love. It also gives you the capability to put ads either in the pin or at the top or when someone click on pin, I mean in the pop up window. So it is good for monetizing your contents as well. Social Pinboard – A joomla... - [Wordpress theme like pinterest](https://rahmanzeb.com/wordpress-theme-like-pinterest/): If you want a theme that has the same look and feel like pinterest, then look no further than the theme below, it has the same functionality like pinterest and is errors and bug free, I have tested it personally and have found it worth every single dollar. It’s great for people with interests related to design, like clothes line, cell phones, jewelly designs, photography, hair styles and many more. And yeah since money matters everywhere so this theme comes with some handy monetizing features, you can place ads in different places on your site, you can place an ad... ## Pages - [Makaan Test](https://rahmanzeb.com/makaan-test/) - [Client Portal](https://rahmanzeb.com/clients-3/) - [Client Portal](https://rahmanzeb.com/clients-2/) - [Client Portal](https://rahmanzeb.com/clients/) - [Google Sites Templates](https://rahmanzeb.com/google-sites-templates/) - [Tutorials](https://rahmanzeb.com/tutorials/) - [Templates](https://rahmanzeb.com/templates/): We’ll add awesome templates sooner than you can think. - [Contacts](https://rahmanzeb.com/contacts/):   - [About](https://rahmanzeb.com/about/): My name is Rahman Zeb, and I’m a seasoned freelance web designer, full-stack developer, and digital marketing specialist based in Swabi, KPK, Pakistan. With over a decade of real-world experience, I’ve helped businesses, startups, and individuals build powerful online identities and scalable digital solutions. I bring expert-level knowledge in core web technologies including HTML, CSS, JavaScript, AJAX, jQuery, XML, JSON, PHP, and MySQL, along with modern frameworks and platforms such as Laravel, the MERN Stack (MongoDB, Express.js, React, Node.js), React Native, WordPress, Shopify, and Joomla. This allows me to deliver everything from custom web & mobile applications to high-performance eCommerce... - [Portfolio](https://rahmanzeb.com/portfolio/): Below is a portfolio of the great websites that I loved to create from scratch using WordPress and genesis framework…But our work is not limited to WordPress only and I created some websites using Joomla CMS and Tumblr too. WordPress Portfolio Joomla Portfolio Tumblr Portfolio HTML templates - [My CV](https://rahmanzeb.com/my-cv/): Personal Profile Name                                       :          Rahman Zeb Date of Birth                            :          11-March-1990 Gender                                    :           Male Nationality                               :           Pakistani Province/Town... - [Hire me!](https://rahmanzeb.com/hire-me/): Hire me either by sending me an email, by filling the contact form or on elance. Just visit me on elance and hire me for your web design and development projects and I hope we’ll have a very good time working together. Click here to hire me on Elance! Click here to hire me on fiverr   - [Free Web Design](https://rahmanzeb.com/free-web-design/): Free Web Design: Here is answer to how to get free web design services. Just buy your domain and web space from any of the following web hosts using my referral links i.e. by clicking on the banners/links below and I, Rahman Zeb, will design, develop or build your website for free. Our free web design services include wordpress site, joomla site, e-commerce site, blogs, etc. Please feel free to contact me before making a purchase if you have any questions or concerns. Thanks and have a nice day. Affiliate hosts banners: [comment]: # (Generated by Hostinger Tools Plugin)