Posts

Showing posts from September, 2018

How to Deactivate Live Links in Blog Comments

Image
Disable live links in blog comments  - aims to make the "spam" link in the blog comment column not damage the reputation of the blog in the eyes of search engines. Because the more outbound links are not qualified out of our blog, then that will have a bad impact on our blog later. Usually the active links left by spammers in the comments are in the form of promotions, backlink searchers, and so forth. But in reality this is not the only way to find backlinks, since the backlinks themselves will come to our blog that we find useful. To deactivate live links in blog comments, we only need to implement some javascript code, and you can replace the live links in your blog's comments column with normal letters or in the form of a warning. Here I will give two ways, namely : The first way, replace the live link in comments with normal writing First open the blogger > Template > Edit HTML > Copy and implement the code below before </body> <script type='tex

Reasons Why People Stop Blogging

Image
Reasons Why People Stop Blogging - Blogging has become a new hobby and hope for everyone. Like other jobs, they begin to work with dedication. But over time, they began to move away from blogging. There are several reasons that can make them stop blogging and move to another job. When I try to find out, what is the real reason behind all this. And finally I found 5 reasons why people stop blogging. 1. The goal is only money and money Many bloggers whose purpose is only money and money, have no other purpose. No one can bloggers in an instant get money. But they never realized that only hard work and consistent efforts would bring success and income. It's true that everyone needs money in this world (which one doesn't need ...), the most potent drug is to be a writer on another blog. 2. Impatience "Do you want to be a millionaire in 1 day ?" There is no one who can become a millionaire overnight, even if there are people who might have been successful in their fields

How to Hide Active Links on Comments

Image
How to Hide Active Links on Comments - This time Templates Boy will share how to hide active links in comments to prevent spammers who deliberately put an active link with the aim of getting a backlink to the url link that is installed and this is indeed quite annoying because usually the spammers comment does not match the existing article. Well, how do I remove / hide active links in Blogger comments? Let's look at the following steps : How to Hide Active Links on Comments 1. Open your blogger account 2. Click Template > Edit HTML > Save the code below just above the code </body> <script type='text/javascript'> //<![CDATA[ //Block Comments Link function blockLinks(parentID, children) { var parent = document.getElementById(parentID), content = parent.getElementsByTagName(children); for(var i = 0; i < content.length; i++) { if(content[i].innerHTML.indexOf('</a>') !== -1) { content[i].innerHTML = "Do not add active links bro!"

How to Download Youtube Videos Without Software

Image
How to Download Youtube Video Without Software -  Youtube is one of the free online video sharing websites. This site allows you to upload, share and watch videos. Youtube is the most popular video sharing website in the world. Through Youtube you can also earn money with Google AdSense Youtube and this is what makes Youtube popular all over the world. Usually you just watch it on Youtube, but how do you make videos on Youtube that you watch can be downloaded / downloaded? Okay, it's easy to just follow a few steps below. So pay attention tips for downloading videos on Youtube without software : 1. Please search for the video you want to download from the Youtube site. 2. After finding the video that will be downloaded, please open the video and copy the Youtube video URL in your web browser's address bar. 3. After you copy the URL of the video that will be downloaded, then you open the site http://en.savefrom.net . 4. Then paste the url of the video from Youtube to the colu

How to Overcome Widgets That Can't Be Removed

Image
How to Overcome Widgets That Can't Be Removed - Greetings blogger friend, back in the blog Templates Boy will share a little tutorial on How to Overcome Widgets That Can't Be Removed. Often the habits of novice bloggers, one of which is to change the blog template, when changing templates sometimes we often find blog templates that some of the widgets can not be deleted and this causes us to confuse and decide to replace the template again. To overcome this here I will provide a solution for those who want to delete widgets that cannot be deleted. Here's the tutorial : 1. Login to your blogger > Select Template > Edit HTML > Look for the widget that you want to delete, for example a widget: Popular Posts <b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'>...</b:widget> Change the code marked with locked false, so it will be like this <b:widget id='PopularPosts1' locked='

How to Make Writing Effects Run on Blog

