Cara Pasang Butang Media Sosial pada Blog Tumblr

01 dari 07

Daftar untuk Membuat Blog Tumblr

Daftar untuk Tumblr. Foto © Tumblr

Sekiranya anda belum membuat blog Tumblr, 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 diingini untuk dimulakan.

Sesiapa yang mempunyai akaun Tumblr boleh berkongsi kandungan dengan pengguna lain dengan menekan butang "Suka" atau butang "Reblog" pada catatan blog tertentu. Butang terbina dalam ini membolehkan sesiapa sahaja untuk berkongsi kandungan dalam dinding maya rangkaian Tumblr; namun mereka tidak memberi anda fleksibiliti untuk berkongsi kandungan di mana-mana laman media sosial utama seperti Facebook , Twitter , Google+ atau StumbleUpon.

Jika anda mahu menambah butang saham tambahan ke blog Tumblr anda, anda perlu menyalin dan menampal beberapa kod ke dalam templat 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.

02 dari 07

Pilih Butang Media Sosial Anda

Butang Media Sosial. Foto © iStockPhoto

Butang media sosial yang paling biasa ditempatkan di blog termasuk butang "Suka" Facebook dan butang "Tweet" Twitter rasmi, tetapi anda juga boleh menyertakan orang lain seperti butang Digg, butang Reddit, butang StumbleUpon, butang Google+, butang Delicious atau sebarang butang media sosial yang lain pilihan anda.

Berhenti daripada termasuk terlalu banyak butang di blog anda kerana ia boleh menyebabkan kemunculan 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 pos blog.

03 dari 07

Cari dan Sesuaikan Kod untuk Setiap Butang

Kod Twitter. Foto © Twitter

Kebanyakan rangkaian sosial mempunyai halaman tertentu yang didedikasikan untuk menunjukkan pengguna mereka bagaimana untuk memasang dan menyesuaikan butang saham mereka sendiri di blog atau laman web. Sekiranya anda menghadapi masalah mencari apa yang anda cari, cuba taipkan kod butang "[nama rangkaian sosial]" ke dalam enjin carian pilihan anda untuk mengesannya dan menggantikan [nama rangkaian sosial] dengan nama tapak. Sebagai contoh, dengan mencari "kod butang Twitter," salah satu keputusan pertama untuk muncul mestilah laman Butang Tweet rasmi dari laman web Twitter.

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 termasuk penciptaan butang yang disesuaikan tetapi bagi mereka yang melakukannya, coretan kod akan berubah mengikut cara anda menetapkannya.

04 dari 07

Akses Dokumen Tema Tumblr anda

Dokumen Tema Tumblr. Foto © Tumblr

Di papan pemuka Tumblr, terdapat pilihan dalam tajuk yang bernama "Tema," yang memaparkan kod tema semasa anda mengklik untuk membukanya. Sekiranya anda tidak melihat sekumpulan kod dipaparkan segera setelah mengklik padanya, klik butang "Gunakan Custom HTML" di bahagian bawah tetingkap.

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.

05 dari 07

Cari Melalui Dokumen Tema

Kod Tema Tumblr. Foto © Tumblr

Baris satu-satunya kod yang anda perlukan ialah baris yang berbunyi: {/ block: Posts} , yang mewakili hujung jawatan blog dan biasanya boleh didapati di bahagian bawah dokumen tema, bergantung pada tema Tumblr anda sedang menggunakan. Sekiranya anda mengalami kesukaran mencari kod bar ini hanya dengan melayari, anda boleh cuba menggunakan fungsi pencari Ctrl + F.

Tekan butang Kawalan dan huruf "F" pada papan kekunci anda pada masa yang sama untuk memunculkan input pencari. Masukkan "{/ block: Posts}" dan tekan carian untuk mencari kod bar dengan cepat.

06 dari 07

Paste Code Button ke dalam Dokumen Tema

Kod Twitter. Foto © Twitter
Salin kod butang tersuai 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.

07 dari 07

Uji Blog Tumblr Anda

Tumblr dengan Butang Media Sosial. Foto © Tumblr

Anda telah membuatnya menjadi bahagian yang menyeronokkan. Jika anda telah meletakkan kod butang dengan betul di dalam dokumen tema anda, blog Tumblr anda harus memaparkan butang saham pilihan anda di bahagian bawah setiap pos individu. Klik pada mereka untuk dengan mudah berkongsi siaran Tumblr anda di rangkaian media sosial yang lain.

Petua: