Cara Menambahkan Blogroll di Tumblr

Dengan tema Tumblr seperti Kalalalani, Prologue atau Vignetti, Anda dapat menambahkan daftar mirip blogroll langsung di bilah samping dengan menambahkan beberapa baris kode kustom ke template Anda. Jika tema Anda tidak mendukung bilah samping, Anda tetap bisa membuat blogroll dengan membuat halaman Tumblr baru yang berisi semua blog yang Anda ikuti dan ingin bagikan kepada orang lain.

Menambahkan Blogroll ke Bilah Samping Tema

Masuk ke akun Tumblr Anda, klik Customize, lalu pilih Edit HTML.

Gulir kode HTML sampai menemukan bagian yang berisi bilah samping tema. Misalnya, bilah samping untuk tema Kalalalani dimulai dengan "<ol id="nav">" dan berakhir dengan "</ol>".

Tambahkan baris kosong di atas tag "</ol>" untuk memberi ruang bagi kode HTML tambahan.

Masukkan tag <li> baru di baris kosong yang Anda buat untuk menambahkan item daftar. Editor Tumblr otomatis menambahkan tag penutup.

Masukkan kata "Blogroll" di antara tag <li> dan </li> untuk memberi label pada bagian blogroll di bilah samping.

Klik Update Preview untuk melihat apakah teks "Blogroll" muncul di bilah samping. Beberapa tema memerlukan kode CSS tambahan agar teks baru Anda terlihat. Misalnya, untuk membuat "Blogroll" terlihat di tema Kalalalani, ganti tag <li> dengan kode berikut yang akan mengubah warna teks label menjadi putih:

<li style="color:white">

Berhenti di atas tag "</ol>", lalu tekan "Enter" untuk membuat baris kosong untuk tautan blogroll.

Masukkan kode HTML untuk item daftar yang akan memuat tautan blogroll pertama. Contohnya, ketik baris berikut di bawah label blogroll:

<li><a>

Editor otomatis menambahkan tag penutup ketika Anda mengetik, sehingga kode Anda menjadi:

<li><a></a></li>

Masukkan kode HTML untuk menambahkan URL blog pertama di dalam tag <a>. Misalnya, jika URL blog pertama Anda "https://myfavoriteblog.com", kode Anda akan terlihat seperti berikut:

<li><a href="https://myfavoriteblog.com"></a></li>

Klik di depan tag </a>, lalu ketik nama blog pertama. Misalnya, jika blog tersebut bernama "My Favorite Blog", kode Anda akan menjadi:

<li><a href="https://myfavoriteblog.com">My Favorite Blog</a></li>

Klik Update Preview untuk melihat perubahan.

Tambahkan kode CSS untuk mengurangi ukuran nama blog pertama. Misalnya, jika Anda menggunakan tema Kalalalani, ubah ukuran font menjadi sekitar 10 piksel. Kode yang sudah disesuaikan akan terlihat seperti berikut:

<li style="font-size:10px"><a href="https://expectedend.com">My Favorite Blog</a></li>

Klik Update Preview lagi untuk memeriksa hasil. Gunakan tautan blogroll pertama yang Anda buat sebagai contoh untuk menambahkan blog tambahan.

Klik Save untuk membuat perubahan permanen.

Menambahkan Halaman Blogroll

Klik panah kembali di panel Customize, lalu klik tombol Add a page.

Masukkan nama untuk menyelesaikan URL halaman baru Anda. Misalnya, jika URL Tumblr Anda "goodblog.tumblr.com", URL lengkapnya akan menjadi:

goodblog.tumblr.com/blogroll

Masukkan judul untuk halaman blogroll Anda, lalu aktifkan saklar Show a link to this page.

Masukkan nama blog pertama Anda di kotak teks.

Pilih nama blog, lalu klik tombol Insert/Edit Link.

Masukkan URL blog di kotak berlabel "Link URL", klik Insert link, lalu klik Save.

Perhatian

Meskipun perubahan tema Anda terlihat baik di panel preview Tumblr atau di browser web, pengunjung yang menggunakan browser berbeda atau perangkat mobile mungkin melihat item yang terpisah atau terdistorsi. Uji blog Tumblr Anda di sebanyak mungkin browser dan platform perangkat keras untuk memastikan situs Anda selalu tampil sesuai yang Anda inginkan.