Cara Membuat Border Untuk Kutipan Kalimat di Dalam Postingan

Blogger | eBayu Online - Membuat border atau garis tepi untuk kutipan sebuah paragraf, demikian topik untuk postingan kali ini yang berjudul "Cara Membuat Border Untuk Kutipan Kalimat di dalam postingan". Dalam artikel yang kita buat seringkali kita memberikan penegasan-penegasan baik itu kata ataupun kalimat yang berisi informasi penting. Bisa dengan menandai dengan warna yang berbeda, bold, garis bawah (Underline), tulisan miring atau kombinasi keempatnya.

Kali ini saya mencoba memberikan tutorial untuk memberikan penegasan pada sebuah paragraf kalimat dengan bentuk Border yang mengelilingi kalimat yang kita tekankan. Fungsi ini akan membantu pembaca melihat mana bagian-bagian yang penting atau hanya sekedar hiasan dan tentunya membuat artikel yang kita posting terlihat lebih rapi dan keren :)

Tanpa panjang lebar, langsung saja melihat beberapa kutipan kalimat di bawah dengan melihat contoh secara langsung.

MODEL 1 : Cara membuat border yang berbentuk dot untuk kutipan kalimat seperti yang terlihat di contoh ini. Bagaimana caranya ? silahkan lihat script di bawah ini. Script di bawah masih bisa di modif sesuai selera masing-masing, silahkan di coba-coba :)

Script Model 1 :

<div style="background-color: #fcf8c0; border: dotted 3px #FF9900; padding: 5px;"> MODEL 1 : Cara membuat border yang berbentuk dot untuk kutipan kalimat seperti yang terlihat di contoh ini. Bagaimana caranya ? silahkan lihat script di bawah ini. Script di bawah masih bisa di modif sesuai selera masing-masing, silahkan di coba-coba :) </div>

MODEL 2 : Cara membuat border dengan style garis untuk kutipan kalimat seperti yang terlihat di contoh ini. Kotak border dengan sebagian ada garis, sebagian tidak seperti contoh di kalimat ini. Bagaimana caranya ? silahkan lihat script di bawah ini. Silahkan di kembangkan kalau ada sobat yg suka utak atik :)

Script Model 2 :

<div style="background-color: #fcf8c0; border: dotted 3px #FF9900; padding: 5px;"> <div style="border-color: orange; border-style: none solid solid none; border-width: 10px; font-style: italic; margin-bottom: -10px; padding: 10px 10px 10px 0px; text-align: justify;"> MODEL 2 : Cara membuat border dengan style garis untuk kutipan kalimat seperti yang terlihat di contoh ini. Kotak border dengan sebagian ada garis, sebagian tidak seperti contoh di kalimat ini. Bagaimana caranya ? silahkan lihat script di bawah ini. Silahkan di kembangkan kalau ada sobat yg suka utak atik :)</div>

MODEL 3 : Nah, ini model terakhir yang bisa saya berikan. Bentuk border dengan gaya sudut yang berbeda dengan sebelumnya, model ini berbentuk bulat atau "Rounded Corners". Saya tidak panjang lebar untuk menjelaskan. Silahkan di utak atik sendiri dengan merubah angka atau sekedar mengganti background dengan melihat scriptnya di bawah. Bagaimana, Keren bukan ?

Script Model 3 :

<span style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fcf8c0; border-radius: 10px; color: #555555; float: left; font-family: Arial; font-size: 13px; line-height: 1em; margin: 9px 9px 0 0; padding: 8px 11px;">MODEL 3 : Nah, ini model terakhir yang bisa saya berikan. Bentuk border dengan gaya sudut yang berbeda dengan sebelumnya, model ini berbentuk bulat atau "Rounded Corners". Saya tidak panjang lebar untuk menjelaskan. Silahkan di utak atik sendiri dengan merubah angka atau sekedar mengganti background dengan melihat scriptnya di bawah. Bagaimana, Keren bukan ? </span>

Keterangan :
TEXT MERAH : Bisa di edit sesuai dengan selera dan kebutuhan
TEXT BIRU : Isi kutipan paragraf yang di border

Read More

Cara Membuat Spoiler di Dalam Posting Blog

eBayu | Online - Cara membuat spoiler di postingan blog. Spoiler bisa di selipkan di antara postingan blog. Lalu timbul pertanyaan gunanya untuk apa ?

