Gallery

header ads

Cara Membuat Custom HTML di Tumblr

TumblrTumblr adalah layanan online micro-blogging gratis, terkenal karena mudah menyesuaikan fitur-fiturnya. Tidak seperti layanan blogging online yang mengenakan biaya untuk kontrol penuh atas desain situs.

Tumblr adalah situs blog di mana Anda dapat sepenuhnya menyesuaikan kode HTML. Anda dapat membuat tema Anda sendiri menggunakan alat-alat online dan variabel Tumblr itu sendiri. Variabel Tumblr memungkinkan Anda untuk menambahkan konten dinamis ke situs Anda seperti posting audio, video dan teks saat membuat kode kustom HTML Anda.

Instruksi:

1
Buka sebuah file di Notepad.
2
Ketik di Basic HTML structure Blog Tumblr Anda:
<head>
</head>
<body>
</body>
3
Tambahkan konten ke <head> menggunakan Tumblr variables Title, kemudian Favicon, RSS dan Description:
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
</head>
4
Ketik di Text untuk menampilkan judul blog anda dan description diatas tag <body>:
<h1>{Title}</h1>
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
5
Tambahkan kode untuk menampilkan konten pada blog anda. Gunakan variabel Tumblr berbeda di halaman tutorial Tema Tumblr. Sebagai contoh:
{block:Posts}
{block:Text}
<div class="mypost">
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
</div>
{/block:Text}
{/block:Posts}
6
Tambahkan navigasi ke footer dari blog Anda dengan menggunakan "Previous Page" dan "Next Page" variabel:
<div class="footer">
{block:PreviousPage}
<a href="{PreviousPage}">« Go Back</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Go Forward</a>
{/block:NextPage}
</div>
7
8
Tuju halaman blog anda (http://namaanda.tumblr.com/) dan klik Customize
9
Pilih Theme dan klik Use custom HTML.
10
Copy kode yang anda bikin di Notepad dan paste ke blog Tumblr custom HTML section anda.
11
Klik Save.