Utechinfo: blog

Showing posts with label blog. Show all posts

Saturday, December 29, 2018

INTRODUCTION TO HTML AND XHTML

Basic HTML Structure

MylistMe - Hypertext Markup Language (HTML) is the language used to write web pages. The main feature of HTML documents is the presence of tags and elements. Elements in HTML documents are categorized into two, namely the <HEAD> element which functions to provide information about the document and the <BODY> element that determines how the contents of a document are displayed by the browser, such as paragraphs, lists, tables and others. While the tag is stated with a smaller sign "<" (initial tag) and a bigger sign ">" (end tag). In its use most of the HTML code must be located between container tags. It starts with <namatag> and ends with </ namatag> (there is a "/").

HTML documents have three main tags that form the structure of HTML documents, namely HTML, HEAD and BODY.

HTML tags function to declare an HTML document, HEAD tags function to provide information about HTML documents and BODY tags function to store information or data that will be displayed in HTML documents.

LISTS

There are five types of lists that can be used, namely:

Unordered Lists <UL>:

To list items with bullet marks. List entries are defined by the <li> tag. Example:

<ul>
<li> item number 1
<li> item number 2
<li> item number 3
</ul>

The results of the above code are:

item number 1
item number 2
item number 3

Ordered Lists <OL>:

Also used to create a list of items, with each item can use Arabic or Roman numerals. List entries are also defined with <LI> tags.

Example:

<li> item number 1

<li> item number 2

<li> item number 3

</ol>

The results of the above code are:

Item number 1
Item number 2
Item number 3

Lists Definition: <DL>

Example:

<dl>

<dt> first item.

<dd> explanation of the first item.

<dt> second item.

<dd> explanation of the second item

</dl>

The results of the above code are:

first item.: explanation of the first item.
second item.: explanation of the second item

IMAGE

Used to display gif images or animations on your web page. Attributes: alt, align = (center, left, right), hspave, vspace, border, width & height.

Example:

TABLE

In making homepages, tables have functions that are no less important than other HTML tags. First the table functions to display information in a structured, concise and easy to read manner, both functions to set the appearance of the homepage to make it more attractive.

The main tag for the table is <TABLE> </ TABLE> and to make the table title tag the table header <TH> </ TH> then to create table data or table contents using table data tags <TD> </ TD> and for creating rows is to use the Table Rows <TR> </ TR> tag.

FORM

Form is usually used to collect information from the user, allowing a web server to receive information from the user through a number of elements called controls. This control can be a textbox, checkbox, radio button, push button, menu list and more.

Writing standard form:

…… ..

…….

</form>

The method attribute has two post and get values. The get method sends data to the server by placing data at the end of the designated URL. The post method sends the data separately. If the input data is a lot, it is better to use the post method. The action attribute contains the URL of the program called by the form.

TEXTBOX

Textbox is one type of control for entering data. HTML provides the <input> tag with the type = "text" attribute for creating input boxes. Another attribute is name to name the input, Value attribute to give an input value and size attribute to determine the longest limit for an input.

In our textbox you can also hide input written by the user by giving a type = "password" value. The input will be the character "*"..

CHECKBOX

Checkbox is used to give several choices to the user. With the checkbox the user can choose one, more than one choice or not at all choose.

RADIO

in Radio type, the user chooses one of the available options, so the user cannot choose less or more choices. The Checked attribute indicates that the option is being activated.

SUBMIT and RESET

Each form must have a minimum submit and reset button. To make it use the type = "submit" and type = "reset" attributes. The submit button is used when a user fills out a form and wants to send it to the server. While reset is used when the user wants to delete all entries written.

Sunday, December 23, 2018

How to Make Money Online Without a Website

Creating a profitable website is a great way to create a long-term income online. But, there are still ways you can start making money online without having to create a website.

Keep reading to learn over 20 different ways you can start earning money without a website.

1. Publish Kindle Books

Today is the best time in history to become an author. If you’ve been dreaming about writing books for a living, then your dream could be closer than you think. The self-publishing revolution has made it possible for anyone to make a living by publishing books.

How to Make Money Online With a Website Or Blog

One of the longest-running ways to make money online is through your own website. You pick a niche, generate traffic, and then sell that traffic your products and services.

