Contekan Bagus

Optimalisasi Merubah Komentar Blogger Menjadi Simple

ariewahyudi09@gmail.com (Arie Wahyudi) — Sat, 5 Apr 2014 17:38:00 +0700

Posting ini tentang panduan cara mengganti tampilan bawaan komentar blogger yang semula masih terlihat sederhana dan tampak kurang rapi menjadi ringkas dan enak dilihat. Cara membuatnya cukup mudah, hanya dengan menambahkan satu bagian kode CSS dan menghapus kode yang memiliki kesamaan agar hasilnya maksimal.

DEMO

Berikut panduan cara menggunakannya:
1. Masuk ke Dashboar Blogger.com
2. Pilih Template > Klik Edit Template (HTML)
3. Cari kode ]]></b:skin> (Ctrl + F mempermudah pencarian)
4. Download CSS Script Komentar Blogger
5. Tempatkan script tersebut di atas kode ]]></b:skin>
6. Simpan Template dan lihat hasilnya.

Jika terdapat perbedaan hasilnya tidak seperti demo, berarti di template bawaan sebelumnya telah ada kode yang sama.

Downgrade BBM 8 Menjadi BBM 7 Via Mobile Browser

ariewahyudi09@gmail.com (Arie Wahyudi) — Mon, 31 Mar 2014 15:40:00 +0700

BlackBerry Messenger versi 8 ini diluncurkan dengan tujuan penyeragaman pada BBM platform BB, Android, serta iOS, tetapi karena sebagian besar hardware BlackBerry tidak mendukung seperti pada perangkat BB OS 5 malah membuat lemot atau lag pada handset BB yang telah diinstall BBM versi 8.

BBM versi 8

Dengan satu cara mengatasi masalah tersebut yaitu mengembalikan (downgrade) BBM v8 menjadi v7 lagi:

1. Hapus aplikasi BBM 8 dengan beberapa cara :

Lakukan backup kontak bbm terlebih dahulu, biar aman gunakan Aplikasi Blackberry Protect.

Masuk ke menu Option → Aplikasi → Add-on → App Bbm → klik menu pilih hapus.
Cari Aplikasi BBM pada menu layar utama → tekan tombol logo BB → pilih delete/hapus.
Buka Blackberry World → My World → pilih App Bbm → tekan keypad del → yes.

2. Restart (reboot) perangkat bb.

3. Setelah selesai restart masuk ke browser BB:

Salin dan buka alamat link ini di broeser BB: http://id.blackberry.com/support/help-with-apps/bbm/bbm-for-blackberry.html

Step download bbm versi 7

Setelah halaman link terbuka klik pilih Unduh BBM via browser ← lihat gambar di atas.
Lalu ke tahap komfirmasi klik tombol Download Now.
Berikutnya tahap memilih Bahasa untuk BBM → setelah memilih tekan tombol Next.
Terakhir tinggal mengklik tombol Download.
Tunggu sampai proses download selesai (Download Complete!)
Sekarang BBM pada perangkat Smartphone telah berganti menjadi BBM versi 7 seperti sebelumnya.

Jika masih belum mengerti atau gagal dalam cara pada posting ini, silahkan untuk bertanya pada form komentar di bawah ini.

Cara Berkomentar di Blog Dengan Menggunakan Akun Name/URL

ariewahyudi09@gmail.com (Arie Wahyudi) — Sun, 16 Mar 2014 13:07:00 +0700

Alternatif berkomentar pada blog selain menggunakan akun gmail kita juga bisa menggunakan pilihan akun Name/URL. Mengenai cara penggunaannya, mungkin sudah banyak yang tahu tapi posting ini bisa berguna bagi teman pemula yang masih belum mengetahui caranya.

