Cara Memasang Widget Twitter di Blog

widget twitter

Cara memasang widget twitter di blogger atau website model php dan html seperti wordpress maupun joomla dengan 2 langkah mudah.

Kalau untuk blog joomla atau wordpress non dot com memang biasanya sih sudah ada modul atau plugin yang bisa diinstall via dashboard.

Kebetulan admin simple tips agak ingin mengurangi plugin, sehingga kalau ada yang model script seperti widget twitter ini mendingan menggunakan javascriptnya saja.

Berikut ini cara memasang widget twitter dengan dua langkah mudah :

1. Login ke dashboard

Silahkan untuk mengakses dashboard wordpress atau administrator blog joomla sahabat seperti halnya memasang widget ym di sidebar. Untuk memasang twit widget di blogger boleh juga, gratis 😀

2. Mendapatkan kode widget twitter

Salin kode script twitter widget berikut ini ke widget sidebar

<script charset=”utf-8″ src=”http://widgets.twimg.com/j/2/widget.js”></script>

<script>

new TWTR.Widget({version: 2,type: ‘profile’,rpp: 5,

interval: 30000,width: 250,height: 300,

theme: {

shell: {background: ‘#333333’,color: ‘#f0ddf0’},

tweets: {background: ‘#ffffff’,color: ‘#171417’,links: ‘#0f07eb’}

},

features: {scrollbar: false,loop: true,live: true,behavior: ‘default’

}

}).render().setUser(‘alkatro‘).start();

</script>

widget twitterReplace lebih dahulu teks alkatro sesuai dengan user twitter sahabat.

Kemudian save widget dan selesai sudah episode ‘cara memasang widget twitter di blog’.

Update twitter bisa juga menggunakan metode rss to twit, seperti pada artikel cara share posting otomatis ke twitter dan facebook.

Hasil layout widget twitternya background putih, teksnya warna hitam dengan link berwarna biru katro beneran.

Untuk memodifikasi tampilan widget twitternya agar lebih keren, , sahabat langsung menuju kesini ? customize your twitter profile widget sekalian sambil menunggu saat berbuka puasa 😀

Isi dengan username twitter sahabat, lalu pada ‘preferences’ silahkan diatur sesuai selera.

cara memasang widget twitter, contoh setting widget twitter

Sedangkan tab menu ‘Appearances’ dan ‘Dimensions’ gunanya untuk mengatur warna dan ukuran lebar widget twiter.

Klik tombol test settings, untuk melihat preview penampakan widgetnya.

Setelah mantep dengan pilihan anda, langsung klik tombol ‘Finish dan Grab Code’ untuk mendapatkan kode script widget twitter dirimu, seperti pada langkah kedua ‘cara memasang widget twitter‘ di paragraf sebelumnya.

Related Tips

Cara Memasang Video Youtube di Blog

cara memasang video youtube keblog

Cara Memasang Video Youtube di blog sebagai contohnya penulis ambil dari lagu ‘Cinta Selembut Awan’ milik Om Katon Bagaskara.

Lagu jadul ini pertama kali nemu tahu waktu masih ingusan dari album Damai dan Cinta koleksi milik saudara tertua diriku 😀

Entahlah, sampai hari ini lagu syahdu itu masih hafal diingatan, apalagi menyenandungkannya waktu gerimis.. semakin mengingatkanku pada seseorang #hayah

Kebetulan saya ingin memasang di blog wordpress ini, ya sekalian update barangkali ada yang mencari info tentang bagaimana cara memasang video youtube ke artikel blog

Cara Memasang Video Youtube di Blog

1. Mencari klip video di youtube

Search di Youtube video klip lagu atau trailer film yang ingin dipasang di posting blog

Silahkan ganti kalimat cinta selembut awan, sesuai dengan video yang ingin sahabat cari di youtube

Setelah klik search, pilih salah satu video yang diinginkan; perhatikan pada alamat yang tertulis di browser sahabat.

cara memasang video youtube keblog

sebagai contoh alamat link untuk ‘Cinta selembut awan’ adalah

http://www.youtube.com/watch?v=Wo8aeUWQ9K0, yang saya tandai panah merah adalah kode unik video youtubenya => Wo8aeUWQ9K0

2. Editor Posting pada mode HTML

Saatnya membuat posting di blog, Untuk blog wordpress hosting sendiri: klik Posts > Add New Post? pilih tab “HTML /Text” mode

cara memasang video youtube ke blog Untuk memasang di blogger hampir sama caranya, setelah login ke dashboard dan klik tab ‘New entry’ / entri baru; ada tab ‘Compose’ dan tab ‘Edit HTML’, maka klik ‘Edit HTML‘ sebelum memasang kode script youtube ke posting blog.

You can visit http://tube2disk.com/download-video-free/ for downloading your favourite youtube videos into your computer. It’s free service and you don’t need any plug-ins or software installation.

3. Kode HTML Video Youtube

Kode html Video Youtube yang dipasang ke posting blog adalah

<p><iframe width="420" height="315" src="http://www.youtube.com/embed/Wo8aeUWQ9K0" frameborder="0" allowfullscreen></iframe></p>

Keterangan :

Silahkan Copy dan paste ke editor posting blog pada mode ‘HTML – Text’

Kemudian ganti kode Wo8aeUWQ9K0 sesuai dengan kode unik video youtube yang telah sahabat ketahui dari langkah 1.

Wo8aeUWQ9K0 adalah contoh dari ‘kode unik video youtube’ untuk lagu ‘Cinta Selembut Awan’ yang diambil dar link video tersebut: http://www.youtube.com/watch?v=Wo8aeUWQ9K0

Angka 420 dan 315 boleh diubah sesuai selera untuk menentukan lebar dan tinggi layar video pada posting blog sahabat. Kalau sudah publish post

Contoh Video Youtube dari klip lagu ‘cinta selembut awan’

Saatnya menyaksikan lagu syahdu ‘cinta selembut awan’ dari om katon bagaskara.

….

mengapa hanya padamu,

tercurah seluruh rasa,

hadir di setiap nafasku, bayangmu menyapa

…..

Demikianlah Cara Memasang Video Youtube di Blog WordPress, di blog Joomla atau widget blog juga boleh. Mari nyanyi bersama sambil minum teh poci 😀

Related Tips