AGC BLOGGER

  • Home
  • Themes
  • Sitemap
  • Privacy Policy
  • Contact
  • Dropdown Menu ▼
    • Submenu 1
    • Submenu 2
    • Submenu 3
  • Advertise
Home » Media Sosial » Mengaktifkan Twitter Card Untuk Blogger

Mengaktifkan Twitter Card Untuk Blogger

Posted by Unknown
» Media Sosial
» 2015-02-25

Mad Trik - Pada artikel kali ini saya akan membahas tentang memasang Twitter card ke blogger. Sebelumnya saya sudah menjelaskan tentang Meta Twitter Card, hanya jaga-jaga saja jika kamu bingung dengan meta Twitter card mana nanti yang cocok dengan blog kamu.

Jika kamu sudah membaca artikel saya sebelumnya, berarti kamu sudah paham dong mana meta Twitter card yang cocok buat kamu. Nah, sekarang saatnya untuk memasang Twitter card-nya ke dalam blog kamu.

Ini wajib banget loh ada di blog kamu, soalnya jika tidak ada ini. Tampilan ketika artikel yang kamu bagikan ke Twitter hanya berupa tautan biasa, dan tidak menarik jika diklik begitu saja.

Tapi jika ada ini, gambar dan deskripsi blog kamu, bahkan tidak hanya akun pribadi kamu saja tapi akun twitter blog kamu juga akan terpampang didalamnya. Jadi lebih baik pasang ini deh, siapa tau bisa meningkatkan pengunjung blog kamu.

Cara Mengaktifkan Twitter Card Untuk Blog Kamu

Berikut ini adalah caranya, kebetulan saya baru saja mengaktifkan Twitter card saya.

1. Pilih meta Twitter Cardnya

Sebelum mengaktifkan Twitter cardnya, sebaiknya kamu memilih dulu meta twitter cardnya:

  1. Summary Card
  2. Summary Card with Large Image
Silahkan pilih diantara dua itu, pilihannya terserah kamu. Tapi khusus untuk meta twitter yang bergambar besar, kamu harus mengikuti dulu persyaratannya untuk menampilkan gambarnya.

1.1 Untuk Wordpress

Untuk langkah ini lewati saja, karena cuman bisa di WP (Wordpress):


<?php if (have_posts()):while(have_posts()):the_post(); endwhile; endif;?>
<!-- the default values -->
<meta property="fb:admins" content="URL PROFIL FB" />
<meta property="fb:profile_id" content="URL PAGE FB" />
<meta property="og:title" content="<?php single_post_title(''); ?>" />

