Posts

Showing posts from November, 2020

box with copy button

Text area code  < br > < br > < textarea style = " border-style: solid; border-width: 1px 1px 1px 20px; border-color: #4072a1; width: 100%; height: 300px; line-height: 16px; resize: none; " id = " html1 " readonly > < / textarea > < div style = " font-size:13px; font-family: comic sans ms; color: blue; " > < button onclick = " copyThis1() " > Copy This Code < / button > < / div > < script > function copyThis1 ( ) { var copyText = document . getElementById ( " html1 " ) ; copyText . select ( ) ; copyText . setSelectionRange ( 0 , 99999 ) document . execCommand ( " copy " ) ; alert ( " Code snippet copied to clipboard " ) ; } < / script > < br > < br > Online Syntax highlighting tool https://tohtml.com/

Create Horizontal Tabs using HTML, CSS and JavaScript

Image
  Create Horizontal Tabs using HTML, CSS and JavaScript HTML Code About Services Contact This is code section Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error neque saepe commodi blanditiis fugiat nisi aliquam ratione porro quibusdam in, eveniet accusantium cumque. Dolore officia reprehenderit perferendis quod libero omnis. This is about section Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi minus exercitationem vero, id autem fugit assumenda a molestiae numquam at, quisquam cumque. Labore eligendi perspiciatis quia incidunt quaerat ut ducimus? This is services section Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi minus exercitationem vero, id autem fugit assumenda a molestiae numquam at, quisquam cumque. Labore eligendi perspiciatis quia incidunt quaerat ut ducimus? ...

Basic fetch api Script code

  Basic fetch api Script code A basic fetch request is really simple to set up Have a look at the following code: fetch(‘url’) .then(function(response) { return response.json(); }) .then(function(res2) { console.log(res2); });

How To Add Page Navigation In Blogger - Hindi Urdu

Image

Dropdown Select and Search Using jQuery and Bootstrap

Image
 

onchange open url jquery

Image
 

POST DATE THUMBNAIL IN BLOG

Image
POST DATE THUMBNAIL IN BLOG SOURCE website Code available in this website STEP:1 REPLACE OPEN BODY TAG WITH SCHEMA BODY TAG Copy This Code STEP:2 FIND MAIN SECTION LINE AND REPLACE 3 HTML TAGS WITH Copy code snippet STEP:3 FIND MAIN INCLUDABLE LINE REMOVE DATE HEADER HTML PART IN THIS TAG ADD JAVASCRIPT CODE IN THIS TAG BEFORE CLOSED INCLUDABLE TAG Copy code snippet STEP:4 FIND POST INCLUDABLE LINE AND REPLACE BELOW CODE

How to show code on blogger with a copy snippet button

Image
  How to show code on blogger with a copy snippet button Copy the code below and past inside your html page. You can replace "YOUR CODE GOES HERE" with your code that you wanna show. YOUR CODE GOES HERE Copy code snippet

How To Show Only Post Thumbnails And Snippets In Blogger Blog Homepage

Image
  How To Show Only Post Thumbnails And Snippets In Blogger Blog Homepage Hi  Welcome to another tutorial, How To Show Only Post Thumbnails And Snippets In Blogger Blog Homepage in this   complete blogger blog tutorial   series. By default, blog post shows full on your blogger blog homepage with a number of it as preset. This makes your blog looks clumsy, not neat and visitors leave your blog site quickly. If you’re tired of those full, long unending post of your blogger homepage, then you’ve come to the right place, just follow the tutorial and you should be fine! We have covered a lot in this  full blogger blog tutorial  series, first, we look at  Blogger Review  to  How To Create A Blog On The Blogger.com Platform . We also learned  How To Create HTML Sitemap  Page for our blogger blog, in another tutorial, we’ve seen how to add  Contact Form In Blogger On A Page , from there we added  Twitter Card  To our blog....

How to use Conditional Tags on Blogger

Image
  How to use Conditional Tags on Blogger The Tags <!-- SEO Title Tag --> <b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/> - Find and Read Information</title></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> - <data:blog.title/></title></b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'><title><data:blog.pageName/> in <data:blog.title/></title></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/> - <data:blog.title/></title></b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.pageName/> - <data:blog.title/></title></b:if></b:if> ...

Template for small icon that are shown in thumbnail post ( maybe it is label )

Image
   Template name Kylie Jo Download from official Website. Download Copy code  specific area is shown  below   Copy code  specifically icon which are mention in pic  

Tab change but same page

Tabs in a Grid London Paris Tokyo London London is the capital city of England. Paris Paris is the capital of France. Tokyo Tokyo is the capital of Japan. Tabs in a Grid London Paris Tokyo London London is the capital city of England. Paris Paris is the capital of France. Tokyo Tokyo is the capital of Japan. Copy The Code

Live test code in website

Image
  INFORMATION Copy this specific div code that And put it in your website or blogger Website is given below Website url