Cara membuat lencana profil twitter untuk dipasangkan pada blog ataupun website, sangatlah mudah, Anda tinggal mengunjungi situs developer twitter, http://twitterforweb.com, disana Anda tinggal melakukan customizing yang anda sukai, baik ukuran layout, ukuran font, warna background maupun warna button text link / follow.
Namun jika dirasa kesulitan membuat pengaturannya silahkan ikuti panduannya mengikuti tip tutorialnya di video diatas, setelah selesai fix melakukan perubahan, kemudian copy paste script disana, lalu paste ke halaman html blog atau html website atau dipasangkan dibilah widget.
Setelah terpasang di blog atau website, Anda juga dapat mengubah/mengedit kembali tanpa harus kembali ke situs twitterforweb, seperti yang dilakukan dibawah ini. Dan Anda juga dapat melakukan copy paste kode script dibawah lalu pasangkan ke blog Anda atau website Anda.
-
Kode scriptnya;
<div style="width:250px;height:70px;font-size:8px;text-align:center;"><script type="text/javascript"> document.write(unescape("%3Cscript src='https://twitterforweb.com/twitterbox.js?username=Ahmadhanafiah&settings=1,1,3,236,70,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>
-
Kode script;
<div style="width:300px; height:70px;font-size:8px;text-align:center;"><script type="text/javascript"> document.write(unescape("%3Cscript src='https://twitterforweb.com/twitterbox.js?username=Ahmadhanafiah&settings=1,1,7,300,70,fdfcfd,0,c4c4c4,101010,1,1,135ef4; type='text/javascript'%3E%3C/script%3E"));</script>
Keterangan Lencana Dan Script diatas
- Ganti username=Ahmadhanafiah dengan username twitter Anda.
- Anda dapat mengedit ukuran.
Pada Lencana 1 dan Lencana 2, mengubah ukuran layout, width="236" pada Lencana 1 menjadi width=300px pada Lencana 2. -
Anda dapat mengubah warna, background, garis tepi Lencana.
Pada Lencana 1 dan Lencana 2, dilakukan perubahan warna background dari #f4f4f4 pada lencana 1 menjadi #fdfcfd pada lencana 2.
Demikian tutorial cara membuat Lencana Profil Twitter. Untuk memasang postingan, timeline dapat Anda baca caranya disini.
Semoga bermanfaat.
No comments:
Post a Comment