With your own website, you’ll have a lot of freedom with how you can turn a profit.

Below you’ll learn things like, how to make money with affiliate products, selling your own physical goods, courses, and a lot more.

Keep reading to learn 10 different ways your website can help make you money.

But, before you start building your first profitable site you’ll need a place to host it. Here at Hostinger, we have plans perfect for those just getting started online.

22 ways to monetize your website

1. Sell text-link ads (NOT RECOMMENDED)

– There’s still a demand for text-links ads (believe it or not). But please keep in mind that these violate Google’s Terms of Service (which means you run the risk of getting penalized).

To avoid it, simply keep the ‘nofollow‘.

2. Set up “infolinks”

– Infolinks are a great alternative to AdSense advertisements, that are very easy to setup. The downside is that they aren’t high in converting, and the payouts (on a per click basis) are also quite small.

Cara Memasang Google AdSense Auto Ads

Google AdSense merupakan program periklanan milik Google yang sangat populer dan sampai saat ini masih belum ada yang bisa menggungguli Google AdSense, meskipun sudah banyak program periklanan yang muncul sebagai alternatif dari Google AdSense, namun nyatanya Google AdSense masih menjadi primadona. Google AdSense merupakan program periklanan yang selalu dikembangkan dan berinovasi terus agar ramah terhadap pengguna dan juga menguntungkan bagi publisher maupun advertiser.

Saat ini Google AdSense mengeluarkan format iklan baru yang bernama “Auto Ads”, meskipun Google AdSense juga belum lama menambahkan beberapa format iklan baru seperti Matched Contents, In-Feed Ads dan In-Articel Ads, Google rupanya masih belum puas dan masih ingin membuat publisher memiliki banyak pilihan dan kemudahan.

How to Make Money Online With a Website Or Blog

One of the longest-running ways to make money online is through your own website. You pick a niche, generate traffic, and then sell that traffic your products and services.

With your own website, you’ll have a lot of freedom with how you can turn a profit.

Below you’ll learn things like, how to make money with affiliate products, selling your own physical goods, courses, and a lot more.

Keep reading to learn 10 different ways your website can help make you money.

But, before you start building your first profitable site you’ll need a place to host it. Here at Hostinger, we have plans perfect for those just getting started online.

1. Make Money With an Awesome Blog

A lot of people start a blog as a way to express their views or as a creative outlet.

Yet, there are many cases of people not only earning a living from their blogs but even turning them into massive companies, like the Huffington Post.

Not every blogger will hit these figures, but if you take the right approach you have a solid chance of earning money with your blog.

With a blog, it’s important to have a long-term vision. You won’t make money right away. But, as your writing improves, your skills grow, and your site picks up more traffic, it’s a definite possibility.

If your goal is to start a blog that makes you money, here are some tips to keep in mind:

Choose an evergreen topic like health, finance, relationships, hobbies, or personal growth;
Always aim to try and create the best resource on any given topic;
Learn about SEO and ranking your site in the search engines;
Network with popular bloggers and other influencers in your space.

The above tips will help you get going in the right direction. Once you have an authoritative blog that gets a large volume of traffic you’ll have many opportunities to monetize your site like:

Paid advertising;
Selling your own courses and products;
Selling affiliate products;
And much more!

Most of the methods of making money from a website can all apply to a popular blog you’ve created.

2. Start An Affiliate Website

Promoting products can be a great way to earn revenue. You can even start doing it here on Hostinger by becoming an affiliate!

Make money online by becoming a Hostinger affiliate

An affiliate site is built upon recommending or reviewing certain products. Then, when a reader buys that product through your link, you’ll receive a commission.

Although it might not seem like a big revenue generator, there are multi-million dollar sites based on affiliate revenue alone. For example, Pat Flynn of Smart Passive Income generates a large chunk of his monthly income through affiliate marketing.

You might also be familiar with the site the WireCutter. Essentially, this site is a massive product review site. This model can be very profitable as the WireCutter was recently purchased by the New York Times for $30 million.

When creating an affiliate site you can base your revenue on recommending and reviewing products. Or, you can integrate affiliate marketing into an existing blog by showcasing resources you recommend.

For example, let’s say you have a site that’s dedicated to helping lose stubborn belly fat. You could create posts that review relevant products and supplements, and every time you mention the product, include an affiliate link.

3. Build an eCommerce Website

eCommerce sites have been exploding in popularity in recent years. With the prevalence of platforms like WordPress and WooCommerce, creating an eCommerce site couldn’t be easier.

Make money online with ecommerce websites

If you prefer dealing with physical products and selling something tangible, then opening up an eCommerce store could be a great fit.

There are two different methods of running a successful online store:

Creating and selling a niche physical product to a dedicated group of buyers.
Purchasing cheaper goods manufactured in foreign countries, repackaging them, and selling them at a markup.

The first approach can be very successful, but it does require a passion for the product and the willingness to do a ton of research, product development, and testing.

But, the massive success of stores like SkinnyMe Tea, BeardBrand, and Ratio Coffee show that you can reach the heights of success with your eCommerce store.

If the first approach seems a little risky for your first online business, then you might consider the second option of reselling popular overseas products. This method involves sourcing a popular product from a platform like AliExpress, repacking the product, and selling it through your own storefront.

Beyond selling the right products you’ll also need to think about how you’re going to ship your products. You can personally handle shipping and order fulfillment yourself. Or, you can employ a popular method called drop shipping, where the manufacturer handles it for you.

4. Resell Web Hosting

Reseller hosting is another great way to make money online. In fact, we offer this service on our sister project Hosting24.

The basic idea of reseller hosting is providing a dedicated server space, which you can use to build your very own web hosting brand. It allows you to:

Create cPanel-powered web hosting accounts;
Set custom resource limits (disk space, bandwidth, and similar);
Conveniently manage all accounts using WHM.

Since cPanel is the best known tool to manage a hosting account, it will be easy to attract new users. The server uptime is also monitored by an in-house administrator team, which ensures good uptime and availability.

Last but not least, a dedicated 24/7 support staff will be there to help with all your questions and queries.

The following perks will let you focus on user acquisition, rather than the technical aspects of server management.

If you’re familiar with how web hosting works, reselling it will be a walk in the park. Who knows, you may become one of the web hosting giants if you put enough effort!

5. Create a Digital Course

It seems like digital courses are everywhere today! So, if you have valuable knowledge that someone would pay for, this could be a great option.

In addition to having your own courses, learning platforms such as BitDegree offer a chance to become an instructor. It’s a unique opportunity to pass your skills and experience to thousands of people eager to learn about new technologies.

Make money online by becoming an instructor and producing online educational courses

Digital courses can be produced in a lot of different formats, from simple PDF downloads, all the way up to self-produced video courses that have dozens of hours of content.

Creating online courses can be very powerful path. Since it’s under your control, there’s no limit to how much money you can make.

Like most other methods on this list, digital courses can be integrated into most styles of websites including blogs, eCommerce sites, and even affiliate sites.

If you’re looking to create a digital course, but haven’t settled on your topic it’s a good idea to poll your audience. Often, they can tell you exactly what they’d like to learn and would be willing to pay for.

For example, the online course Learn Scrivener Fast is completely dedicated to helping writers learn the ins and outs of the software Scrivener. The creator of this course, Joseph Michael, uncovered the need by reading the comments on Michael Hyatt’s blog. And it has since grown into a six-figure business!

6. Create a Membership Site

Membership sites have exploded in popularity recently. The idea is easy enough to implement. But, it does require having an existing audience of some sort.

Make money online with membership websites

For example, Mark Manson runs a popular self-development blog. On his site, there’s a membership portion that gives users access to online courses, videos, and additional article commentary. For fans of his work, it’s a great deal.

People are already visiting your website because they like what you write about and how you write it. So, you create a membership part of your site that has premium content that sits behind a paywall.

Now, every single person who visits your site won’t take you up on the offer, but your dedicated fans will find it irresistible.

The type of membership site you create will depend upon the kind of site you run and the level of depth you want to go with your premium content. If you like the idea, check out our guide on how to create a membership website using WordPress.

7. Sell Advertising Space

We’ve all seen sites that use advertising throughout their content. Sometimes the ads are intrusive, but other times they integrate naturally with the content.

Monetizing your site via advertising is usually reserved for when your site is receiving a large volume of traffic. But, if your traffic numbers are high and only continue to grow, then this option could be worth exploring.

