Abdurrofi Agung | Open Knowledge and Education |: Tips & Trik

Cara Membuat Sitemap Otomatis

<div dir="ltr" style="text-align: left;" trbidi="on">
Sitemap
 sangat berguna agar search engine seperti Google dapat mendeteksi 
adanya update pada situs atau blog kita. Jika sudah terdeteksi adanya 
update maka Google segera akan mengindex blog. Akan tetapi pembahasan 
"Cara Membuat Sitemap Otomatis" dalam artikel ini membahas bagaimana 
cara membuat sitemap atau daftar isi secara otomatis untuk pengunjung 
situs bukan untuk robot Google, dalam hal ini Blogger adalah platfrom 
yang kita pergunakan, Blogger memberikan fasilitas untuk membuat sitemap
 dengan begitu mudah dan secara otomatis.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpI6v5qC0Ud70wH2ndy_aruW0m7dCExvZwm3HlLJQI8VVNP8pJuHT6YyjQLvHcg-YPX1iCQV4CbhOVlVUhGxeHCMvXUHYjyhrRFyd4c_fntSpD3a9Sj-wW_7f2eKByMIuecbS1dRLXAZc/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpI6v5qC0Ud70wH2ndy_aruW0m7dCExvZwm3HlLJQI8VVNP8pJuHT6YyjQLvHcg-YPX1iCQV4CbhOVlVUhGxeHCMvXUHYjyhrRFyd4c_fntSpD3a9Sj-wW_7f2eKByMIuecbS1dRLXAZc/s1600/1.png" width="320" /></a></div>
<br />
<br />
<div style="text-align: center;">
<span style="font-size: xx-small;">Laman Sitemap</span></div>
<br />
Berikut cara membuat sitemap / daftar isi otomatis di Blogger :<br />
<ol>
<li>Masuk ke akun blogger</li>
<li>Pilih menu 'Laman'</li>
<li>Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')</li>
<li>Pilih mode 'HTML'</li>
<li>Beri judul Daftar Isi atau Sitemap (judul terserah anda) </li>
<li>Masukkan kode berikut</li>
<script 
src="https://sites.google.com/site/script4shared/sitemap.js"></script><script
 
src="http://http://generasi-tkj.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 
<li>Ganti kode '<b>generasi-tkj.blogspot.com</b>' di atas dengan alamat blog anda</li>
<li>Publikasikan </li>
</ol>
<div>
Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll 
di samping kanan anda bisa menggunakan kode berikut sebagai ganti kode 
dari poin nomer 6 diatas :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7KiNfccUPC9mGEzpT0VcDVSmmwRAMfkxATynugZcLJr5hIjOLaAdRrdTmykDrbc-qNMbnnOs6cGJqY2s-V9EZJe9E12YyT333medwhFzFErP2dUi3IzwhJPwMkQ4JidH2X3TlvuKaRRs/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7KiNfccUPC9mGEzpT0VcDVSmmwRAMfkxATynugZcLJr5hIjOLaAdRrdTmykDrbc-qNMbnnOs6cGJqY2s-V9EZJe9E12YyT333medwhFzFErP2dUi3IzwhJPwMkQ4JidH2X3TlvuKaRRs/s1600/2.png" width="320" /></a></div>
<br />
<br />
<div>
<div style="background-color: #dde1e3; border: 1px solid #999999; 
height: 100px; overflow: auto; padding: 10px; width: 100%px;"></div>
<div>
<script 
src="https://sites.google.com/site/script4shared/sitemap.js"></script><script
 
src="http://generasi-tkj.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>
<div>
</div></div>
</div>
<div>
</div>
<div>
Nilai <b>height </b>bisa dirubah sesuai dari panjang daftar isi yang diinginkan.</div>
<div>
</div>
<div class="pesan-akhir">
Jika anda mempunyai permintaan, saran dan kritik silahkan berkomentar.</div>
</div>

Cara Membuat Sitemap Otomatis

Sitemap sangat berguna agar search engine seperti Google dapat mendeteksi adanya update pada situs atau blog kita. Jika sudah terdeteksi ...

> Baca Selengkap Nya >>>

Cara Membuat Privacy Policy di Blog dengan Mudah, Cepat dan Terbaru

<div style="text-align: justify;">
Privacy Policy adalah Kebijakan Pribadi yang dibuat oleh seorang pemilik
 blog/website untuk dipaparkan kepada pembaca agar mengetahui Ketentuan 