Mungkin kalau kita terbiasa melihat forum-forum di internet semacam kaskus dan sebagainya, tidak asing melihat isi posting yang di spoiler yang fungsinya untuk menghemat space, terutama untuk posting yang panjang kebawah. Jika sobat masih belum paham, silahkan aja lihat script di bawah yang saya spoiler :

Script Spoiler :

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Label Spoiler </b>: <input value=" Buka " style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Copas Isi Spoiler Disini <br> </div> </div> </div>

Note :

• Untuk memasukkan Kode Script/ HTML dalam spoiler, sobat harus melakukan Konversi Script/HTML menjadi Encode, agar menjadi sebuah TEXT, untuk mengkonversi silahkan klik disini copas file yang akan dispoiler ke dalam software konversi
• Untuk Memasukkan Gambar dalam Spoiler, sobat harus menambahkan atribut

Di atas adalah contoh bentuk isi posting yang di spoiler. Lalu bagaimana cara membuatnya ?

• Copy paste script diatas di antara postingan
• Teks "Copas Isi Spoiler Disini" >> Isi dengan text kalimat/ gambar yang di spoiler
• Text "Label Spoiler" bisa di ganti sesuai judul spoiler dari kutipan isi posting yang di spoiler
• Text "Buka" dan "Tutup" silahkan diganti dengan istilah lain

Demikian tip dan tutorial cara membuat spoiler di dalam postingan blog. Mudah bukan ? - Selamat mencoba :)

Salam Sahabat,

Blogger | eBayu Online

Terima kasih, anda membaca :
Cara Membuat Spoiler di Dalam Posting Blog
Semoga Informasi ini bermanfaat dan sesuai dengan kriteria pencarian anda di Cara Membuat Spoiler di Dalam Posting Blog

Read More

Cara Bikin Fanpage FB dan Pasang Like Di Blog

Blogger | eBayu Online - Cara membuat Fp Memiliki Fanpage (FP) facebook adalah keharusan jika sobat menjalankan sebuah bisnis, khususnya bisnis online. Fanpage bisa memiliki anggota hingga ribuan, bahkan ada sebuah fanpage yang memiliki member hingga mencapai jutaan. Betapa efektifnya kita bisa memasarkan produk hanya sekali posting sudah tersebar ke member kita yg mencapai ribuan, puluhan ribu hingga jutaan. Sahabat Blogger pun juga memanfaatkan FP ini untuk menyebarluaskan artikel-artikel yang di posting di blog, dan tentu ini salah satu juga teknik seo yang bisa di terapkan. Bisnis offline pun juga memanfaatkan usahanya untuk promosi. Intinya apapun bisnis sobat sangat membutuhkan FP Facebook untuk kegiatan promosi di media online

Pada bagian artikel ini, ada 2 bagian yang di bahas, yaitu :

1. Cara Bikin Fanpage

2. Cara Pasang Widget Like box di Blog 

Ok deh, langsung aja dan untuk memulai jangan lupa login ke akun facebook masing-masing :

Untuk Cara Bikin / membuat Fanpage langsung saja masuk sini :http://www.facebook.com/pages/create.php Muncul tampilan seperti di bawah ini. Pilih salah satu yang paling menggambarkan tema bisnis atau group anda.

Selanjutnya, muncul tampilan form seperti di bawah ini : Upload profile picture dll, tapi proses ini bisa di skip dan bisa di updated belakangan

Ok, skip dulu dan lanjut proses sampai sistem menampilkan halaman penyelesaian akhir seperti tampilan screenshot di bawah ini :

Sampai disini, artinya pembuatan sebuah fanpage udah selesai dengan alamat URL : 

http://www.facebook.com/pages/nama fan page/kode fanpage 

atau 

http://www.facebook.com/nama fan page 

Proses berikutnya tinggal updated :

1. Add profile picture
2. Add Cover buat header
3. Setting untuk admin
4. Dan langkah berikutnya adalah menarik member atau orang lain untuk nge-like fan page kita

Salah satu cara efektif, mungkin dengan cara pasang Fanpage kita di Blog, untuk fitur ini di namakan LIKE BOX. Jadi pengunjung blog bisa melakukan "LIKE" dari Like Box yang di pasang di blog milik sobat.

Pasang widget Like Box di blog :

Untuk membuat widget like box sama mudahnya dengan bikin FP Facebook, silahkan sobat klik link ini : http://developers.facebook.com/docs/plugins

