Blog Berbagi Info 4U (berbagiinfo4u.blogspot.com) adalah sebuah blog seputar informasi teknologi dan tutorial yang sudah online sejak tanggal 6 September 2012. Perombakan demi perombakan termasuk konten dan template telah dilakukan demi menunjang performa blog agar lebih menarik dan ramah pengguna.
Mulai tanggal 3 Juni 2015, blog Berbagi Info 4U telah melakukan pengubahan nama domain dengan domain baru yang beralamat di www.berbagiinfo4u.com. Mohon maaf bagi pengunjung setia blog Berbagi Info 4U yang mengunjungi blog ini pada tanggal 3 Juni 2015, karena blog tidak bisa diakses dalam beberapa jam. Ini disebabkan karena masih dalam proses Propagasi Perubahan DNS yang bisa memakan waktu 6 hingga 8 jam.
Walaupun Blog telah berganti Alamat Web dari berbagiinfo4u.blogspot.com menjadi www.berbagiinfo4u.com, konten artikel dan informasi tidaklah berubah, semua tetap sama dan uptodate.
Untuk mengganti favicon blogger kita memerlukan sebuah icon , logo, atau foto dengan bentuk bujur sangkar yang memiliki lebar sama pada tiap sisinya. Tujuan dari cara mengganti favicon blogger ini ialah agar blog yang dimiliki terlihat unik dan berbeda dari blog blog yang lain. Dan tentu saja ini bisa menjadi ciri khas blog dimata pengunjung.
Sebenarnya untuk mengganti favicon blogger ini sudah disediakan pada menu Layout / Tata Letak pada Dasbor Blogger. Secara default semua blog yang dibuat dari blogger akan memiliki favicon yang sama dengan favicon blogger sebelum kita menggantinya sendiri. Untuk cara membuat dan mengganti favicon blogger sebagai berikut ...
MEMBUAT FAVICON BLOGGER SENDIRI
Sebelum memutuskan untuk mengganti favicon blogger, lebih baik dipersiapkan terlebih dahulu faviconnya. Favicon bisa dibuat sendiri dengan Adobe Photoshop, Generaton ikon online, atau menggunakan foto / gambar / logo anda sendiri. Pastikan juga ukuran favicon adalah bujur sangkar. Jika ingin membuat favicon sendiri mungkin tutorial cara membuat ikon / favicon dengan Photoshop bisa membantu.
MENGUPLOAD DAN MENGGANTI FAVICON
Setelah icon sudah siap, saatnya untuk mengganti favicon pada blog Anda, langkah langkahnya :
1. Log In ke akun Blogger. Pada Dasbor Menu pilih Layout (Tata Letak), kemudian pilih favicon.
2. Selanjutnya klik EDIT
3. Klik Telusuri (Browse) untuk mengupload icon Anda.
4. Terakhir klik SAVE
5. Sekarang favicon blog sudah terganti, biasa akan membutuhkan waktu beberapa saat agar favicon muncul pada blog.
Itulah tips dan cara mengganti favicon blogger dengan icon / logo buatan sendiri. Icon ini bersifat bebas, anda bisa mengganti ikon dengan file yang berformat jpg, png, asalkan besar file tak lebih dari 100kb. Favicon juga bisa diganti dengan gambar gerak / animasi seperti file file berformat gif.
Memasukkan video youtube ke posting blog menjadi salah satu cara posting yang menarik. Selain tulisan dan gambar, posting video juga menambah minat bagi pengunjung blog. Apalagi jika blog kita membahas tentang tutorial, membahas sinopsis film, musik dan sebagainya yang membutuhkan dukungan video. Dalam memasukkan video ini, kita tidak perlu mengupload atau mengunggah video yang memakan waktu lama apalagi dengan video size yang besar.
Untuk memasukkan video youtube ke posting blog, kita akan menggunakan dua cara yang berbeda. Pertama kita langsung mengambil kode script iframe dari video youtube yang kemudian dimasukkan ke dalam posting (html), dan yang kedua kita menggunakan menu Insert Video yang telah disediakan dalam tab menu Entri Baru. Berikut langkah-langkahnya :
MEMASUKKAN VIDEO YOUTUBE DENGAN IFRAME / MENGGUNAKAN KODE SCRIPT
1. Buatlah posting baru, kemudian buka juga dalam tab baru situs Youtube dan cari video apa yang ingin dimasukkan ke dalam Posting Blog. Sebagai contoh saya ingin memasukkan video Canon Rock Screamo Cover.
2. Saya menggunakan Youtube berbahasa Indonesia. Pada menu dibawah video klik BAGI - SEMATKAN. Maka akan terlihat kode iframe. Kode inilah yang nantinya akan kita copy kedalam posting blog. Kita juga bisa mengubah sesuaikan ukuran videonya. Untuk lebih jelasnya silahkan lihat gambar dibawah ini :
# Sebelum dicopy, kita bisa menyesuaikan lebar video, dan pengaturan lainnya, silahkan klik link "Tampilkan lebih banyak di iFrame".
3. COPY Kode tersebut kedalam POSTING. Pastikan menggunakan metode HTML saat copy paste kode, bukan metode COMPOSE. Untuk memberi rata tengah pada video tambahkan kode <center></center> maka akan seperti ini :
4. Jika sudah selesai klik PUBLIKASIKAN. Maka hasilnya akan seperti ini, tekan tombol PLAY untuk memainkan videonya :
MEMASUKKAN VIDEO YOUTUBE DENGAN MENGGUNAKAN MENU INSERT VIDEO
Cara yang kedua adalah dengan menggunakan menu Insert Video yang ada pada menu ENTRY, seperti pada gambar dibawah ini (pada kotak merah):
1. Buat posting baru kemudian Klik INSERT A VIDEO
2. Akan ada 2 pilihan FROM YOUTUBE dan MY YOUTUBE VIDEO. Jika Anda memilih FROM YOUTUBE carilah url video dalam youtube dan masukkan disana. Namun jika Anda memilih MY YOUTUBE VIDEO, Anda tinggal memilih video milik Anda sendiri yang pernah di upload di Youtube.
3. Klik PILIH dan PUBLIKASIKAN. Maka hasilnya akan seperti pada video dibawah ini :
Demikianlah artikel 2 cara memasukkan video youtube ke posting blog baik menggunakan iframe maupun menggunakan menu Insert Video. 2 Cara diatas hasilnya sama saja, tergantung kita memilih cara mana yang dinilai lebih mudah.
Kedua video diatas merupakan koleksi video saya yang berada di Channel Hot Game Video. Jika ingin berlangganan silahkan tombol Subscribe dibawah, jika kamu request nanti saya subscribe balik.
Tampilan blogger baru yang diupdate oleh pihak blogger pada bulan April 2013 memang sedikit agak menyulitkan bagi para blogger pemula yang masih baru memulai belajar ngeblog atau tahap belajar edit html. Permasalahan utama yang sering dialami adalah tidak adanya tombol checklist pada Expand Template Widget. Sementara pada blog lain yang membahas tutorial blogger terdahulu kebanyakan menggunakan Expand Widget untuk menyisipkan suatu kode kode, baik kode widget, iklan, kode untuk edit template, dll.
Menu edit HTML pada tampilan template blogger baru sebenarnya lebih tertata rapi dari pada tampilan yang lama jika kita lihat dengan seksama, karena tampilannya teratur dan kita dapat meloncat ke widget tertentu pada menu yang telah disediakan ( Lompat ke Widget ). Untuk kode kode yang tersembunyi pada Expand Widget dahulunya, kini telah di tampilkan pada tombol "►" yang telah dipadatkan ke kode html utama seperti pada gambar dibawah ini.
Pada tampilan blogger baru, banyak yang mencari kode kode seperti ]]></b:skin>, <data:post.body/>, dll yang biasa digunakan untuk memasang bermacam macam widget, seperti facebook like, permalink, ataupun ads. Berikut beberapa letak kode kode penting pada template ( edit HTML ).
LETAK KODE ]]></b:skin> PADA BLOGGER TERBARU
Kode ]]></b:skin> pada tampilan template blogger terbaru terletak diantara kode <b:skin>...</b:skin> pada nomor 27 (kadang-kadang berbeda antara satu template dengan template yang lain letak kode skin nya, tapi mungkin kode ini berada pada baris 20an).
Coba kita klik pada tombol "►", maka akan muncul kode kode diantara
<b:skin> dan </b:skin>. Silahkan scrool kebawah maka kita
akan menemukan kode ]]></b:skin> (seperti pada gambar dibawah ini).
Seperti pada gambar diatas, kode ]]></b:skin> terletak pada nomor 200.
LETAK KODE <data:post.body/> PADA BLOGGER TERBARU
Contoh selanjutnya kita akan mencari kode <data:post.body/>. Sama halnya dengan kode diatas, kode ini juga tersembunyi diantara kode <b:widget id='blog' locked='true' title='Posting Blog' type='Blog'>...</b:widget> (berada pada baris antara nomor 900 - 1000)
Coba kita klik tombol "►" maka, akan muncul lagi kode kode dengan tombol "►" lain. Nah, <data:post.body/> berada diantara kode ► <b:includable id='post' var='post'> seperti pada gambar dibawah ini. Silahkan klik dan scrool kebawah, maka akan terlihat kodenya.
Kode sudah terlihat seperti gambar dibawah ini :
Demikianlah informasi singkat tentang Edit HTML Pada Tampilan Blogger Baru 2013. Kode kode lain bisa kita cari sendiri, karena kode kode pada tampilan blogger lama itu sama dengan yang baru, hanya saja tampilannya yang berbeda. Semoga membantu.
[UPDATE]
CARA MUDAH MENCARI KODE HTML TERTENTU PADA TEMPLATE BLOG
Ada banyak sekali template blog yang bisa diambil secara gratis di internet, tetapi kadang kadang kita menemukan template yang bagus namun layoutnya tidak sesuai dengan yang kita harapkan, misalnya tidak ada readmore, menu yang sedikit, sidebar yang terlalu besar, lebar template yang terlalu minim, ataupun warna templatenya tidak sesuai / kurang serasi. Untuk mengatasi hal ini tentunya kita harus mengedit sendiri template blog melalui menu HTML template blogger.
Seperti contoh ingin memasang readmore, kode iklan, permalink dalam posting blog maka kita mencari kode <data:post.body/>, ingin melebarkan template blog maka harus merubah kode pada #header-wrapper {, dan lain lain. Dan untuk mencari kode kode tersebut, cukup menekan tombol CONTROL + F bersamaan pada keyboard. Agar lebih jelas berikut screenshotnya :
Sebagai contoh untuk menemukan kode data:post.body maka tuliskan / copy kode tersebut kedalam Search Box, lalu tekan ENTER, maka kode bisa langsung ditemukan.
Membuat facebook like di blog (blogspot), pada umumnya ada beberapa jenis dan cara penempatan. Jenis-jenis ini antara lain facebook like box dan facebook like button. Untuk penempatannya bisa dilakukan di dalam posting / artikel ataupun di diluar artikel, pada menu gadget misalnya.
Facebook like box biasanya ditempatkan diluar posting, bisa diatas, dibawah, samping kanan atau samping kiri, tergantung ke inginan. Namun untuk facebook like button disarankan penempatannya dilakukan didalam posting blog/ artikel. Keuntungan memasang facebook like ini pada blog / web salah satunya, jika nantinya ada pengunjung blog yang membaca artikel kita dan mereka suka atau menganggap tulisan kita bermanfaat, maka mereka bisa merekomendasikan artikel kita ke facebook melalui like button. Apalagi saat ini facebook merupakan situs yang paling sering dikunjungi di Internet, bukan tidak mungkin pula nantinya pengunjung situs kita datang dari facebook.
Berikut ada 3 tips penempatan facebook like di dalam maupun diluar posting :
Membuat facebook like di luar posting blog
Untuk menerapkan cara ini, terlebih dahulu kita harus membuat facebook like box, silahkan baca artikel cara pasang like box facebook di blog untuk membuatnya. Apabila anda masih belum punya fanspage untuk blog Anda, silahkan juga baca cara membuat fanspage facebook. Setelah like box selesai di buat maka cukup copy paste kode HTML yang didapatkan pada saat membuat like box kedalam GADGET blog.
Membuat facebook like di bawah judul posting
Untuk membuat facebook like dibawah judul blog, kita tidak akan menggunakan like box lagi, melainkan menggunakan LIKE BUTTON yang telah disediakan oleh Facebook Developers. Langkah langkahnya sebagai berikut :
1. Buka tab baru, copy dan kunjungi url berikut https://developers.facebook.com/docs/reference/plugins/like/
2. Masukkan URL Halaman Facebook anda ke dalam kolom URL TO LIKE. Silahkan ubah sesuaikan penampilan sesuai kreasi Anda sendiri. Biasanya saya tidak memakai SHOW FACES dalam cara ini, agar like button terlihat menyatu dengan Artikel. Gambar tampilanya akan seperti dibawah ini :
3. Jika sudah selesai selanjutnya klik GET CODE. Pilih HTML5 pada kode plugin yang ditampilkan. Pada HTML5 terdapat dua kode yang berbeda kode #1 dan kode #2, nantinya dua kode ini akan dipasang kedalam template blog.
4. Pada tab lain, buka DASBOR BLOGGER - TEMPLATE - EDIT HTML - beri tanda Checklist pada EXPAND TEMPLATE WIDGET. (Sebelum memulai edit template mungkin lebih baik download dulu template lengkap, ini untuk mengantisipasi jika terjadi kesalahan saat edit template agar bisa dikembalikan seperti semula).
5. Cari kode <body> , gunakan CTRL+F untuk mempermudah pencarian. Lalu Copy kan kode # 1 TEPAT DIBAWAH kode <body>
6. Selanjutnya cari kode <data:post.body/>. Jika ada dua kode data:post.body, maka pilih kode yang kedua, jaraknya tidak jauh dengan kode yang pertama. (Kadang kadang setiap template memang berbeda data:post.body nya jika sudah diberi readmore). Selanjutnya Copy kan kode # 2 TEPAT DIATAS <data:post.body/>.
7. Gunakan PRATINJAU dulu untuk mengetahui adanya kesalahan atau tidak. Klik SIMPAN TEMPLATE untuk mengakhiri. Hasilnya akan seperti pada gambar dibawah ini :
Membuat facebook like di bawah artikel
Membuat facebook like bisa juga diletakkan di akhir sebuah artikel atau posting. Cara penempatannya pun cukup mudah. Kita hanya cukup melakukan cara yang sama seperti diatas. Bedanya hanya ada pada penempatan kode ke #2.
1. Seperti cara sebelumnya, tempatkan kode #1 TEPAT DIBAWAH kode <body>
2. Sekarang perbedaannya ada disini, tempatkan kode #2 TEPAT DIBAWAH <data:post.body/>
3. SIMPAN TEMPLATE untuk mengakhiri. Selesai.
Membuat facebook like untuk artikel / bukan fanspage
Cara terakhir ini kita hanya menambahkan like button saja, tanpa menggunakan fanspage. Like button ini berfungsi untuk "ngelike" dan mengirimkan artikel saja kepada teman facebook kita. Langkah untuk memasangnya sebagai berikut :
1. Buka DASBOR BLOGGER - TEMPLATE - EDIT HTML - beri tanda Checklist pada EXPAND TEMPLATE.
2. Cari kode <data:post.body/> , jika ada 2 maka pilih data:post.body yang kedua.
dan letakkan TEPAT DI BAWAH kode <data:post.body/>maka facebook like akan berada di akhir artikel / posting.
Jika ingin meletakkannya di bawah judul posting, cukup letakkan kode tersebut TEPAT DIATAS kode <data:post.body/>
4. SIMPAN TEMPLATE, dan hasilnya akan seperti pada facebook like yang ada pada akhir artikel ini.
Demikianlah tips singkat tentang cara membuat facebook like di blog, cara ini sudah terbukti berhasil. Buktinya bisa dilihat pada semua artikel blog ini. Semoga bermanfaat.
UPDATE
Pada bulan April 2013, pihak blogger telah merubah bentuk tampilan pada menu EDIT HTML pada DASHBOARD. Perubahan interface ini sedikit menyulitkan bagi blogger pemula yang baru memulai belajar edit kode-kode HTML untuk memperbaharui template blog. Perubahan yang terlihat adalah tidak adanya tanda checklist pada EXPAND TEMPLATE WIDGET. Tentunya kode-kode seperti ]]></b:skin> dan <data:post.body/> akan sedikit sulit ditemukan.
Dalam panduan membuat facebook like di blog diatas kita harus memasukkan kode-kode script dari facebook kedalam template blog melalui menu EDIT HTML. Untuk mengetahui letak-letak kode seperti ]]></b:skin> dan <data:post.body/> silahkan baca artikel EDIT HTML PADA TAMPILAN BLOGGER BARU. Artikel tersebut membahas letak letak kode pada tampilan baru blogger. Semoga membantu.
Hampir semua netter atau pengguna Internet dimana pun berada sangat menyukai kegiatan "download", entah itu download software, mp3, video, gambar, game, ebook atau file file lain yang merasa perlu untuk didownload. Untuk membuat link download, sebenarnya ada berbagai alternatif . Jika anda pemilik blog yang ingin meyediakan link / tombol download bagi pengunjung, maka tak ada salahnya Anda mengetahui bagaimana cara membuat link download di blog dan tentunya akan ada variasi variasinya.
Sebelum membahas lebih lanjut ada yang perlu digaris bawahi disini. Dalam membuat link / tombol download di blog, kita akan menggunakan jasa situs penyimpanan file gratis seperti 4shared, ziddu, mediafire atau indowebster. Jadi jika belum mempunyai akun di situs penyimpanan file tersebut, buatlah terlebih dahulu. Cara kerjanya adalah kita akan menghubungkan link download dari situs tersebut kedalam blog melalui anchor text, gambar atau gambar tombol.
MEMBUAT LINK DOWNLOAD - MENGGUNAKAN ANCHOR TEXT / HYPERLINK
Langkah-langkahnya sebagai berikut :
1. Masuk ke DASBOR blogger untuk memulai membuat posting / artikel.
2. Jika ingin membuat link download di akhir artikel / post maka cukup tulis kata DOWNLOAD.
3. Siapkan dahulu link download yang akan dimasukkan ke dalam teks DOWNLOAD. (Sebagai contoh saya akan memasukkan link download dari 4shared berupa software java emulator yang sudah saya upload sebelumnya ke 4shared)
4. Kemudian blok tulisan DOWNLOAD tersebut dan masukkan link didalamnya melalui menu LINK, seperti pada gambar dibawah ini :
5. Klik OK, dan publikasikan post Anda. Maka hasilnya akan seperti dibawah ini (klik) :
Tambahan : Jika ingin tab baru terbuka saat klik Download, maka tambahkan kode target="_blank" sebelum href pada pilihan HTML, contoh : <a target="_blank" href="http://www.4shared.com/zip/zmgQqZ9c/JAVA_emulator.html" >DOWNLOAD</a>
MEMBUAT LINK DOWNLOAD - MENGGUNAKAN GAMBAR
Jika ingin membuat link download menggunakan gambar / menyisipkan link download kedalam gambar, berikut langkah-langkahnya :
1. Buka DASBOR Blogger untuk memulai membuat posting.
2. Upload sebuah gambar (apa saja) ke dalam posting yang ingin dijadikan link download.
3. Jika sudah terupload, klik gambar tersebut dan masukkan link download pada menu LINK.
Biarkan tetap kosong pada TEXT TO DISPLAY, karena kita tidak menggunakan TEXT lagi, melainkan menggunakan gambar. Hasilnya seperti pada gambar di bawah ini (klik gambarnya) :
CARA MEMBUAT LINK DOWNLOAD - MENGGUNAKAN TOMBOL
Jika ingin variasi lain maka kita akan mencoba membuat dengan menggunakan tombol download, Tombol yang dimaksud disini adalah gambar (bisa berupa gambar berformat gif) yang menyerupai tombol. Anda bisa cari dulu di Google.
Caranya sama dengan cara-cara diatas, yang membedakan hanya tampilannya yang menyerupai tombol / gambar bergerak. Hasilnya akan seperti contoh dibawah ini :
Usahakan memilih gambar yang setema dengan warna tema blog, agar terlihat lebih natural dan tidak mencolok.
Demikianlah tips singkat cara membuat link download di blog. Selain untuk menyisipkan link download, cara-cara diatas juga bisa untuk menyisipkan link link lain. Semoga bermanfaat.
Satu cara lagi yang paling mudah untuk membuat tombol download, caranya tetap sama dengan tombol download yang menggunakan anchor teks, yaitu cukup menambahkan kode <button></button>, sehingga kode htmlnya akan seperti ini <a target="_blank" href="http://www.4shared.com/zip/zmgQqZ9c/JAVA_emulator.html" ><button>DOWNLOAD</button></a>.
Tulisan download juga bisa dirubah sesuai keinginan misalnya, "Mainkan", "Lihat", "Klik Disini". "Pesan Hotel" dll. Sehingga hasilnya akan seperti ini :
[ UPDATE ]
Dari sekian banyak komentar yang masuk ada beberapa teman teman yang menanyakan cara membuat direct link download atau link download langsung yang tanpa beralih ke situs lain jika ada pengunjung blog yang klik Link Download, oleh sebab itu sudah saya siapkan artikel yang berkaitan dengan direct link. Silahkan lihat pada artikel berikut : Cara Membuat Direct Link Download
Walaupun Blog telah berganti Alamat Web dari berbagiinfo4u.blogspot.com menjadi www.berbagiinfo4u.com, konten artikel dan informasi tidaklah berubah, semua tetap sama dan uptodate.
