How to add CSS in Blogger template - Easiest Method | techgridle

 In this post, you will learn how you can add CSS codes in your blogger in an easy method without searching the correct place where you can add CSS in you Blogger codes in the HTML section of the theme.
Just follow some basic steps that are described below with images. And you will able to add CSS to the blogger. This is the best method through which you can add CSS in just a few clicks which will really save your time in searching the correct place and pasting it.

How to add CSS code to Blogger template - Easy method

Follow these steps to add any CSS code in your Blogger easily.

STEP 1:

Login to your blogger dashboard.


STEP 2:

Now go to Themes option


STEP 3:

Now you will get two option there, that is Customize and Edit HTML. Click on the Customize option there.


STEP 4:

Now, in the Blogger Theme Designer window click on Advanced option present in the blogger theme designer window.

STEP 5:

Now after clicking Advance option, find Add CSS option there and click on the ADD CSS option.


STEP 6:

After clicking Add a CSS option, paste your CSS code in the section provided there and click on Apply to Blog option present in the top right corner.

Now you completely Added a CSS code to your blogger.  This is one of the easiest methods by which you can add CSS codes to your blogger with few steps.
If you feel this post helpful to you, share with your friends.

How to create responsive code box in blogger - pre tags - one click select all | techgridle

Sometimes you have to write code in your blog posts just like we do in our posts when we need to share any kind of widget on our blog for our readers and to separate that code from the text, we use code box in our posts. So that’s what code boxes are mostly used for.

In this post, we will help you create responsive code boxes in Blogger using a specific HTML tag called pre tags. These codes boxes are responsive that is on click it will select all.

This tutorial is going to be a really simple and basic but I am still sharing it for beginners or newbies who don’t even know the basics of HTML and CSS or who are still in learning stage. Creating code box in Blogger is a bit of tricky too and I will also share that tricky part in the end so keep reading!

How to add code boxes in Blogger:

STEP 1:

•     Go to your Blogger dashboard.

•     Then, go to the Theme option there.

•     Click on Edit HTML option present there.

•     Now, search (Ctrl + F) their tag and just paste below code just after and click on SAVE.

GET CODE

(click here to view)

•     Finally, the first step is completed.

STEP 2 :

•  In the blogger dashboard >> Themes >> Edit HTML >> find a code there ( Ctrl+F key ).

• Now search for  ]]>

• And just above this tag paste anyone CSS code given below

**if you are facing problem in adding CSS code then try an alternative method

How to insert CSS code in blogger | easiest way  (click to view article)

Above that tag paste the following CSS code.

STYLE 1:

GET CODE (click here)

STYLE 2:

GET CODE (click here)

STYLE 3:

GET CODE (click here)

When you have successfully added any of the above CSS codes then Save your template!

STEP 3:

Now when you need to share codes on your post then you need to add code in a systematic format explained below:

While writing the blog post, when you need to add code in your post then you will write or paste your code just like normal text in Compose mode and then you will switch to the HTML mode of your editor and enclose that code in

the tag is shown below!

How to Download Offline Google Input Tool for windows | techgridle

In this post we are going to tell you how you can download Offline Google Input tool for 32 bit or 64bit windows in languages Hindi, Bengali, Gujarati, Kannada, Marathi, Malayalam, Nepali, Oriya, Sanskrit, Punjabi, Tamil, Telugu, Urdu, Persian, Russian, Greek, Arabic, Amharic, Hebrew, Serbian, Sinhalese, Tigrinya. All these languages Offline Google Input Tool download link is available here

How to Download Offline Google Input Tool for Windows 32 or 64-bit windows operating system.

We are providing you download links for Google input tools Bangla or Bengali, Google input tools Gujarati, Google input tools Kannada, Google input tools Malayalam, Google input tools Marathi, Google input tools Nepali, Google input tools Oriya, Odiya, Google input tools Punjabi, Google input tools Sanskrit, Google input tools Tamil, Google input tools Telugu, Google input tools Urdu, Google input tools Farsi, Persian, Google input tools Russian, Google input tools Arabic, Google input tools Hebrew, Google input tools Amharic, Google input tools Greek, Google input tools Sinhalese, Google input tools Serbian, Google input tools Tigrinya setup.

• Download it from the link given at post end, then run the setup file by double-clicking on the downloaded file. 

 

