Cara Buat Widget Follower Blog Valid HTML5

Cara Buat Widget Follower Blog Valid HTML5

Widget Follower adalah suatu widget yang berguna bagi para pengunjung Blogger untuk mengikuti blog anda, sama seperti halnya berlangganan artikel. Ini berguna untuk blog anda untuk meningkatkan kualitas backlink dan SEO pada blog anda. Karena bila mana blog anda diikuti oleh para pengunjung Blogger, lalu mereka menyukai semua/setiap konten anda, nah mereka pasti akan mengikuti blog dengan follower dari pada melalui media sosial lainnya, karena juga widget follower lebih mudah untuk langsung dilihat dan diklik untuk dikunjungi dari blog mereka masing-masing.

Yang pasti anda ingin sekali menambahkan widget tersebut bukan?. Tapi pada permasalahannya adalah widget follower blog blogger yang asli, itu tidak akan mendukung/valid pada HTML5. Tentunya anda merasa bahwa ingin sekali blog anda 100% valid HTML5.

Bila mana anda ingin membuat widget follower blog anda valid HTML5, silahkan saja ikuti cara-cara dibawah ini dengan seksama, yaitu :

Keterangan Sebelum Memulai Peraktek, anda harus melihat sudah menambahkan widget Follower Blog yang asli terlebih dahulu. Lalu anda buka blog anda, dan klik kanan+tekan periksa elemen (kode HTML) pada bagian atas widget Followers Blog. Dan cari dan simpan dulu di teks kode yang agak sama seperti pada gambar dibawah ini (lihat pada bagian object yang ditandai).

1. Buka blogger anda dengan masuk/login.
2. Masuk kebagian menu Tata Letak blogger dan add widget.
3. Lalu pilih javascript/HTML dan masukan javascript dibawah ini :

<script type="text/javascript">
if (!window.google || !google.friendconnect) {document.write(<script type="text/javascript" + src="//www.google.com/friendconnect/script/friendconnect.js"> + </scr + ipt>);}</script>
<div id="div-1iih7otiiq40c" style="width:280px;"></div>
<script type="text/javascript">
var skin = {};skin[FACE_SIZE] = 32;skin[HEIGHT] = "260";skin[TITLE] = "Followers";skin[BORDER_COLOR] = "transparent";skin[ENDCAP_BG_COLOR] = "transparent";skin[ENDCAP_TEXT_COLOR] = "#00848F";skin[ENDCAP_LINK_COLOR] = "#00848F";skin[ALTERNATE_BG_COLOR] = "transparent";skin[CONTENT_BG_COLOR] = "transparent";skin[CONTENT_LINK_COLOR] = "#00848F";skin[CONTENT_TEXT_COLOR] = "#00848F";skin[CONTENT_SECONDARY_LINK_COLOR] = "#FFFFFF";skin[CONTENT_SECONDARY_TEXT_COLOR] = "#00848F";skin[CONTENT_HEADLINE_COLOR] = "#00848F";skin[NUMBER_ROWS] = 2;google.friendconnect.container.setParentUrl(/ /* location of rpc_relay.html and canvas.html */);google.friendconnect.container.renderMembersGadget({id: "div-1iih7otiiq40c",site: "13392473165502955070"},skin);
</script>

Keterangan : Teks yang diwarnai warna kuning dan merah, silahkan ganti dengan kode yang telah anda simpan tadi sebelumnya. Dan teks yang diwarnai warna orange itu untuk mengatur ketinggian widget follower blog anda. Untuk mengenai tampilannya silahkan ganti kode warna pada bagian skin[CONTENT_..blablabla..blabla..]= diganti sesuai keinginan anda masing-masing.

4. Setelah itu simpan widget dan masuk ke bagian menu Edite Tempelate.
5. Cari kode HTML dibawah ini, lalu hapus. Bila ada lagi kode tersebut, silahkan saja hapus semua.

<b:include name=quickedit/>

6. Yang terakhir tinggal simpan saja tempelate anda.

Screnshoot Tampilan Widget Follower yang saya berikan yaitu seperti pada gambar dibawah ini :

Nah sekarang anda sudah mengertikan, bagaimana cara membuat widget follower pada blog Blogger valid HTML5. Ini merupakan teritorial blog buat sobat yang masih awam dan pemula dalam menggunakan blogger. Bila mana anda ada yang belum mengerti tentang penjelasan saya di atas, silahkan saja bertanya pada bagian kotak komentar dibawah ini, karena saya sekarang sering update.

Semoga bermanfaat sobat. Sekian dan Terimakasih.

Go to link download

Read full post »

Cara Membuat Widget Labels atau Kategori Blog Cloud Keren

Cara Membuat Widget Labels atau Kategori Blog Cloud Keren

Kembali lagi sobat blogger yang saya harapkan untuk terus menerus berkunjung ke blog ini.hhe. Pada jam segini, gasik sekali saya berikan teritorial mengenai blog blogger tentang Cara Membuat Widget Labels atau Kategori Blog Cloud yang keren (menurut saya), simpel (menurut saya). Entah menurut anda bagaimana bila melihat tampilan widget labels yang saya share ini. Mudah-mudahan artikel yang saya bagikan bermanfaat buat anda para blogger sejati.