Dari pilihan aplikasi yang tampil, pilih Like Box, seperti gambar berikut :

Selanjutnya sampai di form pengisian data seperti gambar di bawah :

Perhatikan gambar di atas :

1. Facebook Page URL : Di isi dengan link fanpage sobat yg udah di bikin diatas
2. Width & Height : adalah ukuran lebar dan tinggi, bisa di atur-atur sesuai dengan ukuran sidebar blog
3. Color Scheme : Untuk menyesuaikan dengan backgroung blog milik sobat. Kalau backgroundnya terang, sebaiknya pilih light saja. Selebihnya bisa di coba-coba sendiri, silahkan di test dengan melihat hasil preview di sampingnya.
4. Langkah terakhir, Klik Get Code. Kode inilah yang nanti di pasang di widget blog. 

Gimana Cara mengambil Code-nya kemudian di pasang di Blog?

Dari membaca komentar - komentar dari pengunjung, rupanya masih banyak kendala yah?, sebetulnya cukup mudah. Pada saat klik Get Code, kita di hadapkan pada pilihan mau format :

1. HTML5

2. XFBML

3. IFRAME

4. URL

Dari 4 pilihan itu kebanyakan orang ambil HTML5 atau IFRAME, Namun saya lebih suka memakai kode HTML5. Kenapa?, karena script yang di bungkus IFRAME kurang bagus buat SEO. Kalau blog kita di test di http://chkme.com kode IFRAME akan mengurangi penilaian SEO blog milik kita:). Untuk itu pakai yg pilihan Tab HTML5 saja. Perhatikan gambar di bawah :

2 (dua) bagian script di atas jadikan satu dan Copas ke Widget atau bagian blog yg ingin di tampilkan FP tersebut. Kalau ingin tampil di Sidebar, copas apa adanya saja seperti script asli pada saat kita Get Code.

Namun kadang ada blogger yang ingin menampilkan FP di dalam postingan, atau menjadi bagian dari posting. Untuk kasus seperti ini kode harus di Parse dulu supaya tidak error. Coba search di google caranya parse script. Di bagian posting saya yg lain ada yg membahas tentang parse kode html.

Selamat mencoba tip dan tutorial mulai dari bikin Fanpage sampai cara pasang widget Like Box di blog. Semoga artikel ini bermanfaat bagi anda semua pengunjung webblog ebayuonline.

Terima kasih, anda membaca :
Cara Bikin Fanpage FB dan Pasang Like Box di Blog
Semoga Informasi ini bermanfaat dan sesuai dengan kriteria pencarian anda di Cara Bikin Fanpage FB dan Pasang Like Box di Blog

Read More

Membuat Daftar Isi Pada Blogger Agar Tampil Keren

Blogger | eBayu Online -Membuat daftar isi secara otomatis sangat sulit untuk diterapkan di blogspot. Karena blogspot tidak menyediakan widget khusus untuk daftar isi. 

Karena alasan itulah, banyak blogger yang menggunakan script untuk membuat daftar isi. Mengingat pentingnya widget daftar isi tersebut sebagai kumpulan artikel yang telah dibuat sejak awal berdirinya blog Anda.

Jika widget daftar isi biasanya berbentuk itu-itu saja, disini saya akan memberikan cara untuk membuat daftar isi yang menarik dan keren. Bagaimana caranya? Ikuti langkah-langkah di bawah ini.

1. Buka Dashboard blog Anda
2. Pilih tab Pages >> New Page lalu pilih postingan dalam mode HTML
3. Pastekan kode dibawah ini :

Daftar Isi Script :

<script src="https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-sitemap.js" type='text/javascript'></script> <script src="http://www.ebayuonline.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; } .post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; } .ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;} .ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; } .ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; } .ct-columns-3 p a:hover { background: #555; color: #fff; } @media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } } </style>

 Ganti : Tulisan http://www.ebayuonline.blogspot.com dengan alamat blog anda

4. Lalu pilih Options di kanan sidebar dan pilih Don't allow, hide existing untuk menyembunyikan kolom komentar.    Jika Anda tidak ingin menghilangkannya, abaikan step ini.
5. Preview terlebih dahulu hasilnya. Untuk berjaga-jaga jika ada yang salah. Dan klik publish
6. Selesai dan lihat hasilnya.