Opsi Name/URL ini dipergunakan agar pengunjung yang tidak memiliki gmail dapat juga berkomentar dengan akun social media yang dimiliki seperti facebook, twitter, dan lainnya. Ada juga opsi Anonymous yang tanpa perlu login email tapi opsi ini kurang relevan karena tidak menampilkan profil siapa yang berkomentar! karena sebaiknya sebagai visitor yang ingin memberikan kritik, saran, sharing, bertanya, atau lainnya haruslah memiliki ID yang jelas. Karena itu banyak blogger yang hanya meng-aktifkan opsi komentar dengan email saja pada kolom komentar blognya

Baiklah, kembali ke bagaimana langkah-langkah menggunakan akun name/url berikut ini :

1) Pada kolom kometar blog klik opsi lalu select " Name/URL "

Gambar opsi komentar name/url (klik untuk memperbesar agar jelas)

2) Muncul kolom perintah untuk memasukkan " Nama " dan di bawahnya " URL " seperti gambar

Gambar kolom insert name + url

3) Pada kolom "Name" dan "URL" bisa diisikan dengan :

Jika memiliki akun facebook, seperti contoh di bawah ini:
Name : Contekan Bagus
URL : facebook.com/ContekanBagus

Jika memiliki akun twitter, contohnya:
Name : @contekanbagus
URL : twitter.com/contekanbagus

Dan untuk akun media sosial lainnya dapat dicontohkan seperti di atas.

Bagaimana panduan di atas, sudah pahamkan! thak you for your time and your visit at contekanbagus.blogspot.com to see you back on the other time yea..!

Membuat Komentar Facebook Dengan Scroll Pada Blog

ariewahyudi09@gmail.com (Arie Wahyudi) — Mon, 10 Feb 2014 12:44:00 +0700

Menghubungkan konektivitas social media dengan blog untuk mendapatkan lalu lintas yang besar merupakan suatu optimalisasi halaman blog yang sangat baik dan menjadi salah satu faktor untama untuk meningkatkan traffik pengunjung pada blog.

Agar suatu blog dapat terkonektivitas dengan social media seperti facebook, maka memerlukan jasa dari facebook developers untuk mendapatkan plugins seperti widget tombol share, like, facebook comment, dan lainnya.
Posting ini hanya akan membahas bagaimana cara membuat komentar facebook dengan tambahan scroll yang berfungsi menghemat atau menyingkat tampilan ruang komentar di bawah posting blog.

Membuat komentar facebook di blogger

Berikut langkah-langkahnya:
Masuk pada menu Edit HTML, copy script di bawah ini dan letakkan tepat sesudah kode <body>

<div id='fb-root'/>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '582204668525761',
          status     : true,
          xfbml      : true
        });
      };
      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/all.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

Kemudian, letakkan script di bawah ini tepat sebelum atau di atas kode ]]></b:skin>

.fb-comments{
padding-left:15px;
overflow: auto; height: 300px; width: 570px;
}

Selanjutnya, temukan kode <div class='post-footer-line post-footer-line-3'/> dan paste script di bawah ini di bawah kode tersebut.

Terakhir, tinggal meletakkan kode di bawah ini setelah atau di bawah kode <head>

Ganti tulisan dan angka berwarna merah pada dua kotak script di atas:

Kata ContekanBagus diubah dengan nama akun fb sendiri.
Angka 4 berwarna merah yaitu untuk menentukan jumlah komentar yang ingin ditampilkan dan silahkan diganti sesuai keinginan.

Setelah langkah-langkah di atas selesai, klik simpan dan lihat hasilnya pada blog sobat.

Contoh Penulisan Isi Laman About Me Pada Blog

ariewahyudi09@gmail.com (Arie Wahyudi) — Fri, 7 Feb 2014 23:03:00 +0700

About Me

Melengkapi sebuah blog dengan menu yang berisi informasi tentang tema dari halaman serta menampilkan identitas pemilik bertujuan ketika pengunjung membaca About me suatu blog makan akan bisa mendefenisikan apa yang ada dalam blog tersebut lebih singkat secara keseluruhan.

Menampilkan identitas owners blog merupakan hal yang perlu, tapi tidak semua owners ingin menampilkannya dengan alasan-alasan tertentu.