• It will install Google input tool to your computer. After its successful installation, click on keyboard input option given on taskbar and select google input tool and enjoy.

OFFLINE GOOGLE INPUT TOOL DOWNLOAD LINK (click to download) Google input tools Hindi

Google input tools Bangla, Bengali Google input tools Gujarati Google input tools Kannada Google input tools Malayalam Google input tools Nepali Google input tools Marathi Google input tools Oriya, Odiya Google input tools Punjabi Google input tools Sanskrit

Google input tools Tamil Google input tools Telugu Google input tools Urdu Google input tools Farsi, Persian Google input tools Russian Google input tools Arabic Google input tools Hebrew Google input tools Amharic Google input tools Greek Google input tools Sinhalese Google input tools Serbian Google input tools Tigrinya

**click to open file on google drive. Download from google drive. Click Here

How to add responsive featured post slider in blogger | techgridle

How you can create a Responsive featured post slider in blogger

In this post, we are going to tell you, how you can add responsive post sliders on your blogger website. You just need to put a simple code in your widget to start a responsive featured post slider in your blogger. As the slider is the most attractive part for any website where visitor stays little more to view whats next coming.

To put this responsive featured post slider in your blog, you need to follow some simple steps which are described below with images.

STEP 1:

Go to your blogger dashboard and click on layout option present in the blogger dashboard.

STEP 2:

Now click on Add a gadget. 

STEP 3:

Now select HTML/javaScript option present there.

STEP 4:

Copy the code given below (if code is not displayed click on get code). You need put your blog url in the code. See that given code has some red lines change that.

GET CODE (click here)

STEP 5:
Now paste this code in the HTML/JavaScript option. and click SAVE

 Finally on SAVE ARRANGEMENT option to save the blog layout. Now it is completed view your blog to see changes.


:: NOTE :: 
YOU NEED TO CHANGE LITTLE CODE GIVEN 

• listURL - replace "https://techgridle.blogspot.com/" with your blog URL
• featuredNum - add the number of posts to display in the slider
• listbyLabel - if you want to display posts by category / label, such as the tag fashion, it will be written as listbyLabel: "fashion"
• feathumbSize - the size or dimension of the image in pixels
• interval - time taken to change the slides position in milliseconds
• autoplay - replace true with false if you don't want the slides to change automatically.

How to Add Facebook Message Box In Blogger | techgridle

How to Add Facebook Message Box In Blogger

If we want to receive direct messages from your website or blog to your Facebook page, then you need to add a facebook comment box to your blog or website. Which make your blogger or website more professional. In this post, we are going to explain you with images, how you can do this.

So, how you can put facebook message box in blogger is explained below

STEP 1

Login to blogger. and go to layout option in the blogger dashboard.

STEP 2

Now in slidebar, Click on Add a Gadget option.

STEP 3

Now choose HTML/Java script option there

STEP 4 

Now copy the code given below. 

GET CODE (click here)

STEP 5

Now paste this code in HTML/JavaScript option there. and click on Save, finally on save arrangement.

Now it is finally complete, view your blog to see changes.

How to Download Simple and responsive HTML Templates code for Free | techgridle

If you don't know "How to Create Template" ,then this post is very usefull for you as in this post we will tell you how you can download free template which is HTML and CSS code Template that you can use in your website, for this we research online, where we can get Free HTML templates which we can easily download and put to our website without coding anything. So here is the solution.

Those who are looking for a quick start to your project online are the right tool for starting these simple and free responsive HTML templates. A little look you do not need to see what you're looking for. Sometimes the simplicity is the way to go. No clutter, no distractions. Directly direct reliable content that will help you attract new visitors to your site. If you want to promote your work and service, this is the perfect way to expand your business. Built-in online presence.

The website we are going to tell you have fantastic collection of free responsive HTML templates that can enhance your Web design policy and ensures excellent results. With a website template ready to use, you can quickly make full functional website ready. And even if you're a beginner than also. However, the pure basics of HTML and CSS can be very useful.

Download Simple HTML Templates for Free From This Sites

• First one is a leading association of designers to showcase their online work. In addition to posting screen captures of your work, designers also carry HTML / CSS version of their designs to anyone. You should tag freebie and freebies tag in Dribbble, not to miss those projects.

• Creative Market is the market of site templates, themes, fonts and other design features. It is a paid store, but if you sign up for email newsletter, it will send your free download material every week in your inbox which can download directly to your Dropbox. And they are much better.

