Skip to main content

Tutorial Blog Tumblr Menambah Butang Media Sosial

Share Artikel ke Tumblr (Jun 2026)

Share Artikel ke Tumblr (Jun 2026)
Anonim

Sesiapa yang mempunyai akaun Tumblr boleh berkongsi kandungan dengan pengguna lain dengan menekan Butang seperti yang,Reblog butang atau Hantar butang pada catatan blog tertentu dalam papan pemuka Tumblr.

Butang terbina dalam ini membolehkan anda berkongsi kandungan dalam dinding maya rangkaian Tumblr; walau bagaimanapun mereka tidak memberi anda fleksibiliti untuk berkongsi kandungan dari blog Tumblr berasaskan web (duduk BlogName.Tumblr.com ) di mana-mana laman media sosial utama seperti Facebook, Twitter, Google+ atau tempat lain.

Jika anda ingin menambah butang saham tambahan ke blog Tumblr anda supaya kelihatan seperti blog sebenar, anda boleh membayar untuk tema premium yang dilengkapi dengan butang atau melakukan kerja sendiri dengan menyalin dan menampal beberapa kod ke dalam template blog Tumblr anda .

Menambah hanya satu kod kod di bahagian kanan dokumen HTML tema anda secara automatik akan meletakkan butang media sosial di bawah setiap catatan blog yang diterbitkan sebelum dan semua catatan blog masa depan.

Jangan risau, lebih mudah daripada yang anda fikirkan. Inilah cara untuk melakukannya.

01 dari 07

Daftar atau Log Ke Akaun Tumblr Anda untuk Membuat atau Akses Blog Anda

Sekiranya anda belum membuat blog Tumblr atau mendaftar untuk akaun, perkara pertama yang perlu anda lakukan adalah melawat Tumblr.com di mana anda akan diminta memasukkan alamat e-mel, kata laluan dan URL blog yang diinginkan untuk bermula .

Jika anda sudah mempunyai akaun dan blog, hanya masuk.

02 dari 07

Pilih Butang Media Sosial Anda

Lakukan carian Google untuk butang kongsi rangkaian sosial yang anda mahu letakkan pada blog Tumblr anda. Kebanyakan (jika tidak semua) rangkaian sosial utama mempunyai halaman bantuan khusus yang menunjukkan cara untuk menetapkannya.

Untuk kemudahan anda, berikut adalah beberapa halaman butang bahagian rasmi untuk beberapa rangkaian sosial yang paling popular:

  • Butang Facebook Rasmi
  • Butang Tweet Twitter Rasmi
  • Butang Kongsi LinkedIn rasmi
  • Butang Kongsi Google+ Rasmi
  • Butang Simpanan Pinterest rasmi

Sesetengah rangkaian sosial akan membolehkan anda membuat penyesuaian pada butang mereka, termasuk perubahan saiz butang, teks tajuk tambahan, struktur URL, pilihan kiraan bahagian dan tetapan bahasa. Tidak semua rangkaian sosial akan membiarkan anda melakukan ini tetapi bagi mereka yang melakukannya, coretan kod akan berubah mengikut cara anda menetapkannya.

Cuba untuk mengelakkan daripada memasukkan terlalu banyak butang di blog anda kerana ia boleh menyebabkan penampilan jawatan anda kelihatan berantakan dan mengelirukan untuk pembaca yang mungkin ingin berkongsi kandungan anda.

Pertimbangkan untuk meletakkan maksimum lima atau enam butang media sosial di bawah setiap jawatan blog, tetapi kurang mungkin lebih baik.

03 dari 07

Sesuaikan Butang Anda dan Ambil Kod

Ikut arahan di halaman butang bahagian rangkaian sosial untuk menyesuaikan butang anda jika diperlukan. Sebaik sahaja selesai, anda perlu diberikan satu rangkaian kod yang anda perlukan untuk blog Tumblr anda.