Bagaimana cara membuat About me yang informatif secara sederhana?

Setidaknya mencakup beberapa hal yaitu:

Siapa author : Biodata, pendidikan/pekerjaan, pengalaman, dan lainnya.
Tentang isi blog
Cara mengontak author

Untuk menciptakan suatu hal yang bagus perlulah ide-ide dari contoh atau referensi serupa. Berikut di bawah ini beberapa contoh penulisan isi About me/us yang mudahan bermanfaat:

Tentang:
Contekanbagus.blogspot.com adalah Situs Blogging sederhana yang berisikan tentang informasi seputar Dunia Pendidikan & serta berbagai kumpulan artikel menarik lainnya yang mudah-mudahan memberikan solusi dan bermanfaat bagi kita semua.

Contekanbagus.blogspot.com menjadi salah satu media informasi, solusi, inspirasi bagi pembaca. Selalu semangat dalam membahasa tentang dunia pendidikan.

Kutipan: Untuk menempuh perjalanan sejauh 1000 mil dimulai dengan 1 tangan.

Profil:
Penulis/Admin :
Email :
Facebook :
Twitter :
BBM :

Silahkan ganti teks bergaris bawah sesuaikan kriteria blog masing-masing, untuk profil lengkapi dengan akun-akun jejaring sosial.

Contoh penulisan isi halaman About us lainnya dapat juga dilihat pada:

Cara Terbaru Membuat Gambar Sampul Facebook Tampil Kreatif

ariewahyudi09@gmail.com (Arie Wahyudi) — Fri, 7 Feb 2014 11:23:00 +0700

Sedikit ulasan tentang cara membuat sampul facebook bergambar keren dan kreatif dengan kreasi kita sendiri. Untuk bisa membuat gambar sampul seperti itu caranya mudah saja tanpa harus memiliki teknik design grafis karena saat ini telah banyak aplikasi online yang memfasilitasi kita untuk lebih mudah berkreasi.

Gambar sampul

Sebagai contoh sebuah aplikasi online cover banner terbaik yang sedang trend juga dapat diakses secara mudah dan gratis dengan tools option untuk berinovasi membuat foto profil + gambar sampul facebook menjadi unik, keren dan kreatif yaitu di timelinecoverbanner.com.

Ingin mencobanya?

1. Silahkan akses langsung ke aplikasi.
- Terdapat beberapa tools option pada sisi timeline editor dengan berbagai fungsi.
2. Klik tombol Upload Photo & Upload Background, silahkan pilih satu-satu.
3. Pilih gambar, kemudian posisikan hingga sesuai keinginan.
- Gambar-gambar timeline cover yang keren bisa dicari di 99covers.com
4. Setelah selesai, klik tombol NEXT STEP lalu tombol LOGIN to FACEBOOK.

5. Setelah facebooknya login, lalu tinggal klik tombol: Upload profile picture to Facebook dan Upload cover to Facebook. Lihat pada gambar!

Membuat gambar sampul

6. Foto profil dan gambar sampul akan otomatis ter-update ke dalam facebook setelah mengikuti langkah nomor 5.

7. Selesai, semoga berhasil.

Menambahkan Kotak Script Dengan Scroll di Laman Posting Blog

ariewahyudi09@gmail.com (Arie Wahyudi) — Mon, 3 Feb 2014 20:46:00 +0700

Sebaiknya menggunakan kotak script dengan scroll untuk kode html, css, js yang panjang pada artikel, maka jadi tidak boros tempat pada postingan dan nantinya bisa terlihat ringkas.
Membuat kotak scrip dengan auto scroll di dalam sebuah posting blog caranya cukup mudah, tinggal memperhatikan selanjutnya di bawah ini.

Kota script CSS, HTML