dan Kebijakan yang telah dibuat.<br />
<br />
Sehingga si pembaca pun bisa mematuhi dan menaati Kebijakan dari Blog 
atau Website. Privacy Policy ini juga salah satu hal yang paling 
dibutuhkan bagi anda yang ingin mendaftarkan pada Google Adsense atau 
Iklan PPC yang lain.<br />
<br />
Apa Alasannya ? Dikarenakan Kebijakan Privasi ini akan dibaca oleh orang
 yang menganalisa dan memeriksa Blog atau Website yang telah anda 
daftarkan. Bagi anda yang telah melihat Privacy Policy dari beberapa 
Blog atau Website kadang tidak mengetahui fungsi dari Privacy Policy itu
 sendiri. Nah bagi anda yang ingin membuatnya saya akan memberitahukan 
trik membuat Privacy Policy dengan mudah.<br />
<br />
Kenapa mudah ? Anda Tidak Perlu Menulis Privacy Policy itu sendiri 
tetapi anda hanya perlu mengisi form yang telah disediakan. Kok Bisa ? 
Dengan Menggunakan Jasa Sebuah Site yang menyediakan layanan Pembuatan 
Privacy Policy dengan Cepat dan Gratis kita tidak harus bersusah payah 
membuatnya sendiri bukan ?.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="color: blue;"><b>Berikut cara pembuatannya :</b></span></div>
<ul style="text-align: left;">
<li>Silahkan Pergi Ke Alamat <a href="http://www.privacypolicyonline.com/">http://www.privacypolicyonline.com/</a></li>
</ul>
<div style="text-align: justify;">
</div>
<ul style="text-align: left;">
<li>Isi Form Yang Telah Disediakan, Masukan Nama BLog/ Website, URL Blog, Link Contact, Email, dan Lain-Lain.</li>
<li><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqfo46Qk1qu0ZEejnsyulX0s7x6eswY5JCyjRMJOJrUqsMo0_5HozPJwrvq-99JZ8oRwOs00wYVfpjvG__itQ3dg2u8kXV_K2eZmyCr4clSRps4zS4SmIxTK_mHSrN0qkSLo0rsZa4fOo/s1600/privacy+police.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqfo46Qk1qu0ZEejnsyulX0s7x6eswY5JCyjRMJOJrUqsMo0_5HozPJwrvq-99JZ8oRwOs00wYVfpjvG__itQ3dg2u8kXV_K2eZmyCr4clSRps4zS4SmIxTK_mHSrN0qkSLo0rsZa4fOo/s1600/privacy+police.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</li>
</ul>
<ul style="text-align: left;">
<li>Setelah Selesai klik "Generate Policy", Maka anda akan langsung mendapat Privacy Policy dari Blog Anda</li>
<li><br /><div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDav33Jk5WQ49rMVJ46LTSYNnmYC_bceV__PoGp765WkGg8H6ZgcI1PF08JtZUS_ufOxV0TaD2AnR2v5xbnwQEdc3ZUUMCH9mTQbmYq3apL4hVZJScsVSwXqTvTDCXZljFL8yc5qwr_Y/s1600/privacy+police2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDav33Jk5WQ49rMVJ46LTSYNnmYC_bceV__PoGp765WkGg8H6ZgcI1PF08JtZUS_ufOxV0TaD2AnR2v5xbnwQEdc3ZUUMCH9mTQbmYq3apL4hVZJScsVSwXqTvTDCXZljFL8yc5qwr_Y/s1600/privacy+police2.png" width="320" /></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</li>
</ul>
<ul style="text-align: left;">
<li>Setelah itu Copy semua artikel Privacy Policy anda dan Letakan pada Post atau Laman di BLog atau Website anda.</li>
</ul>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Selamat Mencoba dan Semoga Berhasil<br />
<br />
Salam Sukses !!</div>

Cara Membuat Privacy Policy di Blog dengan Mudah, Cepat dan Terbaru

Privacy Policy adalah Kebijakan Pribadi yang dibuat oleh seorang pemilik blog/website untuk dipaparkan kepada pembaca agar mengetahui Kete...

> Baca Selengkap Nya >>>

Cara membuat disclaimer di blog

