Wednesday, November 13, 2019

How to add Contact form Page in Blogger...??

flagbd, flagbd.com, blogger, blogger (website), how to create contact form in html, html, Blogger Tutorial, Contact Form, Add a Contact Form, How to Add a Contact Form, How-To, Blogger Help, Contact Form HTML Code, TECH FOR U, blogger tutorial for beginners, foxyform, how, to, create, contact form, on, contact page, in, add blogger contact form in contact us page, blogger contact form in a page, contact us page, how to add contact us page, Blog (Industry), oye pandeyji, How to Create Stylish Contact Us Page in Blogger, how to create contact us page in blogger hindi, how to create contact us page in blogger, How to add Blogger Contact Form, How to Add Contact Form on Blogger, contact us page on blogger, contact us form in blogger, add contact page for blogger 2018, Blogger Tutorial, Contact Form, Add a Contact Form, How to Add a Contact Form, How-To, Blogger Help, Contact Form HTML Code,

How to add Contact form Page in Blogger...??


Hi Guys!! Hope you are well. In this tutorial I will show you, "How to add a contact form on your blogger site in Page". Honestly, It is not a Hard work. We can do it in 3 steps. So, Let's do it.

Add a Contact Form Gadget in Layout

First, we need to Add a Contact Form Gadget in Layout. Login to your blogger Dashboard >> Layout >> Add Gadget >> Contact Form >> Save it

Hiding Contact Form From Your Sidebar

Then, we need to hide the default contact form from Blogger’s sidebar widget. Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above ]]>: Then save the template.

#ContactForm1{
display: none !important;
}


Adding Contact Form To A Page

Now, we will add the contact form to a static page of your Blogger blog. Navigate to your Dashboard > Posts, and click on New Page and select Blank Page.
Now, in your blank page, click on HTML option to switch to HTML editor mode. Add following code and publish your page:

<form name='contact-form'>
<p></p>
Name<br />
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' />
<p></p>
Email
<span style='font-weight: bolder;'>*</span><br />
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' />
<p></p>
Message<span style='font-weight: bolder;'>*</span><br />
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' />
<p></p>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>



That’s it! Note that, It is just a Html structure but, You can also customize the contact form with custom CSS styling or jQuery. If you have any question comment below !!


Thanks For Reading The Post

Thursday, November 7, 2019

How To Make A YouTube Live Video Show On Your Blog Site...!!

flagbd, flagbd.com, broadcast, live, video, ustream, youtube, radio, free, streaming, live stream, live streaming, stream live, streaming live, internet radio, produce, show, video streaming, radio internet, programs

How To Make A YouTube Live Video Show On Your Blog Site...!!



Hello, FlagBD Residents How are you, hope you are all well.
Of course, after seeing the title, you understand what today's post is, so I'm not going to add unnecessary talk to the main topic.
So today's topic is how to display YouTube live video on your site.

So let's start today's tune:-

First go to the browser,

Now go to YouTube and get dressage mood,

Now type a live channel into the search bar and search,

Now, select one of the live channels from here and open it,

After the video is open, click on the Share Entries section below,

Click the Embed option from the options here,

Now see some HTML code given, copy the code from here.

Your YouTube work is done, now we will learn how to apply to Blogger.

Now go to your blogger admin panel, from there to the new post,

Now look at the top left site of the site where HTML is clicked.

Then paste the code you copied from YouTube, and publish it.

Now watch live video shows on your blog site.

Today's post so far. Thank you for reading this post. If you like the post, be sure to like it. Tell us how the post was.




Thank you

Monday, October 21, 2019

How to Remove Credit Link from Premium Template...?

flagbd, flagbd.com, Remove Copyright Credit, How to Remove Copyright Credit, Remove Copyright Credit From Blogger Template, blogger, blogger trick, blogger template, credit links, remove credit links, blog, footer credit, remove footer credit, remove, how to remove, redirect, redirection, urdu, hindi, 2017, how, how to, copyright, credit, template, footer template, branding, remove copyright branding, how to remove footer credit link from blogger, Remove Credit Link From Blogger Template

How to Remove Credit Link from Premium Template...?


We all prefer to use Premium Template than Blogger Default Template. That's because Premium Template offers many benefits that don't have a default template. But you must spend some money to get these benefits. On the other hand we want to use this kind of Premium Template for free without spending any money. In fact, Premium Template should not be used for free.

There are many websites that sell a lot of good quality Premium Template for a little while. Specifically, the two websites in Templateism and Templateify share many good quality free templates with Premium Template at very low cost. The difference between these two types of templates is that Premiums do not have a Credit Link, while free templates have a Credit Link that cannot be removed. Removing this Credit Link will make the blog redirect to their official site. Today I am sharing this short post with you to get rid of this problem.

How To Do ??
First login to the blog.

Then click on Template> Edit Html.

Find the Credit Link on your blog now. The Credit Link will be as shown below.

This is after the above marking ID

style = 'visibility: hidden'

Add the code.

Finally, click on Save Template and save the template.