Perhatikan :
1. Ketika ingin memasang kotak script scroll ke dalam postingan, pilih mode penulisan HTML
2. Paste kode script, untuk melihat hasil buka kembali mode penulisan Compose
3. Setelah scroll box tampil akan terlihat tulisan " Hapus teks ini lalu paste script... " di dalam kolom
4. Hapus tulisan tersebut dan ganti dengan kode script.

Contoh Kotak Script Auto Scroll

Membuat kotak script dengan scroll
Scroll box
Kolom scroll pada postingan blog
Auto scroll untuk kotak script
Membuat kotak script

Berikut ini adalah kode auto scroll box nya

<div style="background-color: #f8f8f8; border: 1px solid #aaa; overflow: auto; height: 50px; width: auto; padding: 10px 30px;">Hapus teks ini lalu paste script...</div>

Sesuaikan pengaturan pada kotak script :
- Mengganti ukuran tinggi dan lebar kolom untuk scroll : height: 50px; width: auto
- Merubah warna border : border: 1px warna background : background-color: #codewarna

Pembahasan kali ini sekian saja, semoga tips, trick tadi cukup jelas dan mudah dipahami. Silahkan berbagi dan berkomentar jika suka pada artikel ini.

Cara Membuat Kotak Script Sudut Border Melengkung di Posting Blog

ariewahyudi09@gmail.com (Arie Wahyudi) — Sat, 1 Feb 2014 20:10:00 +0700

Berikut ini adalah beberapa versi kotak script yang sudut bordernya dibuat melengkung, sangat bagus di gunakan pada postingan yang menandakan kode HTML, CSS, JavaScript biar tampilan posting terlihat dinamis.

Box code versi ini cara penerapan tidak ada beda dengan versi kotak script biasa hanya saja ada penambahan kode CSS.

CHECK THIS OUT...

Border Solid Tampil Kiri

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Border Solid

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Letakkan Script disini…… </div>

Border Dashed

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Border Double

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Border Outset

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Letakkan Script disini……</div>

Dengan cara :
- Copy script box code dari beberapa jenis tampilan di atas
- Paste pada Menu Tab HTML Artikel Entri

Kreasi dengan beberapah bagian di bawah ini :
- Mengganti ukuran sudut lengkungan : border-radius: 10px ada 3 ganti semua
- Mengganti warna background : background-color: #codewarna
- Merubah ketebalan border / garis tepi kolom : border: 4px

Baca Artikel tentang optimasi halaman posting pada RELATED POST di bawah posting ini.

Cara Menghilangkan Hashtag Kode di Belakang URL Posting Blog

ariewahyudi09@gmail.com (Arie Wahyudi) — Mon, 27 Jan 2014 15:33:00 +0700

Pemasangan widget share pada blog menjadi wajib dilakukan, karena kegunaannya memudahkan untuk saling berbagi artikel posting, tentunya itu akan sangat baik untuk memperbesar jumlah pengunjung ke suatu blog.

Dengan manfaat widget share ini, dalam penggunaannya biasa menggunakan pihak ke 3 yang menyedikan widget social share "AddThis atau ShareThis".

Suatu blog yang terpasang widget "ShareThis" akan memiliki kode pelacakan ( Tracking Code ) pada URL posting. Kode pelacakannya berbentuk Hashtag disertai huruf dan angka di belakang URL postingan seperti #.Bla814bLa4a atau gambar di bawah :

Hashtag Kode di Belakang URL Posting tersebut adalah keyword/penanda/mark/tag pelacakan atau penelusuran mesin pencarian ( Seacrh Engine ) ke URL Artikel Posting yang dishare ke social media seperti facebook, twitter, google plus.

Hashtag kode ini tidak berpengaruh bagi suatu blog, ada atau tidak-nya kode tersebut bisa diatur! Blog yang menggunakan widget share yang dimaksud di atas dan terdapat hashtag kode dibelakang URL artikel postingnya! Keep Woles.

Apabila tidak menghendaki adanya hashtag kode itu, kita bisa menghilangkannya dengan cara copy paste kode di bawah, lalu letakkan tepat di atas kode </body> edit HTML.