Salin ini dan tampalkannya kepada dokumen kosong atau teks teks. Lakukan untuk semua butang yang anda mahu supaya anda mempunyai rentetan kod setiap butang bersedia untuk pergi.

04 dari 07

Akses Kod Tema Tumblr anda

Kembali ke papan pemuka Tumblr anda. Klik ikon orang di menu kanan atas dan kemudian klik Edit penampilan dalam menu lungsur turun untuk blog yang sepadan (jika anda mempunyai berbilang blog).

Pada halaman berikut, klik Edit butang tema. Blog anda akan dibuka dalam mod pratonton di sebelah kanan skrin dengan editor di sebelah kiri.

Klik Edit HTML dalam editor di sebelah kiri di bawah label tema Custom. Editor akan memperluas untuk menunjukkan kepada anda semua kod tema anda.

Individu yang tidak berpengalaman dalam bekerja dengan HTML, PHP, JavaScript dan kod komputer lain mungkin terasa ketakutan dengan melihat seksyen ini. Perkara yang penting untuk diingati adalah bahawa anda tidak akan menulis apa-apa kod baru sama sekali.

Apa yang perlu anda lakukan adalah meletakkan kod butang di dalam dokumen tema, yang akan ditunjukkan bagaimana untuk dilakukan dalam bahagian seterusnya.

05 dari 07

Cari Melalui Kod Tema Anda

Baris satu-satunya kod yang anda perlukan untuk mencari ialah garis yang berbunyi: {/ block: Posts}.

Inimewakili akhir siaran blog dan biasanya boleh didapati di bahagian bawah dokumen tema, bergantung pada tema Tumblr yang anda gunakan. Sekiranya anda mengalami kesukaran mencari kod bar ini hanya dengan menyemak imbasnya, anda boleh cuba menggunakannya Ctrl + F / Cmd + F pintasan papan kekunci atau secara alternatif klik ikon gear di sudut kiri atas skrin, klik Cari dan tukar dan kemudian taip {/ block: Posts} ke dalam Cari medan.

Fungsi carian akan mencari dan menyerlahkan secara automatik{/ block: Posts} dalam kod tema anda.

06 dari 07

Paste Code Button ke dalam Kod Tema Anda

Salin kod butang yang disesuaikan yang anda buat dan tampalkannya secara langsung sebelum baris kod yang berbunyi: {/ block: Posts}.

Ini memberitahu tema blog untuk memaparkan butang media sosial di bahagian bawah setiap posting blog.

Klik Kemas kini Preview dan kemudian klik butang Simpan biru di bahagian atas editor.

07 dari 07

Uji Blog Tumblr Anda untuk Lihat Butang Saham Sosial Baharu Anda

Anda telah membuatnya menjadi bahagian yang menyeronokkan. Jika anda telah meletakkan kod butang dengan betul di dalam kod tema anda, blog Tumblr anda harus memaparkan butang saham pilihan anda di bahagian bawah setiap pos individu dan juga pada setiap pos yang dipaparkan pada suapan utama.

Anda boleh klik pada mereka untuk berkongsi kiriman Tumblr anda dengan mudah di rangkaian media sosial yang lain.

Petua:

  • Tampal kod butang di dalam dokumen tema anda setiap kali anda menukar tema blog anda ke tema baru. Menukar tema tidak akan memindahkan kod yang dipadamkan sebelumnya ke dalam dokumen tema baru.
  • Apabila meletakkan lebih daripada satu butang media sosial pada blog anda, pastikan tiada ruang atau garisan baru di antara dua coretan butang kod yang berbeza. Ini akan memastikan bahawa banyak butang dipaparkan secara mendatar di sebelah satu sama lain berbanding dengan dipaparkan secara menegak pada baris yang berbeza.
  • Eksperimen dengan meletakkan coretan kod untuk butang sosial sebelum elemen {/ block: yang lain juga. Bergantung kepada tema anda, anda mungkin dapat melihat bahawa butang muncul di bahagian paling bawah halaman blog, selepas semua nota daripada pengguna Tumblr yang lain.