Image
Make Writing Effects Run on Blog - The fun of blogging on bloggers is that you can try various blog tricks, both to optimize your blog or beautify the look of the blog . In a normal blog, the most dominant is text or writing. There are various ways to make effects on the writing, starting from the blinking writing, the link swaying, until what we will learn today is to make the writing run like typed. Writing with the effect running like typed, the same as when we type using a laptop. When our finger presses the letter, the letter will appear and so on. This effect makes the letters appear letters per letter. This effect can be used to attract the eyes of visitors to see it, for example an announcement. To make writing with typed-like effects quite easy. We just copy the following script: <script language="JavaScript"> function type(){var t=document.getElementById(destination);t&&(t.innerHTML=text.substr(0,currentChar)+"<blink>_</blink>",c

How to Make a Pop Up Link on a Blog

Image
How to Make a Pop Up Link on a Blog - You certainly already know the regular link if you click it, you will go directly to the page on the link. There is also a link that will open a new page when clicked. While in this tutorial, we will create a pop up link. How to Link Pop Up? The pop up link is a link that when clicked will open a link in a new window / Open Link In New Window. However, we can set this pop up link by itself, the window size can be bigger or smaller. Some say if the link created with Open In New Tab or a new page will be more SEO, how about the link that opens a new window? in my opinion more SEO too. How to Make a Pop Up Link Standard Link Differences, Open links in new tabs, and Link Pop Up Standard Link <a href="https://www.templatesboy.com/">Standard Link</a> Link opens in new tab <a href="https://www.templatesboy.com/" target="_blank">Links open in new tab</a> Link Pop Up <a href='https://www.template

How to Install an Ad Box on a Blog

Image
How to Install an Ad Box on a Blog - On this occasion I will discuss about tutorial for creating an ad box on a blog which is 125x125 pixels. Maybe you already know that the activity of writing articles on blogs is no longer just a hobby release or filling the time gap. Creating a blog and managing it well and correctly can also produce money material that most bloggers make it as a livelihood. Showing or creating advertising space in the form of a banner on a website / blog is usually used as a separate business opportunity by a blog or website that has many visitors and has popularity on search engines. But it does not rule out the possibility that your new blog can bid by the advertise to put their advertisements into the blog that you have. If you are interested in providing or creating an ad box on a blog, follow the blogger tutorial that I will explain below. I need to convey it before you make it ad box de blogs are things that need to be considered in displaying the banner sp

How to Increase Alexa Rank Quickly

Image
How to increase Alexa rank? For those of you who do not know what is Alexa rank and its benefits, you should read the previous posts. In short, Alexa rank is the ranking of a website based on traffic. With high ratings, we will gain more trust from visitors. Therefore, many ask how to improve alexa rank. Ways to Increase Alexa Rank Then how to increase the Alexa rank of a website? Besides looking for traffic or visitors, there are also other ways to do it. The following tips from Templates Boy which is important enough to make alexa ranking higher. 1. Diligently Update Blogs Diligent blog updates means creating pages continuously. A website should regularly publish pages or writings. For that, if your website only focuses on selling a product, create a blog (for example: "blog.domain.com" or "domain.com/blog") on the website. That way you can make articles regularly. We recommend that articles be made not by copying someone else's. In addition, make a quality

How to Apply Bismillah in Blogger all Posts

Image
How to Apply Bismillah in Blogger all Posts - Almost every Muslim must know the bismillah sentence and thank God. This short sentence full of meaning is usually used when starting an activity and after doing the activity. Because the reading is short, many take the sentence bismallah and thank God. Even if it is examined more deeply, it turns out that these two sentences contain extraordinary strength in achieving success and blessings in life. It is not surprising that the Prophets, Apostles, and successful people always say bismallah every time they start their activities and end by saying alhamdulillah as an expression of gratitude. Alright enough for the introduction, here is how to apply it : First open Blogger > Template > Edit HTML > Then find the code  <data:post.body/> > Copy and apply the code below : Code to add bismillah at the beginning of the post, apply before  <data:post.body/> <div style='text-align: center;'><span style='

Simple Demo and Download Button

Image
Simple Demo and Download Button - Ok it's been quite a while in these few days I rarely check this one blog and sorry if I'm late to answer all your comments. This time I will share tips and try to answer from friends' questions on this blog, just go straight ahead Installing a button like this blog is easy enough, you just need to add CSS and HTML code below : Previously you have installed font awesome on the template, if not please add the link below before </head> <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/> Open Template > Edit HTML > Apply the code below before </style> .whitebutton { margin: 20px auto; padding: 20px 0; width: 200px; } .whitebutton a { background: #fff; color: #666; display: block; font-size: 17px; font-weight: 700; font-family: 'Arial',Verdana,sans-serif; height: 50px; line-height: 50px; text-align: cen

Basic SEO Techniques for Beginners

Image
The most basic thing in search engine optimization ( SEO ) a website is a keyword. Keywords can determine the amount of blog or web traffic that comes from search engines. Keyword also is the most important thing in implementing basic SEO tips. Therefore, choosing the right keywords is important to get maximum results. Keyword is the key to SEO (Search Engine Optimization). The keywords you choose will play a big role in determining the amount of traffic or visitors coming from search engines, like Google. For maximum results, do a research first in finding the right keywords. The selected keywords should be the most searched keywords in search engines. If you choose the wrong keyword, this will certainly result in lonely visitors. But, if the chosen keyword is right, more visitors will come from search engines. An article or article should have good keywords to support its ranking in search engines. One of the tips in choosing it is to use specific keywords or can be called long tail

White Hat SEO and Black Hat SEO techniques

Image
On this occasion Templates boy will discuss Some White Hat SEO Techniques and Black Hat SEO what you can apply as a consideration for future blogs. 1. White Hat SEO Techniques White hat SEO is a good and true SEO optimization effort and does not violate the TOS that has been set by search engines. For all bloggers who want to get good results on the SERP page it is recommended to apply this one SEO technique. The main goal of White hat SEO is to increase the page rank of the blog to page one on the search engine. Indeed, this technique takes a long time, but it is safer and you can trust the Search Engine. Isn't it fun if your blog or site is often visited by Search Engines? In addition, visitors to your blog will be crowded and stable if you manage to optimize a page on the Search Engine. The technique used by a White hat SEO is very simple as long as it is diligent and has the desire to update posts every day (not like this blog). Arranging words or writing on blogs is not as e

How to Make a Free Blog on Blogspot Blogger

Image
How to Make a Free Blog on Blogspot Blogger - How to create a free blog on blogger blogspot very easy indeed. The full name of the blog is a weblog which means a website that allows users to easily write or post various things according to their wishes, and can be commented on by their visitors. Many may wonder, what's the difference between blogger and blogspot? Blogger is the name of the service, while Blogspot is the domain name used by google for blog domains created in blogger. So, in short, Blogger as a service name and Blogspot are subdomains that we will receive if you use bloggers. Then why do you have to create a blog? There are many reasons, but the main thing is that blogs can help you to disseminate mass information to netizens, practice writing skills, and of course to make money (we will discuss this in the next post). For the registration process, I think it's quite easy. Maybe just a few minutes you can create a blog on a Blogger blogspot. How to Make a Free

Feedburner Settings So as Not to Lose Readers via Email

Image
Feedburner Settings So as Not to Lose Readers via Email  -  Feedburner settings so as not to lose the number of readers via email? That's the title I chose for this article. Maybe you wonder what the ambiguous sentence means? Basically this tutorial is basically for optimizing blog feeds, so that blogs that are posted by Feedburner will not lose backlinks (especially the number of readers via email). For how to set up Feedburner , the first step you have to do is log in to feedburner, click HERE then click sign, and enter the username and password that you have registered. Then click sign in. After that you will be taken to your feed page at Feedburner. Well ... then, please click on the blog feed that you want to set. Wait a minute until the loading process is complete and a new page will appear. On this page, focus your attention on the 5 menus in Feedburner ( Analyze , Optimize , Publicize , Monetize , dan Troubleshootize ) . It's time to start the setting process. The fir

Easy Ways to Make Shaded Effects on labels

Image
Easy Ways to Make Shaded Effects on labels  -  For those of you who want to make the label broken (spreading charm) by breaking themselves if you get a cursor, then do the trick. Immediately, man, since my stomach has also started rumbling, this tutorial will be a present for my lunch menu. hahahaha.... To make it enter on Design - Edit HTML and find the code </head> and place the following jquery on it : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> but if your template already has a jquery code with the model above, you don't need to add the code above.   then add the code below and place it below code jquery above that <script type='text/javascript'> $(document).ready(function() { $(&#39;#Label1 li&#39;).hover(function() { //mouse in $(this).animate({ marginLeft: &#39;12px&#39; }, 400); }, function() { //mouse out $(this).animate({ marginLeft

What is Google Adsense

Image
What is Google Adsense - If you look at the internet a few years ago, you will see advertisements that are done in a way that is very similar to other types of media like television, or actually, more like what you see in the newspaper. You will enter a site, and in some locations you will be able to see banners (often this is quite a lot and very large), which will be present and advertisements for any company that pays to add to your space. But there is one problem with this type of ad. It really doesn't exploit the fact that it adds not in some newspapers, but instead is served via the Internet. You may have seen many things like this as long as the page has been accessed. You're looking at an online store, looking for a watch but you get a banner that advertises a car. Even though you might, at some point then want to buy a car, now you are looking for a watch and it will definitely be fun if the banner advertises a watch, because you will have probably clicked it. Well it

Install Facebook and Blogger Responsive Comments

Image
Install Facebook and Blogger Responsive Comments - Facebook and Blogger Comments side by side are two things that are very related because as we know that the blogger comments usually Admin only offers the default comments column blogger and some visitors may not have a gmail account but facebook. So what we need to do here puts the facebook comment column alongside the blogger comments so that visitors who don't have gmail can comment using their Facebook account. Responsive code comment Facebook was combined with a tutorial from the Templates Boy blog on the article How to Install Facebook Responsive Comments on Blogger How to Install Side and Responsive Facebook and Blogger Comments 1. Login to the blog > Open Template > Copy the code below before ]]></b:skin> or </style> /* Facebook and Blogger comments */ .combinedcomments-page,.combinedcomments-tab{display:inline-block;background:#fafafa;color:#fff;float:left;margin:0 10px 0 0;cursor:pointer;font-weigh

How to Install Facebook Comments on Blogger

Image
How to Install Facebook Comments on Blogger - Still discussing about comments, Templates Boy's second tutorial will share how to post responsive Facebook comments on blogs. The benefit of posting a Facebook comment on this blogger allows visitors to comment directly on the article he read using a Facebook account. Also read : Overcoming Thumbnails Share Post Facebook For those who want to try it, please follow the steps below How to Install Facebook Comments on Blogger 1. Add the facebook meta tag below in the template just below. <head> <meta content='Facebook admin ID code' property='fb:admins'/> <meta content='Facebook App ID Code' property='fb:app_id'/> Note : If you have implemented the steps above, please skip to the next step 2. Add the code below before </head> <script type="text/javascript"> //<![CDATA[ $(window).bind("load resize", function(){ var url = location.protocol+'//'+lo

Overcoming Thumbnails Share Post Facebook

Image
Addressing Facebook Thumbnail Share Post - More precisely Overcoming Thumbnails Blog Articles that Don't Appear When Share to Facebook . This happens when the Facebook search engine fails to retrieve data from the page when blog articles are shared with Facebook and this is indeed quite disturbing because even if the dimensions of the image displayed are very small, they are only sized 90x90 pixels. Now that's why here I will provide a solution that is by adding a meta tag Facebook Open Graph on the blog. To get started, please follow the steps-step below : Note : Before editing the template it's good for you to backup it first.  Open the Blogger Dashboard > Click Template > Edit HTML  Search for tags <head> in the template and below it applies the meta tag below : <!-- [ Social Media meta tag ] --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond

Creat Share Button on Material Design for Bloggers

Image
How to make Share Button on Material Design  -  I will share is a version of Material Design . This Share Button is located at the bottom of the article, this is very useful to make it easier for visitors to share articles they read to Social Media. Well, in this tutorial there are only 3 buttons, namely a button to share to Facebook, Twitter and Google Plus . Please friend with your friend's wish to make it more suitable on your blog. Okay, we go to the installation step. Note : The template used must have installed Font Awesome. If not, please read this article How to Install Awesome Fonts on Blogger . How to Install Share Button : As usual, my friend logged in to your blog first After that go to Template > Edit HTML Add the code below where you want, to add it below the article, you can find the code <data:post.body/> Then copy this code just below it <h4 class='post-under'>Share it!!</h4> <div class='sharepost'>     <ul>      

How to Install Awesome Fonts on Blog

Image
How to Install Awesome Fonts on Blog  -  Font Awesome is a tool that is often used or even often installed on large sites. Font Awesome is a tool that will make it easier for us to use icon icons, actually this has been published for a long time by a developer named Dave Gandy. Now the Awesome Font has released several versions, for the latest version (May 7, 2016) is 4.6.2 with a total icon of 632, Wow quite a lot isn't it ?? Font Awesome also offers cool features, see its features below Features : 1. One font but has more than 600 Icons 2. Javascript is not needed 3. Unlimited size / size 4. CSS Controls - Buddy can add shadows, change size, color, etc. 5. Simple and pleasant icons in the eyes Well here I will share how to use and install Font Awesome on your blog. please buddy first check Font Awesome on your Blog template, if it's not installed, let's install it first ... How to Install Font Awesome : 1. As usual, you login to your blog 2. Then go to Template>