The amount you’ll get paid will depend upon the network, but usually, you’ll get paid based upon the number of impressions or clicks.

There are many different ad networks to choose from.

Google Adsense is probably the network you’re most familiar with. With Google AdSense, you apply to the network, and once you’re approved you can start adding ads to your site. Typically, the payout for Adsense ads won’t be great unless your traffic is in the millions of visitors per month.

There are other ad networks like Ezoic and Media.net. Both of which have an approval process and site evaluation. These networks also have the benefit of working with you to optimize your advertising revenue.

If you don’t want to work with an ad network you also have the ability to sell advertising yourself. If you have a niche audience, this can be a pretty lucrative option. Let’s say you have a site dedicated to sleep optimization. Instead of using one of the ad networks above you could sell ad space to large mattress companies.

You also have one final option of creating sponsored content. This is where a company will pay you to create sponsored content and you post the content on your site. Sites like Buzzfeed and Millo have taken this approach.

8. Sell Your Services

Selling services from your website is one of the fastest ways to make a profit.

There are two different approaches to selling your services:

Create an Educational Blog and Offer Your Services

Create a niche blog that contains useful information about a certain topic. Let’s say you have a blog about holistic wellness, and you’ve built a decent sized email list, or get solid traffic numbers.

You can add a services page to your site where you offer health coaching, whether in person or through mediums like Skype.

Create a Basic Website and Pitch Your Services

The other method involves creating a website for the sole purpose of pitching your services to companies and individuals.

Let’s say you want to be a freelance writer.

You choose a niche and build your website. Then, you create a few pages telling people who you are, the services you provide and showcase a few samples of your work.

Then, you start generating leads for your new service business by doing things like guest blogging, podcast interviews, or cold outreach.

If you’re looking to take your service-based business to new heights, then combining the two methods will give you great results.

9. Create a Subscription Job Board

Job boards can be a pretty lucrative way to earn a living with your website.

The process is simple. People looking to hire someone in a specific niche will post a job listing on your site and your visitors will apply for the job.

Make money online with a job listing website

You can either charge people to post job listings. Or, you could charge your visitors a monthly membership fee to access the job board.

Keep in mind that you do need to have decent traffic in order for this to work. A company won’t pay to post a job on your site if you aren’t sending any qualified applicants their way.

For example, let’s look at the ProBlogger Job Board. Here companies and individuals will pay a fee to post a job listing on the site. Then, it’s entirely free for anyone to access and apply for the job. Since ProBlogger is an authority site with a large audience, businesses who post a job will get hundreds of applications for each listing.

When creating a job board make sure you have a solid audience that has a synergy with companies in your space.

10. Create An Online Directory

Online directories aren’t as popular as they used to be, but they can still be profitable.

They work in a similar fashion to the job board above. But, instead of people paying to post jobs, or get access to the job board, they’ll pay you a monthly fee for a directory listing.

If you have an authoritative site or get a lot of traffic, then these listings are pretty valuable.

Let’s say you run a site that’s dedicated to web development and design. You produce high-quality content and have a solid amount of authority. You could create a directory portion of your site where web developers and agencies can purchase a listing.

This will not only provide them with a solid authoritative backlink, but it could be a nice source of traffic for their business.

Usually, directories work by charging a monthly subscription fee to be listed. You could even charge a premium fee to let businesses list themselves at the top of the directory, getting even more eyeballs on their listing.

11. Sell Your Website

The final way to make money from your website is to sell it!

Depending on your site this can be a pretty lucrative option. Although it probably won’t make you wealthy, it can result in a pretty nice lump of cash.

On average your site will sell for a multiple of your monthly income. The multiple will depend on a variety of factors, but you can usually expect to sell for anything from a 12x to 30x multiple.

22 ways to monetize your website

1. Sell text-link ads (NOT RECOMMENDED)

– There’s still a demand for text-links ads (believe it or not). But please keep in mind that these violate Google’s Terms of Service (which means you run the risk of getting penalized).

To avoid it, simply keep the ‘nofollow‘.

2. Set up “infolinks”

3. Use monetization widgets

– These are also very similar to Google Adsense, so they’re worth trying out as an alternative.