Selengkapnya dapat dilihat seperti pada gambar contoh di bawah :

Jika telah dipasang kode di atas maka hashtag kode di URL posting akan hilang.

Cara Membuat URL Gambar Berformat bp.blogspot.com

ariewahyudi09@gmail.com (Arie Wahyudi) — Sun, 26 Jan 2014 16:44:00 +0700

Menampilkan Gambar berdasarkan URL yang aktif digunakan dalam kode kode HTML pada sebuah Blog. Dicontohkan beberapa URL Gambar tersebut berformat bp.blogspot.com.

Gambar yang diunggah langsung pada blogger akan memiliki URL dengan versi seperti itu.

Untuk mendapatkan URL Gambar dengan versi berbeda ada beberapa cara mudah yaitu dengan unggah / upload Gambar di Photobucket dan Google Picasa lalu hasilnya copy URL pada Direct Link yang tersedia.

Lalu bagaimana dengan Cara Membuat URL Gambar Berformat bp.blogspot.com ? Mari simak di bawah ini :

Beberapa langkah cara membuat Gambar ber-URL bp.blogspot.com
1. Sedikan Gambar terlebih dahulu pada "folder file computer" yang ditentukan.
2. Login ke Blogger Dashboard klik "entri baru".
3. Pilih klik Insert Gambar pada laman entri baru (upload gambar, pilih dari folder file computer).

4. Setelah Gambar berhasil diupload, pilih Gambar dan terbitkan ke halaman entri lalu pilih klik tab "mode HTML" blok dan copy paste URL yang telah jadi untuk digunakan.

Sekian saja penjelasannya semoga sangat bermanfaat dan terima kasih atas kunjungannya.

Membuat Kotak Script Simple di Posting Blog

ariewahyudi09@gmail.com (Arie Wahyudi) — Sun, 19 Jan 2014 11:48:00 +0700

Banyak cara yang bisa dilakukan seorang blogger untuk optimasi pada blog, ambil salah satu contohnya dengan mempercantik tampilan posting blog. Halaman posting yang terlihat tertata, rapi, teratur, dan simple menjadi bagian yang perlu diperhatikan bloggers.

Meskipun isi sebuah artikel posting yang sangat menarik jika tidak memperhatikan tampilan publikasinya maka kemungkinan akan mengurangi minat baca pengunjung.

Sebaliknya walaupun artikel posting yang biasa - biasa saja jika dibuat dengan memperhatikan optimasi setidaknya pengunjung akan merasa fresh.

Agar postingan terlihatnya rapi dan teratur, salah satu contoh yang bisa dilakukan yaitu membuat kotak script/ box code yang digunakan sebagai text area untuk membedakan antara code script dengan teks artikel yang lain.

Berikut di bawah ini tentang cara mudah untuk menambahkan kotak script simple pada posting blog.

- Buka bagian tab HTML entri post
- Copy script box code yang tersedia di bawah sesuai versi kotak script
- Paste script box code diantara bagian yang diinginkan di tab HTML
- Buka kembali bagian tab Compose

ADA 5 VERSI KOTAK SCRIPT / BOX CODE

1. Box Code Border Left Solid

<div style="background-color: #f3f3f3; border-left: 5px solid #2288dd; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

2. Box Code Border Solid

<div style="background-color: #f3f3f3; border: 4px solid #999; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

3. Box Code Border Dashed

<div style="background-color: #ffe599; border: 2px dashed #aaa; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

4. Box Code Border Double

<div style="background-color: #6fa8dc; border: 4px double #fff; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

5. Box Code Border Outset

<div style="background-color: #a2c4c9; border: 4px outset #fff; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

Kreasikan dengan :
- Mengganti warna kotak > backgroud-color: #kodewarna
- Merubah warna border > border: #kodewarna
- Mengatur ketebalan border > border: 4px

Sekian tips dari contekanbagus.blogspot.com semoga bermanfaat dan tinggalkan komentar untuk posting ini.