<h2 class="post-title entry-title">
</h2>
<div dir="ltr" style="text-align: left;">
<span class="awal">D</span>isclaimer dalam istilah dunia maya dapat 
dikatakan dengan sebuah aturan dan peraturan dari suatu halaman. 
Pentingnya pemasangan disclaimer pada suatu halaman blog berguna untuk 
dapat menginpormasikan terhadap pengunjung situs web ataupun blog agar 
dalam berinteraksi pada halaman situs baik itu berupa, Komentar, share, 
upload dll, agar lebih serba saling menghargai sesama pengunjung dan 
pemilik halaman situs.<br />
<br />
Sebagai pengguna internet yang paling utama adalah pentingnya saling 
menghormati antara pengguna walupun memang pada kenyataannya sesama 
pengguna tidak pernah bertemu. Hal inilah yang menjadi suatu alasan 
dimana semakin banyaknya kasus yang telah beredar yang berujung dengan 
suatu hinaan dan perpecahan suatu RAS. Pentingnya suatu lisensi 
pengesahan undang undang ataupun tata cara penggunaan internet antara 
pengunjung dan owner situs harus dijaga dengan baik. Dalam postingan 
saya kali ini saya berharap agar para teman teman saya yang memang 
membutuhkan suatu lisemsi peraturan dalam halaman situsnya silahkan 
simak penjelasan berikut.<br />
<br />
<ol style="text-align: left;">
<li>Kunjungi situs : <i><span style="color: blue;">http://www.easyriver.com/free_disclaimer.htm </span></i></li>
<li>Pada halaman silahkan isi bagian form terkait dengan identitas anda.</li>
<li>Setelah anda isi silahkan klik '<b> Make may disclaimer</b> ' untuk membuat disclaimer situs anda.</li>
<li>Copy semua artikel beserta tanggal pembuatannya ataupun lisensinya.</li>
<li>Sekarang buka halaman dasbor blog anda lalu klik '<b> Laman</b>'</li>
<li>Klik 'Laman Baru' kemudian pilih '<b>Laman Kosong</b>'</li>
<li>Berikan judul halaman anda dengan '<b> Disclaimer</b> '</li>
<li>Pastekan artikel yang tadi anda copy.</li>
<li>Save halaman anda dan buatkan suatu link untuk membuka halaman <b style="color: red;">DISCLAIMER</b> anda pada menu halaman anda, agar mudah dilihat pengunjung anda. </li>
</ol>
</div>
<div style="margin-top: 10px;">
<div class="rbbox">
<div style="background-color: white; height: 200px; margin: 0; overflow: auto; padding: 10px;">

</div>
</div>
</div>
Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan  berlangganan geratis Artikel dari blog ini, daftarkan email anda 
pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini 
untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini 
silahkan kontak saya melalui kotak komentar yang ada dibawah atau 
gunakan fasilitas yang ada diblog ini untuk menghubungi saya.
<br />

Salam Blogger.... !!! .

Cara membuat disclaimer di blog

D isclaimer dalam istilah dunia maya dapat dikatakan dengan sebuah aturan dan peraturan dari suatu halaman. Pentingnya pemasangan discl...

> Baca Selengkap Nya >>>

Cara Membuat Gambar Auto Zoom Jika disentuh Cursor di Blogspot

Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse. Pada kesempatan kali ini, saya akan membahas salah satu cara mempercantik desain interface blog atau website yaitu Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse.
 Teman-teman pernah lihat blog atau website yang jika gambar pada blog 
atau website tersebut disentuh oleh cursor mouse gambar tersebut 
langsung auto zoom ?, pastinya pernah dong.. gimana bagus bukan ?<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-RDMVn2HxiOY/Ut1zV30Hk2I/AAAAAAAAA1k/N4FaE3odFaw/s1600/Cara+Membuat+Gambar+Auto+Zoom+Jika+disentuh+Cursor+Mouse.jpg"><img alt="Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse" border="0" src="http://2.bp.blogspot.com/-RDMVn2HxiOY/Ut1zV30Hk2I/AAAAAAAAA1k/N4FaE3odFaw/s1600/Cara+Membuat+Gambar+Auto+Zoom+Jika+disentuh+Cursor+Mouse.jpg" title="Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse" /></a></div>
Oke langsung saja, pastinya teman-teman juga sudah tidak sabar lagi kan 
ingin cepat-cepat membuatnya. Mari ikuti langkah-langkahnya sebagai 
berikut.<br />
Yang pertama teman-teman harus lakukan adalah usahakan posisi teman-teman sudah login ke blogger.<br />
Langkah selajutnya pada menu blogger pilih menu <b>Template</b> dan lalu <b>Edit HTML</b>.<br />
Lika seudah, langkah selanjutnya adalah cari code <b>]]></b:skin> </b> agar lebih cepat teman-teman tekan Control (Ctrl) + F untuk mencarinya.<br />
Oke jika sudah ketemu copy kan code dibawah ini tepat diatas code <b>]]></b:skin> </b><br />
<b><br /></b>
<blockquote class="tr_bq" style="background-color: transparen; border-left: 5px solid #fce27c; margin: 0; margin: 1em 3em; padding: .5em 1em;">
<div style="background-color: silver; border: 2px #00FFFF solid; height: 100px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<span style="color: blue;">.post img, table.tr-caption-container { 
border:none; max-width:560px; height:auto; -o-transition: all 0.5s; 
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; }</span><br />
<span style="color: blue;">.post img:hover { -o-transition: all 0.3s; 
-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:
 scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); 
-webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; 
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); } </span></div>
<span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.600000381469727px;"></span></blockquote>
<br />
Dan langkah yang terakhir adalah <b>Save Template</b>. Selesay!<br />
Nah giman teman-teman mudah kan ?.<br />
Selamat mencoba.<br />
Jika ada yang kurang jelas dipostingan ini silahkan teman-teman langsung tanyakan dengan berkomentar dibawah ini.<br />
Semoga Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse bisa membantu dan bermanfaat untuk teman-teman.<br />
Note : Jika teman-teman menyukai artikel Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse tolong tinggalkan jejak teman-teman dengan berkomentar dibawah ini atau share it via Google+, Twitter, Facebook, dll.<br />
Terimakasih!

Cara Membuat Gambar Auto Zoom Jika disentuh Cursor di Blogspot

Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse. Pada kesempatan kali ini, saya akan membahas salah satu cara mempercantik desain i...

> Baca Selengkap Nya >>>

Cara Membuat Widget Timeline Twitter Untuk Blogspot

<div style="text-align: justify;">
<b>Menambahakan Widget Twitter Ke Blog</b>. <i>Widget twitter</i> yang 
saya maksud ialah widget untuk menampilkan Tweet Pengguna. Misalnya nama
 pengguna atau akun twitternya @Agung_Designer maka di widget ini hanya tweet 
si Agung yang muncul.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<i>Widget Twitter terbaru</i> ini menurut saya tidak selengkap widget 
yang dulu, dimana kita bebas mengatur warna dan tema widget. Tapi dalam 
pembuatannya lebih mudah yang baru ini. <u>Sebelum membuat Widget ini pastikan Anda telah memiliki akun twitter</u> jika belum silahkan daftar, caranya mudah kok coba saja :).</div>
<br />
<center>
</center>
<br />
<div style="text-align: justify;">
Berikut langkah-langkah <b>Membuat Widget Timeline User Twitter Untuk Blog</b></div>
<div style="text-align: justify;">
1. Login di twitter.com</div>
<div style="text-align: justify;">
2. Ikuti link ini https://twitter.com/settings/widgets/new (copy saja ke address bar)</div>
<div style="text-align: justify;">
3. Isi semua textbox/kolom sesuai kebutuhan, perhatikan gambar berikut</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm-hu_q4HUOkXgcadqwCKcKjCAbEo2W_LVkamwEuhvKnktjwthnmQiHCbFZorZsQ_nTU-3BZyR48hMkhhg3_Ks6jPsl2fT2k1DhxIGgk_9Ltcd2EMaaVeNhESX2nY6BpMsMzR4FIwIT-0/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm-hu_q4HUOkXgcadqwCKcKjCAbEo2W_LVkamwEuhvKnktjwthnmQiHCbFZorZsQ_nTU-3BZyR48hMkhhg3_Ks6jPsl2fT2k1DhxIGgk_9Ltcd2EMaaVeNhESX2nY6BpMsMzR4FIwIT-0/s1600/1.png" width="320" /></a></div>
<div style="text-align: justify;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
 Buat widget Anda<br />
<br />
<div style="text-align: justify;">
4. Setelah widget selesai dibuat copy HTML code yang ada disebelah kanan bawah (lihat gambar) </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnEkkuX4tCS5n2HxRntppRBo2C-g4FB9BDyG5KWzmUkjVlEL0NIIMIG72hbww6r0SEJnA0qL0Dr4Uln6i58dbAahr_3RoxnqCgLhiLSZuQG6hZOlEK1R2jf5WK6cPifjT2KTkIN69EVM/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnEkkuX4tCS5n2HxRntppRBo2C-g4FB9BDyG5KWzmUkjVlEL0NIIMIG72hbww6r0SEJnA0qL0Dr4Uln6i58dbAahr_3RoxnqCgLhiLSZuQG6hZOlEK1R2jf5WK6cPifjT2KTkIN69EVM/s1600/Untitled.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioCCCZ5LnBbbD6y0yqaR2B314MvdL9SluOR63gRUjNbkjD7qPxCMaCbgkz9ZT1UlDzvQokCEddCkCxGNQmUix8G6sR3GehqVJEmGMHRaLL-b787bHTiSc3X17fhyphenhyphen7IrIgx0LoAIRkAAfTU/s1600/code+widget+tweet.png" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: justify;">
5. Buka blogger.com pilih blog yang akan dipasang widget timeline 
twitter klik tata letak > tambah gadget > klik HTML/JavaScript 
paste code yang sudah di copy tadi dan simpan.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
OK sip mantap kini tweet dari akun Twitter Anda telah tampil di blog hal 
ini bisa menambah followers dari pengunjung blog. Semoga bermanfaat 
untuk Anda yang membutuhkan, terimakasih.</div>

