Panduan Membuat Daftar Follow di Tumblr

Membuat Daftar Follow di Tumblr

Daftar follow (blogroll) di Tumblr menampilkan semua blog lain yang Anda ikuti sebagai tautan. Pengunjung blog Anda dapat mengklik tautan tersebut untuk melihat blog lain dan mengikuti mereka jika tertarik. Tidak semua tema Tumblr mendukung daftar follow secara mandiri, namun Anda dapat menambahkan daftar mandiri pada tema apa pun dengan menyesuaikan kode. Daftar follow mandiri dapat ditampilkan di sidebar tema dan diformat menggunakan CSS khusus.

Daftar Follow Mandiri di Tema Mandiri

1. Masuk ke Tumblr dan klik ikon gear di dashboard untuk membuka halaman akun. 2. Pilih blog Tumblr Anda, lalu klik Customize. 3. Klik Browse Themes dan pilih Free Themes. 4. Pilih tema seperti Redux, Fluid, atau Minimal yang sudah memiliki dukungan mandiri untuk daftar follow. Lihat pratinjau dengan mengklik thumbnail tema. 5. Klik Use pada tema yang sesuai. 6. Gulir ke bawah di menu Customize dan pastikan opsi Display following atau Show People I Follow Widget diaktifkan. 7. Klik Save dan kemudian Exit untuk menggunakan tema baru yang menampilkan daftar follow Anda.

Daftar Follow Mandiri di Tema Tanpa Dukungan Mandiri

1. Masuk ke Tumblr dan buka pengaturan akun melalui dashboard. 2. Pilih nama blog Anda, lalu klik Customize di bagian Theme. 3. Klik Edit HTML untuk membuka kode sumber tema dan gulir ke bagian Sidebar. Letak dan penulisan bagian sidebar bisa berbeda tergantung tema; beberapa tema seperti Vacant menandai area sidebar dengan komentar. 4. Tambahkan baris baru di bagian sidebar tempat Anda ingin menampilkan daftar follow, misalnya di bawah foto profil atau di atas tautan media sosial. 5. Tempel kode berikut untuk membuat widget daftar follow:

<div id="followlist">
  <h3>People I Follow</h3>
  <ul class="following">
    <li><a href="{{ following.link }}"><img src="{{ following.avatar }}" width="50" height="50"></a></li>
    <!-- Tambahkan lebih banyak elemen 
 sesuai kebutuhan -->
  </ul>
</div>

Bagian <h3> menentukan judul widget yang terlihat; Anda dapat mengganti teksnya sesuai keinginan.

Jika Anda ingin menampilkan thumbnail berorientasi portrait, ubah atribut width dan height pada img sesuai selera. Nilai default 50px dapat diperkecil atau diperbesar.

Selanjutnya, klik Update Preview untuk melihat perubahan. Daftar follow akan muncul, namun thumbnail ditampilkan satu persatu vertikal; tata letaknya dapat diubah lewat CSS.

Selalu klik Save dan tekan panah kembali untuk menutup editor HTML.

Untuk merapikan tampilan, buka Customize lalu scroll ke bawah dan klik link Advanced Options. Tambahkan CSS berikut di kotak Add Custom CSS:

ul#followlist { list-style-type: none; padding: 0; }
ul#followlist li { float: left; margin-right: 0.5em; }

Terakhir, klik Save untuk menyimpan perubahan dan aktifkan daftar follow di blog Anda.

Tips Tambahan

Jika jumlah blog yang Anda ikuti terlalu banyak untuk dimuat di sidebar, buat halaman baru khusus daftar follow. Sisipkan tautan ke halaman tersebut di sidebar agar pengunjung dapat mengaksesnya dengan mudah.