Langsung ke konten utama

Cara Membuat Widget Followers Valid XHTML

Cara Membuat Widget Followers Valid XHTML
Widget Followers
Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat blogger semua. Sebelumnya saya ucapkan terimakasih kepada Sobat blogger yang masih setia mengunjungi blog Dunia Komputer dan Internet ini. Pada kesempatan kali ini saya mencoba berbagi ilmu tentang "Cara Membuat Widget Followers Valid XHTML".

Manfaat Membuat Widget Followers Valid XHTML

Memang pada umumnya template suatu blog sudah ada widget followers bawaan bloggernya, tapi ternyata widget followers bawaan blogger itu banyak sekali kode xhtml-nya yang tidak valid dan ukurannya pun lebih berat. Pada saat saya masih menggunakan widget followers bawaan blogger saya periksa berat blog saya ternyata hasilnya lebih dari 100 KB, tapi setelah saya menggantinya menggunakan cara ini ternyata beratnya cuman 75 KB dan XHTML yang tidak validnya menjadi sangat berkurang yang pastinya sangat berpengaruh terhadap nilai SEO bagi blog kita. Nah bagi yang ingin mencoba menerapkan trik ini, silahkan baca langkah-langkahnya.

Langkah-Langkah Cara Membuat Widget Followers Valid XHTML

  1. Pertama Sobat harus masukkin dulu widget followers bawaan blogger ke blogger Sobat (Login > Dashboard > Tata Letak > Tambah Gadget > Follower / Pengikut). Ini fungsinya hanya untuk melihat kode followers blog Sobat.
  2. Setelah widget followers bawaan blogger dibuat, buat lagi widget HTML/JavaScript (Login > Dashboard > Tata Letak > Tambah Gadget > HTML/JavaScript).
  3. Masukkan kode / script dibawah ini kedalam gadget tersebut.
    <div class="widget-content"><script src="http://www.google.com/friendconnect/script/friendconnect.js"type="text/javascript"></script>
    <div id="div-nznv300jljd2" style="width: 100%; "></div>
    <script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "200";
    skin['TITLE'] = "";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#ffffff";
    skin['ENDCAP_LINK_COLOR'] = "#ff8000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#ff8000";
    skin['CONTENT_TEXT_COLOR'] = "#ffffff";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FF8000";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#ffffff";
    skin['CONTENT_HEADLINE_COLOR'] = "#ffffff";
    skin['FONT_FACE'] = "normal normal 100% \x27Trebuchet MS\x27,Verdana,Arial,Sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-nznv300jljd2",
    height: 200,

    site: "14775397019788979390"
    ,locale: 'in'


    },skin);</script></div>
  4. Ganti kode yang warna merah, lihat perbandingannya dan sesuaikan dengan yang ada pada source code widget followers blog Sobat yang telah Sobat buat tadi. Caranya buka blog Sobat kemudian klik kanan lalu pilih "View Source Code", buka dan cari yang seperti ini.
    Followers
     
  5. Nah silahkan lihat perbandingannya dan samakan dengan yang ada pada source code widget followers Sobat dan lihat hasilnya. Oh iya, jangan lupa hapus widget followers bawaan bloggernya.
Nah itu dia "Cara Membuat Widget Followers Valid XHTML". Cukup sekian postingan saya kali ini, mohon maaf atas segala kekurangannya.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.
Label:
Lokasi: Jalan Raya Jatinangor, Cikeruh 45363, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

5 Aplikasi Penunjang Produktivitas Kantor

5 Aplikasi Penunjang Produktivitas Kantor Assalammualaikum wr. wb. Salam sejahtera bagi kita semua. Sobat blogger, pada kesempatan kali ini saya akan berbagi pengetahuan tentang 5 aplikasi yang wajib Sobat miliki untuk menunjang produktivitas pekerjaan Sobat. Hampir semua karyawan tentu ingin memiliki lebih banyak waktu untuk sekedar istirahat dari segudang aktivitasnya di kantor. Bahkan tidak jarang saking banyaknya pekerjaan yang menanti, sampai-sampai lupa to-do-list berbagai hal. Berikut adalah 5 aplikasi yang dapat meningkatkan produktivitas Sobat di kantor tanpa ada yang terlupa seperti disitat Mashable, Senin (29/4/2013): 1. Evernote Dengan Evernote, Anda dapat mencatat berbagai hal penting mulai dari janji penting makan siang dengan rekan bisnis, berita terkini, catatan, ide, rencana dan foto dalam layanan gratis ini. Tak hanya itu, Anda juga dapat membuat rancangan gambar (sketch) dengan menggunakan perlengkapan Skitch. Aplikasi ini juga tersedia untuk versi bisnis yang akan m...
Posting Komentar
Baca selengkapnya

Masalah Yang Sering Terjadi Smartphone Saat Ini

Bila kita membahas smartphone , pasti ada saja kelemahan dari setiap produk smartphone , meskipun tekonologinya canggih, memang tidak ada yang sempurna! Bila kita membahas smartphone ini. Smartphone Hadir dengan teknologi yang canggih dan fitur-fitur yang mumpuni. Secanggih apapun namanya saja buatan manusia pasti ada saja kelemahannya Sebagai contoh layar yang terlalu kecil atau terlalu besar, baterai yang kurang tahan lama, bahkan ada smartphone yang ternyata bisa meledak ketika dilakukan proses pengisian baterai. Hal itu selalu menjadi isu tersendiri ketika kita berbicara mengenai adanya minus pada perangkat yang bahkan diunggulkan sekalipun. Baru-baru ini sebuah laporan yang dirilis FixYa, seperti dilansir BGR, mengungkap berbagai daftar masalah yang paling umum yang dihadapi oleh sejumlah smartphone unggulan, termasuk iPhone 4S dan Samsung Galaxy S III. Dalam rilis resminya FixYa mengklaim laporan tersebut didasarkan pada data dari 25 juta pengguna dan 15 juta masalah produk da...
Posting Komentar
Baca selengkapnya

[ROMS] The Cod Rom

Rom COD berdasarkan pada stock DDLF2.. Dan tema lutamanya adalah ICS Transparent.. Dan Kernel adalah kernel Kuro (diubah suai fail init.rc untuk membolehkan sistem untuk mengendalikan CPU.. Setiap pencipta kernel perlu menambah mereka 6 lines ke init.rc supaya kita tidak perlu menggunakan mana 2 aplikasi 3 rd party) Kelebihan kernel Kuro ini ialah  licin, cepat, minimalis dan stabil.. Jadi berjuta terima kasih kepada Kurotsugi kerana mencipta kernel sebagus ni..   CIRI 2   UTAMA :- 1. Fully transparent UI dengan JellyBean dan ICS feel. 2. Stock apps diubah suai dengan tidak mengguna 3 rd party apps ( hanya launcher xperia sahaja ) 3. Mempercepatkan swipe untuk membuang notifications 4. 6 lockscreens 5. Stusbar tweaks + 15 toggles (EDT) 6. Bravia Engine integrated 7. Cepat dan stabil   CIRI 2 LAIN :- 1. Deodexed , Zipaligned penuh. 2. Buang bloatwares. 3. Extended Settings app 4. ICS seperti Dailer dan Phone App. 5. St...
Posting Komentar
Baca selengkapnya