<!-- if page is content page -->
<?php if (is_single()) { ?>
<meta property="og:url" content="<?php the_permalink() ?>"/>
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php if (function_exists('catch_that_image')) {echo catch_that_image(); }?>" />

<!-- if page is others -->
<?php } else { ?>
<meta property="og:url" content="<?php echo site_url(); ?>"/>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="og:type" content="website" />
<meta property="og:image" content="URL LOGO BLOG" />
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@TWITTER USERNAME' name='twitter:creator'/> <?php } ?>

Untuk informasi yang lebih jelasnya bisa dilihat di blognya Kompi Ajaib ( http://www.kompiajaib.com/2015/02/open-graph-dan-twitter-cards-wordpress.html ).

2. Masuk ke halaman "Card Validator"

Langkah selanjutnya adalah dengan pergi ke halaman Card Validator. Kemudian cek dulu blog kamu apakah aman-aman saja sebelum mengaktifkan Twitter Card.

Caranya dengan memasukkan salah satu alamat blog atau alamat artikel kamu ke dalam kolom yang sudah disediakan.

2.1 WARN: Not whitelisted

Lanjutkan saja prosesnya.
Lanjutkan saja prosesnya.

Jika ada tulisan 'WARN: Not whitelisted' ini ketika kamu memeriksa, jangan permasalahkan hal itu. Tanda itu berarti blog kamu belum masuk daftar putih Twitter. Jadi lanjutkan saja ke langkah ke 3 (Tiga).

3. Request Approval

Jika nanti hasil dari blog kamu seperti gambar dibawah ini, berarti Meta Twitter Card yang ada di blog kamu sudah terpasang dengan baik. Jangan lupa juga untuk cek log dibagian bawah "Card Preview", jika ada tanda merah berarti ada yang salah dengan Meta Twitter card kamu.

Request Approval Meta Twitter Card.
Klik gambarnya jika terlalu kecil.
 Kemudian langkah selanjutnya adalah "Request Approval".

4. Isi kolom yang disediakan

Isi sesuai dengan data yang kamu punya.
Isi sesuai dengan data yang kamu punya.
Langkah selanjutnya, ketika kamu selasai request approval. Nantinya kamu akan melihat seperti gambar diatas. Isilah sesuai dengan data yang kamu punya. Dan jangan lupa centang tanda "Mark my cards as containing sensitive content" jika blog kamu ada konten yang sensitif, seperti konten dewasa misalnya.

5. Jika sudah selesai semuanya

Nah, jika langkah diatas tadi kamu ikutin dengan benar, nantinya kamu akan melihat gambar seperti yang ada dibawah ini:

Selamat ya !
Selamaatt !
Itu tandanya adalah, kamu diterima atau masuk ke daftar putihnya Twitter Card. Selamat ! Omedetou !

5.1 Email dari Twitter

Jika selesai mungkin nantinya kamu akan menerima email dari Twitter, isinya sih cuman bertuliskan kata selamat dan terima kasih saja tidak ada hal penting lainnya, tapi ini mungkin kadang-kadang saja.

Soalnya ketika request pertama kali, saya tidak menerima email dari Twitter.

6. Hasilnya ?

Seperti inilah nanti hasilnya:

Test percobaan lagi: "http://t.co/yg3cTS51Vl"

— Mad (@AchmadMuharya) February 26, 2015


Sekian artikel kali ini, jika ada kesulitan mari kita diskusikan bersama di dalam komentar. Saya juga lagi belajar tentang Meta Twitter Card ini.


Related Posts

  • Memperbaiki Deskripsi Artikel Di Google+ Yang Tidak Muncul
  • Menggabungkan Twitter Card & Facebook Open Graph
ADS HERE !!!

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Featured Post

Cara Menampilkan Iklan Adsense Youtube di Blog

Belum lama ini google adsense telah melakukan update secara berkala dan update ini juga tengah mengubah beberapa tampilan termasuk tampilan ...

Popular Posts

  • #2 Kerangka Template Bootstrap
    Mad Trik - Saatnya melanjutkan edisi membuat template sendiri dengan bootstrap. Dan pada tutorial kali ini adalah bagian yang paling pentin...
  • Cara Reskin Source Code Aplikasi Android dengan Eclipse
    Ada banyak cara yang dapat digunakan untuk reskin source code android seperti eclips, android studio, unity3d dan lain lain. Namun yang pali...
  • Logo Kebanggaan MAN 1 Semarang HD High Resolution
    Logo MAN 1 Semarang ~ Hallo sahabat siswa -  siswi Madrasah Aliyah Negeri 1 Kota Semarang , gimana nih kabarnya ? semoga kita selalu diberik...
  • GabengAMP Fast Free AMP HTML Blogger Template
    Mediababe.net - Gabengamp template blogger AMP HTML adalah nama template yang kali ini saya buat dan dibagikan secara gratis. Setelah menget...
  • Cara Membuat Template Blog Sendiri dengan Bootstrap
    Cara Membuat Template Blog Sendiri dengan Bootstrap Cara Membuat Template Blog Sendiri dengan Bootstrap. Responsive 100% dan Fast Loading. T...
  • Emejing Hijau Fast and Responsive Template Blogger Premium
    Mediababe.net - Template Blogger Keren dari mediababe yang sudah dibuat sedemikian rupa agar dapat digunakan dengan baik yakni template emej...
  • Cara Mengatasi Gambar Buram atau Blur Pada Blogspot
    Mediababe.net - Tips cara memperbaiki thumbnail gambar buram di blogger. Blogger kini telah melakukan maintenance tiba-tiba mungkin blogger ...
  • Tips Memilih Topik Channel YouTube yang Pas dan Mantap
    Masih di tips youtube, kali ini mediababe.net akan membahas tentang tips bagaimana cara memilih topik atau tema youtube yang pas. Sebelum ak...
  • Download 11 Lagu MP3 Takbiran Lebaran 1437 H Lengkap
    Download 11 Lagu MP3 Takbiran Lebaran 1437 H Lengkap 2016 Non stop 24jam - Tak terasa sebentar lagi Lebaran akan tiba , di kesempatan kali i...
  • Mengenal lebih jelas Bisnis PPOB dan Apa itu Software IRS ?
    Mediababe.net - Apa sih yang dimaksud dengan IRS, terus apa sih kegunaan dan manfaat dari IRS tersebut? Nah kali ini saya akan memberikan se...

Labels

Tutorial Blogging (64) CSS (15) SEO (15) Adsense (6) Belajar Android (6) Bootstrap (6) Html (6) Trick Android (6) Tips Adsense (5) BBM (4) Template (4) Tips Youtube (4) App Mobile (3) Cara Cek (3) Lainnya (3) MA (3) Media Sosial (3) Paket Internet (3) Tutorial Blogger (3) Blogger (2) Facebook Tutorial (2) Jasa Adsense (2) Tajwid (2) Bisnis Online (1) Blogging (1) Cara Daftar (1) Domain (1) Forex (1) Javascript (1) MP3 (1) PES (1) Religi (1) Software (1) Takbiran (1) Template Blog (1) Tips (1) Trik Youtube (1) Twitter (1) Widget (1)

LATEST POSTS

Blog Archive

Search This Blog

©2017 - AGC BLOGGER | Designed by: Making Different | Provided by: DevPuts | Powered by: Blogger