4. Set up RSS feed ads.

– Exactly what they sound like. Ad space for sale in-line with content from an RSS feed.

5. Give away premium content for extra $$$

– If you are producing mind-blowing, awesome content that visitors can’t get enough of… you can always try asking them to pay for some of it! (Crazy concept, huh?!) I’m personally fine with paying for premium content. Bear in mind – don’t ask people to pay right away. Instead, stay focused on growing an audience and visitors first.

6. Start a private forum or coaching class(es)

– Most of us have unique skills that others can benefit from. Setting up a simple forum or classes is an easy way to help others and generate recurring income at the same time.

7. Create a job board

– Setting up a job board on your website is another simple, easy way to collect additional money when people are accepting different job offers from various companies or individuals.

8. Offer consulting

– Offering consulting gigs and providing services can help you bring in decent sums of money while other forms of ‘passive’ revenue take a little time to build up. You can offer these services via email, forum or even Skype.

9. Add “hire me” page on your website

– Your new website or blog is also a perfect place to feature your freelancing services. Showcasing samples or evidence of past work will help greatly increase your chances of getting hired.

10. Sell or rent internal pages

– These aren’t very common, but you might be surprised at what people would be willing to rent or spend money on!

11. Display pop-ups advertisements

– Pop-ups can be extremely annoying. However, they’re also another easy way to make some quick money.

12. Use content lockers

– ‘Content locking’ is similar to hiding or protecting pieces of content until a visitor takes some action to redeem it. For example, maybe you want them to pay a small amount, or perhaps click on an advertisement.

13. Display audio ads

– These are relatively new and are becoming increasingly more common. Personally, I haven’t tried it. But I have read some articles and it definitely looks promising.

14. Sell an e-book

– This one is a no-brainer. Many people sell e-books through their site. Some examples: If you have a website about recipes and cooking, you can easily create and sell your own recipe book. The same applies to almost every niche.

15. Create a conference around your website

– Lots of work but a huge potential payoff as well.

16. Set up a teaching program

– Kinda like a cross between selling your own content and offering consulting or services.

17. Host paid webinars

– Similar to the last tip, which is largely a mix of consulting through content and a teaching program.

18. Create a membership site

– Yet another tier on the ‘info-business’ model that has the added benefit of bringing in recurring revenue.

19. Offer coupons (with affiliate links)

– People are eagerly looking for discount & promo codes for everything from clothes to travel vacations. If you can (find and) offer a valid one, you can also get a cut of that revenue too.

20. Host polls on your website

– Hard to believe, but easy to do!

21. Offer writing gigs

– You can easily make $20 – $30 per 500-word articles writing for other companies or individuals. There’s also a huge potential for fluent speakers of different languages, as many companies want their websites translated by those who speak the native language.

22. Create a paid directory/business page

– You charge people for listing or subscribing to the page.

Saturday, November 15, 2014

Cara Membuat Menu Drop Down Di Blog

Membuat menu dropdown di blog mungkin cukup sulit bagi sebagian orang , namun saya disini akan memberikan cara yang mudah untuk membuat menu drop down di blog hanya dengan menggunakan kode html dan css biasa .. seperti pada gambar dibawah .

Berikut langkah-langkah dalam membuat menu drop down di blog anda :

1. Login Blogspot

2. Klik menu Design

3. Klik Menu Template — Klik Backup/Restore (supaya aman, kita save dulu template yang sekarang) — Kemudian klik Edit HTML

4. Cari scrip berikut div class=’main-outer’> dengan cara tekan ctrl+f

5. Setelah dapat, copas script berikut tepat sebelum (diatas) script yang dicari tadi

6. Ganti tulisan warna biru dengan url/link yang di akan dituju

7. Ganti tulisan warna merah dengan nama Menu & Sub Menu yang anda inginkan

8. Save template yang sudah di edit

Dan untuk mengarahkan link , ganti saja tanda # dengan link yang dimaksud .. terimakasih :)

Thursday, November 13, 2014

Cara Membuat Daftar Isi Blog

Fungsi dari daftar isi blog adalah supaya bisa melihat semua daftar postingan blog, selain itu jika mencari artikel di kotak pencari (searching box) yang terddapat di Blog, maka yang tampil cuma judul dari postingan yang berkaitan saja, jadi jika di Blog terdapat postingan yang banyak, ini akan memudahkan pencarian artikelnya karna yang di tampilkan hanya judul postingannya saja.

Cara pembuatannya :

LANGKAH PERTAMA

Login ke Blogger.
Pilih Tata letak
Pilih Edit HTML.
Download Template Lengkap dulu templatenya jika takut gagal.
Kasih tanda centang pada kotak Expand Widget Templates.
Cari kode ini
<b:include data='post' name='post'/>
ini pada template anda.
Ganti kode diatas dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin-bottom:2px;background:#F7F7F7;color:#699ABA;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kode warna (tulisan hijau), silahkan ganti dengan warna kesukaan anda atau yang sesuai dengan blog anda.

Klik tombol Simpan Template.

LANGKAH KEDUA

Pilih Elemen Halaman.
Klik Tambah Gadget.
Klik tanda + pada HTML JavaScript.
Copy kode dibawah ini kemudian paste pada kolom yang tersedia.

<a href='http://coretananakilkom.blogspot.com/search?max-results=200'>Daftar Isi</a>

Ganti http://coretananakikom.blogspot.com dengan URL blog anda.
Klik tombol Simpan.
Lihat Blog anda sekarang.

Langkah kedua itu adalah penjelasan agar tulisan Daftar Isi terletak pada sidebar atau posisi tambah gadget pada blog anda masing-masing. tetapi jika anda ingin menaruhnya ditempat lain juga bisa contoh pada Menubar atau Navbar, terserah gimana bagusnya menurut anda.

Wednesday, November 12, 2014

Cara Membuat Random Post / Postingan Mengacak

Random Post adalah semua postingan yang terdapat di blog kita, ditampilkan secara mengacak, membuatnya mudah, tinggal tambah gadget di element halaman blog kita, terserah mau di letakan di mana sajal

Langkah-langkahnya sangatlah mudah seperti kita menambahkan gadget pada blog kita.

1. Login ke Blogger
2. Kemudian klik Tata Letak lalu Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode dibawah ini :

<script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=10;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);}} }document.write('</ul>');} </script> <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000& callback=randomposts" type="text/javascript"></script>

Note : Angka 10 adalah jumlah postingan yang akan ditampilkan secara acak, dan bisa di ganti berapa saja jumlah postingan yang mau di tampilkan secara acak

Cara Membuat Readmore Di Blog

Readmore/Baca selengkapnya adalah untuk mempersingkat postingan yang telah di buat, pada halaman utama blog, seperti gambar di atas, kalau di klik selengkapnya, maka akan muncul sumua isi postingannya.

cara membuatnya :

1. Buka menu Tata Letak kemudian pilih Edit HTML.
2. klik kotak pada tulisan "expand widget template"
3. Cari kode yang berwarna kuning dibawah ini berikut di Template blog kamu (biasanya tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More.. »» </a>
</b:if>

Tulisan "Read More.. " yang berwarna merah itu bisa kita rubah, misalnya jadi "Baca Selengkapnya" atau "Lanjut Baca.. ". terserah kemauan kita.

5. Kemudian klik Simpan Template.
6. Jika sudah kemudian pilih menu Pengaturan lalu pilih Format
7. Pada kotak Template Posting isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.

9. Ketika memposting, disana ada 2 tab pilihan yaitu : "Edit Html" dan "Tulis", lalu kita pilih Yang "Edit Html", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. Tulislah postingan yang ingin kita tulis sebelum atau diatas kode ini : <span class="fullpost">

ket : itu yang akan tampil pada halaman utama blog kita yaitu sebelum tulisan Read More... (untuk eminimalisasi tampilan) lalu tulislah postingan (yang akan tampil setelah kita klik tulisan Read More...) diantara <span class="fullpost"> dan </span>

Sunday, November 9, 2014

Cara Mengganti Icon Address Bar Di Blog

Cara Mengganti Icon Address Bar Pada Blog Anda

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon kecil padaaddress bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

lalu dibarengi dengan alamat blognya.

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

kalau belum bisa membuat gambarnya ikuti langkah-langkah berikut ini :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

http://www.favicongenerator.comatau
http://www.favicon.co.uk
Anda dapat memilih ukuran favicon (16x16, 32x32, 48x48, 64x64) atau
http://favicon-generator.org
atau
http://www.favicon.cc
Anda dapat membuat favicon sendiri sesuai kreasi Anda

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

Setelah itu .....
masuk ke "setelan tampilan --> Edit HTML" trus tempatkan script berikut sebelum kode

</head>

<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

atau bisa juga seperti kode dibawah ini :

<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>

Ganti huruf yang berwarna Hijau dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.
contohnya kamu mengupload gambar kamu di photobucket dan juga di imageshack sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :

Login ke picasa dengan account google di http://picasaweb.google.com
Tekan tombol I accept.
Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.
Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
Tekan tombol browse dan arahkan pada file yang akan anda upload
Tekan tombol start upload untuk menguploadnya ke dalam server picasa
Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
Klik kanan gambar tersebut dan pilih properties.
Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
Lakukan hal yang sama untuk gambar2 yang lain

atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img100.imageshack.us/img100/4658/image12du2.gif

http://img132.imageshack.us/img132/4733/image13lj1.gif

http://img145.imageshack.us/img145/7793/image14zg9.gif

http://img264.imageshack.us/img264/7575/image16kn8.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img509.imageshack.us/img509/6449/image6fu0.gif

http://img507.imageshack.us/img507/5774/image8wn8.gif

Itulah cara untuk mengganti icon pada adress bar di blog kita .. Terimakasih semoga bermanfaat :)