NB: I just shared these tricks with you for learning purposes. In fact, the Credit Link should not be deleted from the Blogger Custom Free Template. Because customizing a template requires a lot of work. Therefore, by keeping this Credit Link, they should at least evaluate their hard work.



Thanks For Reading The Post


Thursday, October 17, 2019

Add Blogger Recent Post Widget By Label With Multi Thumbnails...!!

Add Blogger Recent Post Widget By Label With Multi Thumbnails...!!


Hello Friends Today we are going to share an interesting recent Recent Post widget. Typically, such widgets can be used in premium Blogger templates.


This type of widget can be easily enhanced by displaying the important Label posts of the blog in front of the visitors using the main page of the blog. Moreover, those who are using magazine type blogs have to add such widgets to their blogs.


We'll show you how to add two widgets together. However, if you wish, you can use it as much as you want. Also, JavaScript has many options, so you can easily control it. I don't want to say too much about the widget.


How to add ??
First login to the blog.

Then from the Blogger Dashboard, click on Template> Edit Html.

Search by pressing Ctrl + F from the keyboard]]> </b> skin> section.

Now paste the following Css codes above the]]> </b> skin> tag.



/* Recent Posts by Label

——————————————————- */

#pro-label-wrapper,#pro-labels-wrapper{margin-bottom:20px}
.pro-label ul,.pro-labels ul{list-style:none;margin:0;padding:0}
.pro-label li,.pro-labels li{margin:0;padding:0;}
.pro-label .widget,.pro-labels .widget{margin:0;padding:0}
.pro-label .widget-content,.pro-labels .widget-content{border:1px solid #CCC;padding:0px;margin:0;word-wrap:break-word;overflow:hidden;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.pro-label h2,.pro-labels h2{position:relative;margin:0;padding:10px;font-size:16px;font-weight:700;color:#333;border:1px solid #CCC;border-bottom:0px;border-top-left-radius:2px;border-top-right-radius:2px}
.pro-labels h2{margin:20px 0 0 0;}
.pro-label h2:before,.pro-labels h2:before{content:’\f155′;right:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 0;color:#F00}
.pro-labels h2:before{content:’\f06d’;}
.pro-label .index,.pro-labels .index{font-size:10px;float:right;font-weight:400;}
.pro-label .index a,.pro-labels .index a{display:flex;color:#039be5;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6;text-decoration:none}
.pro-labels .index a{color:#ff675c;border-color:#ff675c}
.pro-label .index a:hover{background:#039be5;color:#fff;border-color:transparent}
.pro-labels .index a:hover{background:#ff675c;color:#fff;border-color:transparent}
.pro-label .index a:after,.pro-labels .index a:after{content:”\f105″;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:5px}
.pro-labels span.pro-meta-comment a:hover{color:#FF675C!important}
.pro-labels ul.pro-thumb li a:hover,.pro-labels ul.pro-rthumb li a:hover{color:#ff675c;text-decoration:none}
.pro-left{width:45.7%;float:left;margin:0;padding:10px 10px 0px 10px;border-right:1px solid #e9e9e9}
.pro-right{width:51%;float:right;margin:0;padding:0}
ul.pro-thumb{margin:0;padding:0}
ul.pro-thumb li,ul.pro-rthumb{margin:0;padding:0}
ul.pro-thumb .sub-thumb{position:relative;margin:0 0 10px;padding:0;width:298px;height:160px}
ul.pro-thumb .sub-thumb img{background: url(“https://2.bp.blogspot.com/-2YD_jDcfdYI/VofcyRxiE5I/AAAAAAAAGao/_pyh6hjKuqk/s1600/thumbnail-bg.png”) repeat scroll 0px 0px transparent;height:150px;width:95%;padding:7px;transition:all 0.2s}
ul.pro-thumb .sub-thumb img:hover{opacity:.9;}
ul.pro-rthumb li{margin:0px;padding:12px 12px 12px;border-bottom:1px dotted #CCC}
ul.pro-rthumb li:last-child{border-bottom:none}
ul.pro-rthumb .sub-rthumb{float:left;margin:10px 10px 0 5px;width:60px;height:60px;overflow:hidden}
ul.pro-rthumb .sub-rthumb img{border-radius:5px;transition:all .2s}
ul.pro-rthumb .sub-rthumb img:hover{opacity:.9;}
span.pro-title{font-family:’Roboto Condensed’,sans-serif;font-size:20px;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none}
span.pro-rtitle{font-size:16px;line-height:1.4em;margin:0px}
span.pro-title a{color:#333;text-decoration:none}
span.pro-title a:hover{color:#ff675c;text-decoration:none;font-family:”Oswald”,sans-serif}
span.pro-summary{display:block;line-height:1.6em;font-size:13px;text-align:justify;text-overflow:ellipsis;margin:10px 0 0 0}
span.pro-meta{display:block;font-family:’Roboto Condensed’,sans-serif;font-size:11px;font-weight:400;color:#aaa}
span.pro-meta a{color:#aaa;text-decoration:none;display:inline-block}
span.pro-meta-date,span.pro-meta-comment,span.pro-meta-more{display:inline-block;margin-right:10px}
span.pro-meta-more a:before{content:”\f178″;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
span.pro-meta-comment a:before{content:”\f086″;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
span.pro-meta-comment a:hover{color:#ff675c!important}
span.pro-meta-date:before{content:”\f133″;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
ul.pro-rthumb li a:hover,ul.pro-thumb li a:hover{color:#ff675c;text-decoration:none}

Download


From the keyboard again press Ctrl + F </head> to search the section.


Now paste the scripts below just above the </head> tag.


<script type=’text/javascript’>
//<![CDATA[
function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if(“replies”==r.link[i].rel&&”text/html”==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if(“alternate”==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace(“/s72-c/”,”/w”+thumb_width+”-h”+thumb_height+”-c/”)}catch(h){s=r.content.$t,a=s.indexOf(“<img”),b=s.indexOf(‘src=”‘,a),c=s.indexOf(‘”‘,b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&””!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]=”January”,g[2]=”February”,g[3]=”March”,g[4]=”April”,g[5]=”May”,g[6]=”June”,g[7]=”July”,g[8]=”August”,g[9]=”September”,g[10]=”October”,g[11]=”November”,g[12]=”December”,document.write(‘<span class=”pro-left”>’),document.write(‘<ul class=”pro-thumb”>’),document.write(“<li>”),1==showpostthumbnails&&document.write(‘<a href=”‘+n+'”><div class=”sub-thumb”><span class=”rollover”></span><img width=”‘+thumb_width+'” height=”‘+thumb_height+'” alt=”‘+m+'” src=”‘+u+'”/></div></a>’),document.write(‘<span class=”pro-title”><a href=”‘+n+'” target =”_top”>’+m+”</a></span>”);var v=””;if(document.write(‘<span class=”pro-meta”>’),1==showpostdate&&(v=v+'<span class=”pro-meta-date”>’+g[parseInt(_)]+” “+f+”, “+w+”</span>”),1==showcommentnum&&(“1 Comments”==l&&(l=”1 Comments”),”0 Comments”==l&&(l=”0 Comments”),showcomment='<span class=”pro-meta-comment”><a href=”‘+o+'”>’+l+”</a></span>”,v+=showcomment),1==displaymore&&(v=v+'<span class=”pro-meta-more”><a href=”‘+n+'” class=”url” target =”_top”>Read More…</a></span>’),document.write(v),document.write(“</span>”),document.write(‘<span class=”pro-summary”>’),”content”in r)var y=r.content.$t;else if(“summary”in r)var y=r.summary.$t;else var y=””;var k=/<\S[^>]*>/g;if(y=y.replace(k,””),1==showpostsummary)if(y.length<numchars)document.write(“”),document.write(y),document.write(“”);else{document.write(“”),y=y.substring(0,numchars);var $=y.lastIndexOf(” “);y=y.substring(0,$),document.write(y+”…”),document.write(“”)}document.write(“</span>”),document.write(“</li>”),document.write(“</ul>”),document.write(“</span>”)}document.write(‘<span class=”pro-right”>’),document.write(‘<ul class=”pro-rthumb”>’);for(var e=1;e<rnumposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if(“replies”==r.link[i].rel&&”text/html”==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if(“alternate”==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace(“/s72-c/”,”/w”+thumb_width2+”-h”+thumb_rheight+”-c/”)}catch(h){s=r.content.$t,a=s.indexOf(“<img”),b=s.indexOf(‘src=”‘,a),c=s.indexOf(‘”‘,b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&””!=d?d:no_rthumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==rshowpostthumbnails&&document.write(‘<a href=”‘+n+'”><div class=”sub-rthumb”><img width=”‘+thumb_rwidth+'” height=”‘+thumb_rheight+'” alt=”‘+m+'” src=”‘+x+'”/></div></a>’),document.write(“<li>”),document.write(‘<span class=”pro-title pro-rtitle”><a href=”‘+n+'” target =”_top”>’+m+”</a></span>”);var v=””;document.write(‘<span class=”pro-meta pro-meta2″>’),1==rshowpostdate&&(v=v+'<span class=”pro-meta-date”>’+g[parseInt(_)]+” “+f+”, “+w+”</span>”),1==rshowcommentnum&&(“1 Comment”==l&&(l=”1 Comments”),”0 Comment”==l&&(l=”0 Comments”),showcomment='<span class=”pro-meta-comment pro-meta-comment2″><a href=”‘+o+'”>’+l+”</a></span>”,v+=showcomment),1==rdisplaymore&&(v=v+'<span class=”pro-meta-more pro-meta-more2″><a href=”‘+n+'” class=”url” target =”_top”>Read More…</a></span>’),document.write(v),document.write(“</span>”),document.write(“</li>”)}document.write(“</ul>”),document.write(“</span>”)}
//]]>
</script>
<script type=’text/javascript’>
var numposts=1,
rnumposts=5,
showpostthumbnails=true,
rshowpostthumbnails=true,
displaymore=true,
rdisplaymore=false,
showcommentnum=true,
rshowcommentnum=true,
showpostdate=!0,
rshowpostdate=!0,
showpostsummary=!0,
numchars=150,
thumb_width=298,
thumb_height=160,
thumb_rwidth=60,
thumb_rheight=60,
no_thumb=&quot;https://4.bp.blogspot.com/-tSBppe-1hD8/Vuv8oc5dbcI/AAAAAAAAHLs/bv50w5sT8mw2HgdrdnVUEQsxR0LZ7z-4Q/s1600/thumb-large.png&quot;,
no_rthumb=&quot;https://4.bp.blogspot.com/-uhrgZOa0aPU/Vuv8oXQjxyI/AAAAAAAAHLo/wZDGMEPB68sZjA7quh7GZ60bAA2hZJ3NQ/s1600/thumb-small.png&quot;;
</script>


Download

Now click your keyboard  Ctrl+F  To <b:section class=’main’ id=’main’ search this option..

Now copy the code <b:section class=’main’ id=’main’ submit upto this tag..

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<div id=’pro-label-wrapper’>
<b:section class=’pro-label’ id=’pro-label’ maxwidgets=’1′ showaddelement=’yes’>
<b:widget id=’HTML80′ locked=’false’ title=’Pro Blogger’ type=’HTML’>
<b:includable id=’main’>
<h2><span class=’index’>&lt;a href='/search/label/<data:content/>?&amp;max-results=5'&gt;View All&lt;/a&gt;</span><data:content/></h2>
<div class=’widget-content’>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>


Download

If you want to add multiple widgets, just paste the following codes instead of the ones above.

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

<div id=’pro-label-wrapper’>
<b:section class=’pro-label’ id=’pro-label’ maxwidgets=’1′ showaddelement=’yes’><b:widget id=’HTML80′ locked=’false’ title=’Pro Blogger’ type=’HTML’><b:includable id=’main’><h2><span class=’index’>&lt;a href='/search/label/<data:content/>?&amp;max-results=5'&gt;View All&lt;/a&gt;</span><data:content/></h2><div class=’widget-content’><script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);</script></div></b:includable></b:widget></b:section></div><div id=’pro-labels-wrapper’><b:section class=’pro-labels’ id=’pro-labels’ maxwidgets=’1′ showaddelement=’yes’><b:widget id=’HTML90′ locked=’false’ title=’Pro Blogger-2′ type=’HTML’><b:includable id=’main’><h2><span class=’index’>&lt;a href='/search/label/<data:content/>?&amp;max-results=5'&gt;View All&lt;/a&gt;</span><data:content/></h2><div class=’widget-content’><script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);</script></div></b:includable></b:widget></b:section></div></b:if>

Download

Finally Save the Template and get out.

Now when you go to the Layout option of Blogger template, you will see two new widgets. Click on the Edit button and you will have to enter your desired Label Name in the empty cell only.


Customization:-
If you do not want to show the small Image Thumbnails on the right side of the widget, then type rshowpostthumbnails = true from the JavaScript above.


To exclude the Read More option, type displaymore = true.


There are several more options that you can understand yourself.


Note: If you do not have Jquery and Font Awesome added to your template, you must add them



Thanks For Reading The Post


Tuesday, October 15, 2019

How To Create A Google Customs Search Bar. ..?? And Earn From Your Site...!! [Blogger, Wordpress] Part-2 And That's It End Pard...!!

Earn Revenue From The Search Bar Used On Your Site Part-2 And That's It End Pard...!!



Bismillah Rahimir Rahim  ... Assalamu Alaikum Friends hope everyone is well.
I brought you today in the last post

See those who haven't seen the first episode from here.

Now earn Episode-2

Episode 1 with the How To Make Google customs search bar...!!

What, I wonder? I told you that.

Let us finish the work after watching the second episode.
Many of us use a custom search bar on our site so that this post will earn some income.

Post Steps: -2

Now I will start the income system...!!

Click here for him then click on your site

Click on Ads Now as below

It will come like the following

Like actually turn the Monetizations down a bit.

That's it.



Thanks For Visit My Website


Sunday, October 13, 2019

How To Add Blogger Blog Email Subscription Widget...??

Flagbd, flagbd.com, stylish email subscription widget for blogger, beautiful email subscription box for blogger, Popup email subscription widget for blogger without using codes, Popup Email Subscription widget, New Widget for Blogger Blogs, Create Popup Subscription Widgets in Blogger, Newsletter, Blogger Blogs, Blogger Widgets, How to Blogger Guides, blogger tutorial for beginners, blogger tips, blogger, email, blogspot, blogspot tutorial for beginners, How To Add email Subscription Widget For Blogger
How To Add Blogger Blog Email Subscription Widget


Add to Blogger Blog Email Subscription Widget...!!!

We will share with you another Email Subscription Form widget. In fact, every blog needs to have an Email Subscription Form. Because it will help increase your blog's Subscriber. When a blog subscriber continues to grow, the visitor will also increase.

You can see the demo of the Email Subscription Form widget in the image above. It is made entirely in combination with Css3. You can customize it to your liking if you wish. Moreover, the buttons have some additional 3D Css3 effects. Hope you like the widget.

How to add  ??

• Login to your blog first.
• Click on Layout from the Blogger dashboard.
• Now click on Add Gadget from the Layout on the right. See the image below -



• Then click on HTML / JavaScript.

Now copy and paste the following code into the HTML / JavaScript cell.


<style type = "text / css"># pro-subscribe {background: # 1B5E20; width: 100%; padding: 0 0 1px; font-family: inherit; display: block; margin: 0; border: 0; border-radius: 5px}.pro-subscribe-social-title {color: # FFF; font-weight: 500; text-align: center; padding-top: 15px; font-size: 15px}# pro-subscribe .social-profile {line-height: 1.2em; display: table; float: none; margin: 0px auto; text-align: center; min-width: 157px; padding: 5px 0px; border: 0}# pro-subscribe .social-profile a {background: # FFF; color: # 000; margin: 0 5px; text-align: center; float: left; display: table; padding: 4px 5px; border-radius: 50px; border: 2px solid #FFF; width: 15px; height: 15px; line-height: 0; font-size: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out}# pro-subscribe .social-profile a: hover {color: # FFF; background-color: # FF5959; border-color: #FFF}# pro-subscribe p {font-size: 15px; color: # F9F9F9; text-shadow: 0px -1px 0px # 000; line-height: 25px; padding: 5px 10px 5px; text-align: center; width: 80%; margin: 5px auto; border: 1px solid # 292929; border-radius: 0 50px}# pro-subscribe .mail-field {padding: 0; margin: 0 auto; display: block}# pro-subscribe .mail-field input {margin: 15px auto; font-size: 13px; color: # 000; text-align: center; display: block; font-family: inherit; font-weight: normal; width: 90%; height: 38px; text-transform: uppercase; outline: none; border: 1px solid #FFF; border-radius: 2px; background: #FCFCFC; box-sizing: border-box}# pro-subscribe .mail-field .button {background-color: # 08a276; color: # FFF; font-family: Arial; font-size: 18px; font-weight: normal; padding: 6px 15px; text-decoration: none; -moz-box-shadow: inset 0px 39px 0px -21px # 01AD7B; -webkit-box-shadow: inset 0px 39px 0px -21px # 01AD7B; box-shadow: inset 0px 39px 0px -21px # 01AD7B; border-radius: 4px; text-shadow: 0px 1px 0px # 067050; border: 1px solid # 08a276; margin-top: 15px; transition: all .3s ease-in-out; float: none; text-transform: uppercase; cursor: pointer}# pro-subscribe .mail-field .button: hover {background-color: # 03B47C; border: 1px solid # 03B47C}# pro-subscribe .mail-field .button: active {position: relative; top: 1px}</style><div id = "pro-subscribe"><div class = "pro-subscribe-social-title"> Social Media of Trick24 Pro </div><div class = "social-profile"><a href="#" target="_blank" title="Write Title"> <i class = "fa fa-facebook"> </i> </a><a href="#" target="_blank" title="Write Title"> <i class = "fa fa-twitter"> </i> </a><a href="#" target="_blank" title="Write Title"> <i class = "fa fa-google-plus"> </i> </a><a href="#" target="_blank" title="Write Title"> <i class = "fa fa-youtube-play"> </i> </a><a href="#" target="_blank" title="Write Title"> <i class = "fa fa-pinterest"> </i> </a><a href="#" target="_blank" title="Write Title"> <i class = "fa fa-rss"> </i> </a></div><p> Want to get updates posted directly to the email! </p><div class = "mail-field"><form action = "https://feedburner.google.com/fb/a/mailverify" method = "post" target = "popupwindow" onsubmit = "window.open ('https://feedburner.google.com/fb / a / mailverify? uri = trick24pro ',' popupwindow ',' scrollbars = yes, width = 550, height = 520 '); return true "><input type = "text" name = "email" placeholder = "Your e-mail address" /><input type = "hidden" value = "trick24pro" name = "uri" /><input type = "hidden" name = "loc" value = "en_US" /><input value = "submit" class = "button" type = "submit" /></form></div></div>


Finally Save the Gadget.


Changes:
★ Enter the social media address of the red color # above.

★ Write social media titles instead of Blue Color's Write Title.

★ Name your Feedburner account in place of trick24pro.

If you do not have a Feedburner account, you can create one here.


Thakns For Reading This Post


Sunday, October 6, 2019

How To Create A Google Customs Search Bar. ..?? And Earn From Your Site...!! [Blogger, Wordpress]

flagbd, flagbd.com, google search bar, google widget, customizd option, customize google search bar, google search bar customize option, how to customize google search bar, google search widget customize option, how to get google search bar customization, GOOGLE, widget customization, three dot option in google widget

How To Create A Google Customs Search Bar. ..?? And Earn From Your Site...!! [Blogger, Wordpress]



Assalamu Alaikum How are you Hope you are well In fact, writing posts on the job front is a lot harder. So suddenly 2 - 1 days become sweet.

Today I am going to share a new topic. How to earn from the search bar?

Note: - In this episode we will show you how to create a search bar and wait for the next episode in how to earn from this..??


What, I wonder? I told you that. Many of us use a custom search bar on our site so that users can easily find the information and there is only one benefit that will be posted on their site. However, there are more benefits. In today's going to tell you how to earn from it. For that you have to work following the rules.
If you work according to some steps you can create custom customs properly.

So let's get started. First go to the link below ..!!

Click Here To Go The Link 


Then put your site in place of the example in the example below

Then click on Create and then work as below.

Now the public url. You can view the live demo by clicking on the Get Code, then copy the code from the Get Code and place it on your site.

Due to the short time, I finished the post. If you make a mistake, you will look with forgiveness.


Next Part / End Part 


How to earn income will be very quick
Wait then

Note: - Those who do not have an Adsense account... So you can not use this.. 

If you like this post, come back to my site ..


Thanks


Thursday, October 3, 2019

How to set specific custom url to a blogger page..??

flagbd, flagbd.com, how to set Custom page not found Blogger | Blogger SEO Custom page Not found, How To Setup Custom Page Not Found In Blogger Settings, Blogger blog me Custom Page not found, Error 404) settings, Create Custom 404 Not Found Page, Blogger Course in Urdu/Hindi, How to make custom 404 error page in blogger Blog, How to set custom page not found when your website is down, How To Redirect 404 Error Page Not Found, Custom page not found.avi, HOW TO ADD TO YOUR CUSTOM 404 PAGE IN BLOGGER
How to set specific custom url to a blogger page..??


Assalamu Alaikum Many other greetings and congratulations to all the other creed brothers.

A custom URL on a page of the blog site enhances the beauty of the blog, giving the visitor a clear idea about that page, which may interest the visitor; This increases the number of visitors.

By default, there is no option to set a custom URL on a Blogger page, but it is possible to adapt to a simple rule by using a small one. The first thing you need to do in this regard is to follow the steps below.

1. What you want to set as the URL of your page is to first copy it into a Notepad or a text editor, and place it in your clipboard.

Let's say your desired URL is about us. To view it as a URL, we need to copy about. This will result in your entire URL structure -

yourdomainname.ext / p / about-us.html

That is, the space between the words about and us will become a dash or a hyphen (-).

2. Now, by logging in to your account on Blogger, go to the Pages screen from the sidebar of the desired blog, click on New Page.




3. Now quickly paste the copied text into your clipboard into the Page title box, then click the Save button. Do this step so fast that you cannot get Blogger autosave before pasting the copied text. Maybe every 30 seconds Blogger gets autosave.

Well, here's the custom URL for your page. Now you can edit the title of your page and edit it.

Blog pages are very important content for a blog. Because they carry important content like Contact or About Us. Also, a blog may have different pages about different topics that are different from blog posts. So custom URL is needed to bring creativity to the blog.

Sorry if this post doesn't look good. If you find any errors please let me know, I will try to fix them soon; Do not allow others to think bad things by using derogatory language in just comments.



Thank you.


Tuesday, October 1, 2019

Set Google Map On Blogger Website..!! Make The Site More Attractive And Increase More Visitors...!!!

flagbd, flagbd.com, tech videos, tips and tricks, how to, blog, blogger, sitemap, how to create a sitemap for blog, blog sitemap, blogger sitemap, how to generate blogger sitemap, how to submit sitemap, sitemap for blog, how to generate sitemap, blogger sitemap generator, blog sitemap generator, blog sitemap creator, how to create sitemap for blog, How To Submit Blogger Sitemap To Google Webmaste, how to add blog in google webmaster tool, how to generate sitemap for blog, sitemap generator

how to add Google Map to Blogger website ??



Hi Viewers How are you all hope everyone is fine I am good to your blessings too.

how to add Google Map to Blogger website ??


Those of us content writers may have a small free blogger website.
We may earn some pocket money through this website. Today's post may have been understood by everyone after seeing the title. I will show you how to add Google's map to a blogger website. We may have seen many times on many big websites like WordPress Blogger below Google Map Add really how they add. Many people want to know why this post is for them today.
So if you read this post carefully then you will understand a to z.

With this Google map, beauty of our website increases and developers get an idea. If you want to understand that I have a few more posts on the blog post, it can be helpful to look a little hard. To set up a Google map, we have to first go to the Google Map website with a link here.

 Link Google Map

So let's get started

After clicking on the Google Map link, you can search the Google Map of the place where you add the ad. Search by clicking share.

Then click Embed a map.

Copy the link now.

Then we have to open our Blogger website and click on Layout

Then go to Blogger where you want to add this Google Map and click on Add Gazette option.

Then click Html javascript from here

Give us a copy we wrote earlier

Check out the work done on Google Map Ad.


Thanks everyone for reading this post




Monday, September 23, 2019

[NEW] Zorex-Movie Blogger Premium Template..!! Diwnload It For Free..!!

flagbd, flagbd.com, animation, royalty free, motion graphics partical3D text, kinetic text TITAL, 3d text, 3d text effects, 3d template intro, 3D INTRO FREE, FREE 3D Logo Reveal, 3D pARTICAL Logo Reveal Intro, 2D & 3D Intro Template, polyfx, particles, mograph, chromedesigns, chrome, designs, animated, advanced, beginner, professional, adobe, motion, graphics, intro, tutorial, after effects, cinema 4d, maxon, particle, blender, free intro template, project4d, effects, cinema4d, ивангай

Zorex-Movie Blogger Premium Template


Assalamualaim… Hello friends!
I'm Rohan, today I came to you with such a premium theme. This theme is a fully responsive theme. And of course I am giving you this theme for free. You don't have to buy it for money.

Template identity:

Name: Zorex Movie Blogger Premium Template
Current version: V2.1
Designer: Rohan

Theme Demo. 

Download Link ..

Zip Password: Sadik @ 123


Theme Image:




Template Features: -

• Responsive.
• SEO Friendly.
• Mobile Friendly.
• Fast Load.
• Homepage Grid.
• Personal Blog.
• Magazine.
• Footer Menu.
• 3 Column.
• Social Share Button.
• Free Templates.
• Homepage Look Like Zorex Blog.

How to install the template ??

★ Download the Zorex Movie Redesign Blogger Template.
★ Extract the file.
★ Open the extracted Template File earlier.
★ Open the blogger dashboard page.
★ Select the Themes / Template menu »then click the Backup / Restore button» Click Select File.
★ Enter the extract file from the XML format »then click upload.

Done.

For the demo, please see this page .If the link is dead, inform the admin through the comments column.



Hope you like it….
Thanks everyone ... all good


 Thanks



Sunday, September 15, 2019

How to Verify Blogger Blog in Google Analytics..!!! [A to Z tips]

flagbd, flagbd.com, Online Marketing, Digital Marketing, Hindi, Using Google Webmaster Tools For SEO, google webmasters tools, Google webmasters code, Google Webmaster Tools Tutorial in hindi, how to verify wordpress website ownership on google webmaster tools, What is Google Webmaster Tools, Google Webmaster Tools 2017, Google Webmaster Tools Tutorial Training In Hindi, How To Submit Sitemaps On Google Webmaster Tool Hindi, Google Webmaster, Search consol

How to Verify Blogger Blog in Google Analytics..!!! [A to Z tips]

Assalamu Alaikum How are you Hope you are well I'm fine with your prayers too

Today, I will share with you something very important, hopefully everyone who has heard the name of Google Analytics and how everyone goes with it, but those who are new to it do not know how to verify blogger blogs.

If you keep verifying your site in Google Analytics, you will get many nice benefits as you get accurate information about your blog view by means of how many visitors are coming to your blog this month, how many page views there are, how many visitors come throughout the month. Have the right visitor, etc. If you are new to it, then it will look good to you.

So let's see how to verify your Blogger blog in Google Analytics.



First you go to this link

Now click on Access Google Analytics, just like the image below.

Now, from the menu, click Admin - like the image below -

Now, from the Account options, click on create new account as below -

A new page will appear with your blog name, blog URL, etc. Click on the Get Tracking ID as the image below -



Clicking on the message box will appear under the Google Analytics Terms of Service Agreement as I Accept.

Then a new page will come up and there you will get a Tracking Code that will be useful in the future by copying the code well and you will get some code there.

How to Verify Blogger ??

Now login to your Blogger account

From the dashboard, click on Template. Edit HTML

Find the tag below by pressing CTRL + F on the keyboard

<head>

Just below the tag above, or after the top Google Analytics code, insert the last one and click Save Template.

Now you're go to here

And login and click on Verification Details from the setting as shown below -

From the page that comes next, Verify using a different method. Click just like the image below -

Now select Google Analytics from the Verification methods option and click on Verify look like the image below -

Now select the image below and grab the right page view and the right information in your blog.


If you do the above, you will see everything as seen in the image below. It will be seen here daily and for weeks and months -





Diameter all work Hopefully from the above post you have no problem if any problem please comment below.

If you like the post, please share with friends. Be healthy and be healthy.


Wednesday, September 11, 2019

Download Now Super Fast Infinite AMP Responsive Blogger Template [Free Download]

flagbd, flagbd.com, Infinite AMP Responsive Blogger Template

Infinite AMP Responsive Blogger Template

Download Now Super Fast Infinite AMP Responsive Blogger Template [Free Download]

Assalamu Alaikum How are you Hope you are well I am very good to you.

Those who visit our website, there are less and more blog sites.
Google has given us this opportunity to share something for free so we can write something today for free, it will cost 5000 + bucks to build a website in Eman.

Where will students like us have so much money? Apart from opening a blog site, there are also designs and requirements. If you want to bring a website aviator, you need to create beautiful monochromatic designs.

If you want to make your site attractive, you need to design it well. Now you have to be a web developer to design. Nor are some of the design templates available online for Brother Blogger.

There are many templates available online that can be used as categories, but some of these designs are fascinating. Which will satisfy your visitor. Would love your visitor. So today I will share with you a template.

Difference between free and paid:
Although there are many templates available online, these are also available for free and paid and available.

Now what's the difference between free and paid ??
Whichever template you use for free, they will be given a credit that will be written on your site, such as Dizon by-the-blank.

But it will not be on paid. You can give your name in the paid. The template includes SEO, which is not buckled. There are many more.

Today, I will share with you the template of which one-on-one online price is above 800 rupees. But you don't have to spend any money. Since you have been spending megabytes on our blog. Since you are with us, I will give you the free premium templates.


Super Fast Infinite AMP Responsive Blogger Template

   DEMO || DWNLOAD



I made the download system with one click. So that you do not suffer.

• Template Future

• Responsive

• Mobile Friendly

• Seo Friendly

• Blogging

• Magazine

• Ads Ready

• HTML5 & CSS3

• Browser Compatibility

• Custom 404 Page

• Google Testing Tool Validator

• Fast Loading -

• Minimal

• Simple

• Clean Layout

• Clear Design

• Drop Down Menu

• Social Sharing

• No footer credit

• Premium Version

• looking awesome


This day. Then download the above template and upload it to your website. And give your website a beautiful look. Next time I will see new posts in a new topic. In the meantime, be healthy.



Khoda Hafiz



Thursday, August 29, 2019

Add A Custom Domain To Your Blogger Website.[Very Easyly] With Detailes Illustrations. [Don't Understand Where You Go]

flagbd, flagbd.com, K.D Tech Stuff, latest tech videos, Blogger (Website), custom domain, top domain, top level domain, .ml, .com, .org, .net, freenom, freenom.com, blogger.com, nameservers, cname, blogger A record, blogger A records, custom domain for blog, custom domain for blogger, free domain, free domain for blogger, free domain for blog, add custom domain for blog, setup 3rd party url, blogger 3rd party url, Free, blogger www., blogger domain, how to get domain, how to get free domain, how to

Add A Custom Domain To Your Blogger Website

Add A Custom Domain To Your Blogger Website.[Very Easyly] With Detailes Illustrations. [Don't Understand Where You Go]


Greetings! How are you all? Hope you are well A few days ago, I showed you how to take Top 5 domains for free for 1 year.

I got another post today because of your overwhelming response. Today's post is about domain setup.

Subject: How to add a domain with Blogger.
The work of the domain we took but just started. After taking the domain, the main task is to associate the domain with Hosting. In this case, if you want to join Free Hosting, you need to link to Blogger or WordPress.

So, in this episode we will show you how to setup your domain on Blogger / Blogspot. This task is relatively complex.

So if you carefully follow step by step, it will be easier.

Preparation Episode:
I'm going to show you (.ooo) domain setup with Blogger to teach you. No matter which domain you take. The basic procedure is almost the same.
Sorry for me it is not possible to show all domains.

Procedure:

1. Visit www.blogger.com first.



(Make sure you have Blogger login with Gmail.)

2. Then click on Setting.

3. Click Basic.
4. Then click here Add a third party.

5. Now enter your domain in the box with www. And save the day.

6. See, here (we have not been able to verify your authority to this domain) is showing an error. Don't worry.

Here you see the Name, Level and Host field and Destination, Target or Points to field.

We have to set these up somewhere.

7. Now you have access to your domain's Control Panel


(Only in the case of .ooo will be manage.buy.ooo) In case of another domain there will be another link. Please leave a comment. I'll tell you.

8. Now select your Email & Password and Customer and click Login.

9. The Verification Code has gone to your specific number. Click on Activate in the box.

10. Now switch to the Dashboard of the domain.

From here, place the Manage Order on top of the text and click on the List / Search Order text.


11. Now you should click on your domain from here.


12. Now click on the DNS Management text below.


13. Now click on write CNAME Records.


14. Then click Add CNAMES Rerords.


15. Now you can see such pages. Here is the information in the boxes.


16. Copy the data as shown in Figures 1 and 2 respectively.

17. Paste the information copied above as illustrated. And click Save.

18. Then copy data 1 and 2 the same way again.

19. Now paste the copied information as illustrated. And click Save.

20. Now click on the A Records as picture.

21.Then click Add A Record.

22. Now, there are 4 Google IPs in the picture. You have to add them all together.

So, add numbers 1, 2, 3, and 4 respectively.

So, first copy the number 1 IP.

23. Paste the information copied to the specified box in the image and save it.

24. In this way, save all the information according to number 22.

25. Diameter, our data has to be properly placed.


Now, wait only 12-24 hours. Your settings will take effect during this time.

After waiting 12-24 hours, you can log back into your Blogger account and perform the tasks from 1 to 5 above.

This time your domain will be saved.

Now, wait 2-5 hours again. Diameter, it became our desired domain setup.

The post is too big for you to simply explain. If you do not understand please report it. I will try my best.




😍😍😍 Thanks For Reading The Post 😍😍😍