• HTML5 UP is designed by the same developer who created one of the most useful web sites on the Internet. HTML5 UP is a treasure house with beautiful templates created without heavy architecture or material. All web templates are available in the Creative Commons license so you can use them anytime by attribution.

• Envato's themes Forest is a premium market for Forest website templates, but if you create a free account with them, you can download all the freebies posted on the home page every few weeks. To get the visibility of this market, the authors pay only the material released during the campaign period. 

• OnePageLove is a single page websites supervised directory and they have a separate section for HTML template that can be downloaded for free. 

• UpLabs is a community where another online market and creative designers share their work. The "Web" section provides free HTML templates for personal and business use. 

• Manoel Ilic's Codrops is a very creative collection of works for web designers and developers. All projects on this site, an image slider or checkout page you have never seen and the source code will be available in Github. 

• Freebiesbug handles web freebies including name, fonts, PSD drawings, stock photos and, of course, HTML templates. Look for the "unique" tag and you can find HTML / CSS templates chosen by designers to share exclusively on this site.

• And the ultimate feature of my list is the Codepen that is worth adding to your favorites. Chris Caeyer opened the game as a playground for writing HTML, CSS and Javascript on a Web browser, but this project has grown into a large community of front-end developers, who are coding in public and free for fork. 

150+ Latest WhatsApp Groups Links of 2019 | FREE Marketing tool | techgridle

 150+ WhatsApp Groups Links of 2019

BEST AND GENUINE WHATSAPP GROUP LINKS OF 2019

 WhatsApp Groups is one of the best way to spread your message or product links to biggest traffic for absolutely FREE. But creating a sending a WhatsApp group link is not an easy task. But in certain cases, many users of Whatsapp are wishing to join the Whatsapp group of other state or other country. So that they can get in touch to huge population. Whatsapp group are also an effective way for promoting any thing for free. So in this post we are going to provide a platform so that you can join to any whatsapp group of the world.

So, here are the best and genuine whatsapp group where you can easily connect to the world.

Note: IF YOU WANT TO PUT YOUR WHATSAPP GROUP LINK IN OUR INDEX. CAN COMMENT THE LINK BELOW WITH ITS GROUP NAME.

WHATSAPP GROUP LINKS 2018 Adults adda onlyGirls no Boy🤞😜😜 Prety girl in town Dil ki 💘Sayari💘 Amazing people Adults fantasy Jokes unlimited 💘💘💘LOVE AND LOVE ONLY💘💘💘 हिंदुस्तान का ग्रुप Naughty horny 😎 Girls
No below 18+ 💓💓💓Lovegirls of india Masti Ki Pathshala Digital Boys International Fun group †hê åßµ§mêñ† þårk The Fun blasters😎 no links only jokes Cricket troll world Fun Overloaded only girls
Hot Girls on whatsapp Whatsapp Link Sports lover international Love is blind Arjit singh club Hollywood fans public for fun Viral girls 💕💓Amazing girls Body building guide
18+ Adults only entry Jokes collections Adults Indonesian group 18+ Youtube channel promotion Discounts offers link only Horney Peoples Love girls👌👌 εɳʝσყ ℓเƒε Masti time girls Gang of Whatsapp
😎CANTEENII MANDEEERRR.... only desi 👌👌👌India👌👌👌👌 Timepass😎😎😎 Indian WhatsApp group link Ur my favorite mistake😀😃 💕💓Kajal aggarwal💖💘💝 🌍Online💵पैसा Earn📲 💯🆓 PoSiTiVe ThInKiNg 🏇🏿 Bahubali 🏹 😎Ńíčê bøyz🤬
💝True 💫love❤Across the🌍 True love 🖕🏿 African group 🤞😜😜 😎学习汉语/ Chinese language 🇨🇳 🚩🚩B J P WALE🚩🚩 😎Abiti Boutique 💯🆑grp ☔ ♠College_Life_Enjoy♠ Delhi ke Dabang 👑join whatsapp group👑 Great grand masti

Latest Whatsapp Group Links Lists -  Get best and unique Whatsapp group links here. Here all types of groups are available such as Adults Whatsapp group links, Fun Whatsapp group links, Sports Whatsapp group links, Cricket whatsapp group links. etc.

*These Links are updated every week.