Tuesday, March 6, 2012

Menambahkan Playlist Mp3

Menambahkan Playlist Mp3 Indonesia Hits

Ada yang tidak suka dengan musik barat, ada yang lebih suka dengan musik dalam negeri sendiri. Kalu dulu say pernah menulis tentang menambahkan Playlist Mp3 Hits Western/Barat, tentu juga ada yang meninginkan Playlist Mp3 Indo. Apa bedanya antara Playlist Mp3 Hits Western/Barat dan Playlist Mp3 Indo?

Kalau Playlist Mp3 Indo, yang diputar di blog kita adalah lagu-lagu anak negeri yang masih hot dan hits, sedangkan Playlist Mp3 Hits Western/Barat, yang diputar adalah lagu-lagu asing yang juga lagi hot dan hits serta fresh. [ :D pintar ya saya ]

Langsung saja, kita bahas cara menambahkan Playlist Mp3 Indo, mungkin kalau kamu yang sudah baca sebelumnya ( menambahkan Playlist Mp3 Hits barat ), sama dengan hal tersebut, masih sama juga, gadget ini dikembangkan oleh musik-live.

Cara Menambahkan Playlist Mp3 Indo adalah sebagai berikut
1. Login ke blogger.com
2. Pilih Tata Letak --> Tambah Gadget
3. Selanjutnya pilih HTML/JavaScript
4. Masukan (copy paste) kode di bawah ini

Saturday, December 29, 2018

Basic HTML Structure

LISTS

IMAGE

TABLE

FORM

TEXTBOX

CHECKBOX

RADIO

SUBMIT and RESET

Sunday, December 23, 2018

Creating a profitable website is a great way to create a long-term income online. But, there are still ways you can start making money online without having to create a website.

1. Publish Kindle Books

Friday, December 14, 2018

1. Make Money With an Awesome Blog

2. Start An Affiliate Website

3. Build an eCommerce Website

4. Resell Web Hosting

5. Create a Digital Course

6. Create a Membership Site

7. Sell Advertising Space

8. Sell Your Services

Create an Educational Blog and Offer Your Services

Create a Basic Website and Pitch Your Services

9. Create a Subscription Job Board

10. Create An Online Directory

11. Sell Your Website

Saturday, November 15, 2014

Thursday, November 13, 2014

Wednesday, November 12, 2014

Readmore/Baca selengkapnya adalah untuk mempersingkat postingan yang telah di buat, pada halaman utama blog, seperti gambar di atas, kalau di klik selengkapnya, maka akan muncul sumua isi postingannya.

Sunday, November 9, 2014

Cara Mengganti Icon Address Bar Pada Blog Anda

Tuesday, March 6, 2012

Belajar Ngeblog di BLOG Terkait:

search/label/musik

search/label/mp3