Cara Membuat Widget Timeline Twitter Untuk Blogspot

Menambahakan Widget Twitter Ke Blog . Widget twitter yang saya maksud ialah widget untuk menampilkan Tweet Pengguna. Misalnya nama pengg...

> Baca Selengkap Nya >>>

Cara Pasang Lencana Profil Facebook Di Blog

<br />
<div class="post-body entry-content" id="post-body-1539843406008283857" itemprop="description articleBody" style="font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 1.4; position: relative; width: 480px;">
<span style="background-color: white;"><span style="color: orange;">Apa itu <b>Lencana Profil Facebook ?</b> Lencana profil facebook adalah sedikit cuplikan tentang profil diri kita di dalam akun facebook. dan biasanya lencana profil facebook ini di pasang di blog ataupun di website-website sang pemiliknya. tujuanya adalah untuk memperkenalkan dirinya kepada sang pengunjung blog, dan nantinya jika ada pengunjung yang tertarik dengan artikel-artikel blog milik sobat sang pengunjung blog pun bisa langsung meng ADD akun facebook milik sang pemilik blog untuk berkomunikasi melakukan tanya jawab.<br /><br /><b>Lencana Profil Facebook</b> ini Selain Berguna seperti yang klinik-it jelaskan diatas juga berguna sebagai pengganti Profil yang di sediakan oleh blogger.contoh lencana profil tersebut adalah seperti ini.<br /><br /><a href="http://facebook.com/Abdurrofi.Agung" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; text-decoration: none;" target="_TOP" title="Deni Sahlan">Agung Pangaksami</a><span style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; line-height: 16px;"> | </span><a href="http://id-id.facebook.com/facebook-widgets/" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; text-decoration: none;" target="_TOP" title="Buat lencana Anda sendiri!">Buat Lencana Anda</a><br /><a href="http://id-id.facebook.com/denisahlan" style="text-decoration: none;" target="_TOP" title="Deni Sahlan"><img height="130" src="http://badge.facebook.com/badge/1566901410.1267.35273134.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="360" /></a><br /><br />Itulah sedikit tentang penjelasan mengenai lencana Profil Facebook,dan Buat sobat yang ingin memasang lencana Profil Facebook di blog silakan ikuti tutorial langkah-langkah <b>Cara Pasang Lencana Profil Facebook Di Blog</b> di bawah ini.<br /><br />1.Login ke Akun Facebook sobat.<br /><br />2.Klik <b>Profil</b>.<br /><br />3.Lalu cari tulisan <b>Buat Lencana Profil</b>.Tulisan ini adanya di bagian kiri bawah profil facebook sobat.<br /><br />4.Selanjutnya pilih Lencana Profil facebook yang ingin sobat pasang di blog,di situ ada tampilan profil facebook yang horizontal dan vertical tinggal sobat pilih. Jika sobat ingin membuat baru lencana profilnya tinggal klik aja tombol <b>Buat Lencana Baru</b> yang ada di bagian kanan atas.tinggal sobat atur sendiri apa yang ingin di tampilkan di dalam lencana profil Facebook Sobat.<br /><br />5.Kalo udah Copy semua Kode HTML lencana profil facebooknya.<br /><br />6.Selanjutnya Login ke Blogger.<br /><br />7.Klik <b>Tatat Letak</b>.<br /><br />8.Klik <b>Tambah Gadget</b>.<br /><br />9.Pilih <b>HTML/javascript</b>.<br /><br />10.Kemudian Paste kode HTML lencana profil facebook di dalamnya.<br /><br />11.Klik <b>Simpan</b>.<br /><br />12.Selesai...Tinggal sobat lihat hasilnya.</span></span></div>

Cara Pasang Lencana Profil Facebook Di Blog

Apa itu Lencana Profil Facebook ? Lencana profil facebook adalah sedikit cuplikan tentang profil diri kita di dalam akun facebook. dan b...

> Baca Selengkap Nya >>>