Jimmy Sun

  • HomeStart Here
  • ContactJust Ask
  • Pasang IklanShow Your Site
  • LinkTukeran Link
  • CategoriesBrowse
    • Miscellaneous
    • Online Money
    • Opini
    • Personal
    • Refreshing
      • Cool Stuff
      • Games
      • Jokes
    • Reviews
      • Books
      • Movies
    • Techonology
      • Android
      • Computer
      • Internet
      • My Softwares
      • Programming
      • WordPress
    • Uncategorized
  • SitemapNavigate Here

Menambahkan Tombol Like & Reblog di Tumblr

Suka ngeblog di Tumblr? 🙂 Yang suka blogging di sana pasti sudah tahu kan tentang fasilitas Like & Reblog-nya? Nah, biasanya kalau mau nge-like atau nge-reblog satu posting, kita harus masuk dulu ke postingan itu (single post) baru di kanan atas klik like / reblog. Agak repot juga kan? Bagaimana caranya supaya bisa nge-like dan reblog langsung dari halaman utama blog tumblr? Begini langkah-langkahnya:

  1. Login ke Tumblr.
  2. Buka blog Tumblr Anda.
  3. Klik Customize di kanan atas.
    customize tumblr
  4. Klik Edit HTML
    edit html tumblr
  5. Masukkan kode2 di bawah ini. Saya tidak menuliskan kodenya di sini karena tampilannya agak kacau, jadi saya gunakan pastebin.

Kode-kode yang harus dimasukkan ada beberapa, tergantung keinginan Anda:

1. Hanya menampilkan tombol default berbentuk hati

Masukkan kode yang ada di sini: http://pastebin.com/tuH8upgJ tepat sebelum </head>.

Lalu, di antara kode {block:Posts}{/block:Posts}, paste kode berikut ini dimana Anda ingin tombol Like-nya diletakkan:

<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>

2. Hanya menampilkan tulisan Like

Masukkan kode yang ada di sini: http://pastebin.com/Xbvziy9u tepat sebelum </head>.

Lalu, di antara kode {block:Posts}{/block:Posts}, paste kode berikut ini dimana Anda ingin tombol Like-nya diletakkan:

<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div>

Anda dapat mengganti kata “like” tepat sebelum </div> di atas sesuai keinginan Anda.

3. Menampilkan tulisan Like dan tombol default berbentuk hati sekaligus

Masukkan kode yang ada di sini: http://pastebin.com/vN5UwpkY tepat sebelum </head>.

Lalu, di antara kode {block:Posts}{/block:Posts}, paste kode berikut ini dimana Anda ingin tombol Like-nya diletakkan:

<div class="my-text-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">Like</div>
<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>

Menambahkan Tombol Reblog

Untuk menambahkan tombol reblog sangat mudah, tinggal paste kode di bawah ini dimana Anda ingin meletakkan tombolnya, tapi tetap harus diantara {block:Posts}{/block:Posts}:

<a href="{ReblogURL}">Reblog</a>

atau kalau ingin menampilkan button reblog:

<a href="{ReblogURL}"><img src="https://assets.tumblr.com/images/iframe_reblog_alpha.png" /></a>

Hasilnya akan seperti ini:
menambahkan tombol like dan reblog di tumblr

Untuk contoh live preview, silakan lihat di sini: Jimmy Sun on Tumblr :thumb1:

Selamat mencoba!

Credit: Tumblr Like Button

Jan 12, 2013Jimmy
Update Android di Samsung Galaxy dengan Mudah Menggunakan Samsung KiesGambar Dihapus Pinterest
You Might Also Like
 
Istirahat Jangan Terlalu Lama
 
Buku ProBlogger Telah Tiba
Comments: 7
  1. jaket kulit garut
    8 years ago

    terima kasih infonya gan… :thumb3:

  2. Jefry
    8 years ago

    saya belum pernah membuat blog di Tumblr
    terima kasih atas tutorial mmebuat tombol like dan reblog di Tumblr, bisa menambah wawasa saya

  3. jelly gamat gold g
    7 years ago

    :thumb6: hohohooo… gituuu yaaa..

  4. cara membeli ace maxs
    7 years ago

    waahh.. mantepp nih infonya kak.. 😀
    makasih udh share ya

  5. citragarment
    7 years ago

    thanks buat infonya
    sangat bermanfaat
    bisa di coba juga

  6. citragarment
    7 years ago

    oh jadi gitu caranya
    maksi buat infonya 🙂

  7. citragarment
    7 years ago

    thanks buat tips / caranya
    sangat bermanfaat

Jimmy
8 years ago Internetblogging, reblog, tombol like, tumblr
Recent Comments
  • Yamaha FreeGO dan Kymco FreeLX (1)
    • Budiman: Keren mas ulasannya ,
  • Ini Dia Daftar Keluaran Mobil Suzuki Terbaru 2018 (3)
    • Toko aksesoris iphone: suzuki terus berinovasi ya
    • Lutfi: foto-fotonya mobilnya kurang om
    • Riko Rahmanto: Thanks sharingnya bang
  • Membuat Wallpaper Android Diam Tidak Bergerak (16)
    • Jimmy: Bisa 🙂
Categories
Blogroll
  • BlogDokter
  • Deddy Andaka
  • Jersey Futsal
  • Jiewa
  • Jual Kaos
  • Souvenir Pernikahan
  • Tipis
  • Yudi World
  • Zee
Facebook & Twitter
Tweets by @jimmysun
Buku Pramuka Boyman
Buku Pramuka Boyman
natural balmut
Check This Out!
Follow me on Pinterest!
Visit Jimmy Sun's profile on Pinterest.
2018 © Jimmy Sun
  • Home
  • Contact
  • Pasang Iklan
  • Link
  • Categories
    â–¼
    • Miscellaneous
    • Online Money
    • Opini
    • Personal
    • Refreshing
      â–¼
      • Cool Stuff
      • Games
      • Jokes
    • Reviews
      â–¼
      • Books
      • Movies
    • Techonology
      â–¼
      • Android
      • Computer
      • Internet
      • My Softwares
      • Programming
      • WordPress
    • Uncategorized
  • Sitemap