Contoh hasilnya dapat dilihat DISINI

Read More

Free Download Software RAB dan Estimasi Proyek

MAKSIPRo adalah sebuah software untuk menghitung estimasi biaya (RAB) proyek konstruksi dengan fitur :

1. Database, baik database sumber daya proyek (bahan, pekerja, alat) maupun database analisa harga satuan(AHS) pekerjaan tak terbatas.
2. Semua objek dalam database search-able, sehingga bisa dicari dalam hitungan detik dengan menu search.
3. Data bahan sekaligus menampilkan data supplier
4. Visualisasi grafis untuk proporsi komponen biaya upah, bahan dan alat dalam setiap AHS, sehingga user bisa setiap saat melakukan kontrol terhadap komponen biaya tersebut.
5. Mengisi data komponen biaya upah, bahan dan alat secara massal pada banyak AHS sekaligus.
6. Mencopy massal AHS sekaligus merubah nilai koefisien komponen biayanya dengan satu langkah klik.
7. Membuat diskon atau markup komponen biaya pada RAB yang sudah jadi dengan satu langkah klik.
8. Laporan lengkap, termasuk rincian volume kebutuhan bahan, kebutuhan pekerja dan kebutuhan alat.
9. Lebih dari 30 customized laporan

Download Software MaksiPro

Read More

Cara meng-upload file agar bisa didownload

Nama ziddu mungkin sudah tidak terdengar asing lagi, karena banyak yang menggunakan layanan ini. Selain gratis, caranyapun cukup mudah.

Nah.. untuk memulai "cara meng-upload file agar bisa di download" pada blog langkah pertama yang harus dilakukan adalah registrasi terlebih dahulu di ziddu.

Berikut adalah langkah-langkahnya:

• kunjungi ziddu dengan cara klik http://www.ziddu.com
• klik register - isi datanya - kemudian klik "submit"
• di sini anda sudah otomatis login dan tidak perlu login lagi
• klik "upload" di pojok kanan atas. Maka akan muncul tampilan seperti di bawah ini:

• kemudian klik "browse"
• cari file yang ingin anda upload
• klik upload. Maka akan muncul tampilan seperti ini:

• tunggu sampai proses upload selesai
• jika proses sudah selesai, maka anda akan langsung dibawa ke link file yg sudah di upload tersebut

Nah, sekarang link-nya bisa di copy pada blog anda agar orang lain bisa download file tersebut pada blog anda.  Untuk cara memasangnya di blog cukup mudah, misal anda mendapatkan link 

http://www.ziddu.com/downloadlink/21574543/LastChild-Pedih.mp3

maka anda cukup menambahkan code pada link tersebut:

• Link download biasa

HASILNYA:

<a href="http://www.ziddu.com/download/21574543/LastChild-Pedih.mp3.html" target="_blank"><b>DOWNLOAD</b></a>

• Link download dengan gambar

<a href="http://www.ziddu.com/download/21574543/LastChild-Pedih.mp3.html" target="_blank"><img alt="DownloadButton"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzAUEbuqlklbY_smKmJe2FIN5nKbeyDSFoPbyHPdRZPoxPlnX3hfiXowHo9UcmOlcuBVTAAjtSXRMrPvzGAKZHTGMroZG1X9e2RunV7xZA44To5PLyj5D1bJnYSmupXstDoYZmfIryJv5b/s1600/download-button.jpg" /></a>

HASILNYA:

Read More

Free Download Audio Software Quantum Ikhlas High Quality

Kabarnya CD Audio Software Quantum Ikhlas yang diperoleh bila membeli buku Quantum ikhlas (by. Erbe Sentanu) ini memang tidak bisa dicopy ataupun diedit-edit sehingga mereka hanya bisa mendengarkan audio ini langsung dari kepingan CDnya. Banyak yang mencoba menduplikasikan file audio ini tetapi hasilnya minim alias tidak maksimal. Banyak efek suara yang hilang tidak seperti aslinya sehingga bila diperdengarkan ke otak hasilnya tidak maksimal. Tapi jangan khawatir, dengan bantuan sebuah aplikasi yang tidak akan saya sebut mereknya, saya berhasil membuat duplikat audio ini dengan high quality mirip seperti CD aslinya sehingga efek-efeknya pun masih terasa maksimal. Silahkan download pada link berikut:

Download Audio Software Quantum Ikhlas High Quality

Read More