Widget Labels atau Kategori, berfungsi sebagai menu navigasi pada blog agar para pengunjung blog bisa menavigasi blog anda dengan mudah. Ditambah pada widget labels itu bisa menampilkan jumlah postingan pada label tersebut, agar si pengunjung blog bisa menilai seberapa banyaknya artikel yang ada pada blog tersebut, dan semakin banyak artikel, semakin baik pula bagi para pengunjung blog (mungkin).

Kali ini saya akan memberikan tampilan widget labels yang lumayan bagus, tampilan widget labelsnya seperti pada gambar dibawah ini :

Bila anda menyukai dengan tampilan widget labels atau kategori yang saya buat di atas, silahkan ikuti cara-caranya dibawah ini :

1. Masuk ke akun blogger anda, lalu pergi ke bagian Template dan klik edite HTML.
2. Setelah itu tambahkan kode CSS tampilan Label Cloud dibawah ini, tepat di atas kode </head>.

<style type=text/css>
.label-size a {
background: none repeat scroll 0 0 #535353;
color: #FFFFFF;
float: left;
margin: 0 5px 2px 0;
padding: 10px;
font-weight: blod;
font: 12px  Arial, Sans-Serif;
text-transform: uppercase;
}
.label-size a:hover {
background-color: cadetblue;
color: #fff;
text-decoration: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
border-right: 5px solid #EEEEEE;
}
</style>

3. Setelah anda menambahkan kode CSS pada HTML blog, silahkan kembali menuju bagian Tata Letak.
4. Tambahkan widget baru dengan menekan tambahkan widget atau add widget.
5. Silahkan pilih label dan atur sesuai pada gambar dibawah ini :

6. Setelah itu,  tinggal anda simpan atau save. Dan lihat hasilnya sobat !.

Selesai artikel teritorial mengenai Cara Membuat Widget Labels atau Kategori Blog Cloud yang keren abis. Mudah-mudahan sangat bermanfaat buat anda yang kebetulan sedang mencari-cari teritorial blogger mengenai cara membuat labels keren. Sukses selalu mengeblog sobat !.

Go to link download

Read full post »

Cara Pasang Widget Pangerank Di Blog Dan Perhitungannya

Cara Pasang Widget Pangerank Di Blog Dan Perhitungannya

Pangerank adalah suatu statistict yang dihitung dari google yang berguna untuk penilaian suatu blog blogger, wodpress, atau website premium oleh google secara detail. Seperti penilaiannya pada tiap-tiap halaman akan disertakan dalam sebuah mesin pencari. Semakin meningkat penilaian pada blog anda, maka akan semakin bagus pula kualitasnya.

Nah bila mana anda bertanya-tanya, bagaimana sih blog saya susah sekali untuk menaikan pangerank?, maka jawaban sangat sederhanya sekali bagi saya. Jadi, anda harus mendapatkan backlink dari blog atau website orang lain. Karena backlink adalah suatu optimasi pada SEO offpage yang dapat mempengaruhi peningkatan pada SEO anda di SREP. Ditambah lagi anda harus selalu memposting pada tiap harinya, hal ini akan membuat blog/website anda terlihat baik dimata mesin pencari google yang utama.

Bila anda bingung sekali berapa backlink kah agar mendapatkan pangerank dari google?, maka jawabannya adalah anda bila mana ingin menaikan pangerank dari 0 ke 1, anda hanya diperlukan mendapatkan backlink sekitar 100 backlink. Dan bila mana anda ingin mendapatkan pangerank sekitar 8/9/10, anda harus memerlukan milyaran backlink dari situs-situs lain. So, susah bukan sobar mendapatkan pangerank dari google?. Nah dibawah ini adalah gambar ilustrasi untuk menyadarkan betapa sulitnya mendapatkan pengerank itu.

Nah bila mana anda lihat dengan seksama dan teliti, anda pasti akan merasa rendah hati dengan mempunyai blog anda. Dikarenakan betapa susahnya meningkatkan pangerank yang tinggi dari google untuk meningkatkan kualitas blog/website anda dimata mesin pencari terutama google.com.

Oh iya, bila mana anda ingin memasang widget pangerank dari widget situs Pangerank Chacker, silahkan ikuti cara-caranya dibawah ini.

1. Masuk ke blog anda blogger anda, dan masuk ke bagian Tata Letak.
2. Tambahkan widget dan pilih javascrif/HTML.
3. Buka situs pagerank.chromefans.org.
4. Lalu lihat kebawah sedikit dan masukan URL blog/website anda dan klik Get Code.
   
   
   
   
5. Dihalaman berikutnya anda tinggal masukan code yang tersedia dan klik lagi Get Code.
   
   
   
6. Dan copy code javascrift seperti pada gambar dibawah ini ke dalam Tata Letak widget blogger, lalu kasi judul Info Statistik Blog atau apa terserah sobat, dan simpan/save.
   

Nah, mudahkan sobat?, sekarang anda bisa melihat isi pangerank blog anda. Pasti isinya adalah nol 0, ya kan?. Saya tahu karena anda mungkin adalah blog pemula di blogger. Mudah-mudahan lancar dan sukses sobat ngeblognya. Amin..

Go to link download

Read full post »