Social Icons

Pages

Monday, October 31, 2016

Cara Mengatasi Dan Mereset Printer Canon MP237 Pada Kode Error 1700

Bila anda menggunakan Printer Canon MP237 dan mengalami Error dengan kode 1700, itu di karenakan printer sering digunakan terutama pada fotocopy seperti yang saya pernah alami karena kalau fotocopy yang sering digunakan cuma 1 warna yaitu warna hitam dan yang berwarna tidak digunakan kecuali yang di fotocopy berwarna tapi jarang sekali, Dan printer mengalami The Ink Absorber Is Almost Full yang berarti tinta berlebihan dan penuh. Printer tidak dapat digunakan untuk mencetak.

Cara Mengatasi Dan Mereset Printer Canon MP237 Pada Kode Error 1700

Untuk mengatasi pertama yang harus dilakukan masuk terlebih dahulu ke Service Mode Pritnter tersebut sebelum melakukan reset dengan menggunakan Software Resetter Canon Printer Mp237, dan langkahnya sebagai berikut.

  • Matikan terlebih dahulu printer tapi keadaan printer masih terhubung dengan listrik.
  • Tekan tombol Stop/Reset dan tahan beberapa detik
  • Kemudian lanjut dengan menekan tombol Power/ON. Posisi tombol Stop/Reset dan Power/ON sekarang dalam keadaan tertekan.
  • Kemudian tombol Stop/Reset tekan berulang sebanyak kurang lebih 5-6 kali. dengan catatan tombol Power dalam masih keadaan tetap tertekan jangan di lepas terlebih dahulu.
  • Bila langkah di atas sudah dilakukan kemudian tombol Stop/Reset dan Power/ON lepas bersamaan.
  • Dan sekarang Printer Canon Mp237 dalam keadaan Service Mode.
  • Dan pada komputer akan muncul pemberitahuan mendekteksi perangkat/hardware baru dan tidak perlu kwatir biarkan/abaikan saja.

Setelah langkah di atas sekarang lanjut ke langkah berikutnya yaitu reset Printer dengan menggunakan Software Resetter Canon MP237 nama software tersebut Service Tool 3400. Cara Mengatasi Dan Mereset Printer Canon MP237 Pada Kode Error 1700, langkah-langkahnya kurang lebih sebagai berikut.

  • Ekstrak terlebih dahulu Software Service Tool 3400, bila masih dalam format winrar.
  • Siap kan kertas 2-5 lembar yang sudah terpasang di printer, kertas tersebut untuk mencentak hasil proses reset printer tersebut.
  • Kemudian jalankan.Software Service Tool 3400 tersebut. Lihat gambar di bawah ini.

Cara Mengatasi Dan Mereset Printer Canon MP237 Pada Kode Error 1700



  • Pada menu Main kemudian di menu Ink Absorber Counter pada Absorber pilih Main, kemudian klik SET.
  • Lanjut di menu Clear Ink Coaunter pada Absorber pilih Main, kemudian klik SET dan akan mencetak 1 lebar dan hasil cetaknya dalah tulisan kode D=000.0. Dan pada komputer Service Tool 3400 akan muncul pemberitahuan A Function Was Finished klik OK.
  • Kemudian klik pada tombol EEOPROM maka printer akan mencetak 1 kali lagi.
  • Untuk menyakinkan bila benar-benar printer berfungsi klik pada tombol Test Print. Printer akan mencetak 1 lembar lagi.
  • Langkah terakhir matikan Printer kemudian nyalakan kembali. Pada komputer akan muncul pemberitahuan Found New Hardware Canon MP237 Series Printer. Berarti berhasil proses Reset printernya.
  • Selesai Printer anda dapat digunakan kembali seperti semula.

Kurang lebihnya sperti di atas langkah-langkah Cara Mengatasi Dan Mereset Printer Canon MP237 Pada Kode Error 1700. insyallah pada error 1700 dengan langkah di atas printer dapat teratasi. Semoga bermanfaat dan Terimakasih,..


Monday, October 24, 2016

Cara Dan Langkah Membuat Presentasi Dengan MS Office PowerPoint 2007

Presentasi sering di gunakan biasanya untuk menyampaikan sebuah laporan di pertemuan di kantor, Seminar  atau di sekolahan. Saya akan berbagi sedikit ilmu pengalaman saya Cara Dan Langkah Membuat Presentasi Dengan MS Office 2007. Sangat menyenangkan membuat presentasi dan tidak begitu sulit. Kita bisa membuat Animation serta menambahkan Video dan Audio di dalam presentasi. Awal saya belajar membuat presentasi tentang pertanian dari ketua PPL yang pertama saya mengetikan laporannya dan sekalian presentasinya.

Awalnya saya bingung karena saya tidak pernah membuat presentasi atau menggunakan PowerPoint. Yang pertama saya lakukan adalah pahami dulu menu dan keguna-annya Microsoft PowerPoint 2007 dan saya membuat presentasi sebagai contoh blog saya sendiri seperti dibawah:

Cara Dan Langkah Membuat Presentasi Dengan MS Office 2007

  • Pertama pastinya jalankan terlebih dahulu Microsoft Powerpoint 2007, Berhubung yang saya gunakan adalah Microsoft PowerPoint 2007
  • Microsoft PowerPoint sudah terbuka, Mulai dengan memilih Theme dengan di menu Design, sebagai contoh saya pilih Theme Equity. Anda juga bisa menyesuaikan sesuai selera dengan mengatur Color, Fonts, Effects, Backgorund Styles.

Cara Dan Langkah Membuat Presentasi Dengan MS Office PowerPoint 2007

  • Kemudian pada kolom Cick to add title dan Click to add subtitle buat Judul dan Deskripsinya atau keterangan yang lain sesuai presentasi yang sedang anda akan buat. Sebagai contoh blog saya seperti gambar dibawah ini:

Cara Dan Langkah Membuat Presentasi Dengan MS Office PowerPoint 2007

  • Untuk menambahkan Slide, di menu Home dan klik New Slide, ada beberapa pilihan, pilih sesuai dengan presentasi yang anda perlukan. Pada Presentasi ini saya pilih Title and Content untuk Slide selanjutnya.

Cara Dan Langkah Membuat Presentasi Dengan MS Office PowerPoint 2007

  • Untuk menambahkan segala keperluan Presentasi anda ada di menu Insert, banyak pilihannya dapat anda gunakan sesuai kebutuhan presentasi yang akan anda buat.
  • Agar Presentasi menarik anda tambahkan Effect Animation pada Presentasi anda di menu Animation. Pilih Transition yang akan anda gunakan, banyak pilihannya, sesuaikan dengan selera anda agar perpindahan antara Slide satu dengan yang lain menarik, 

Cara Dan Langkah Membuat Presentasi Dengan MS Office PowerPoint 2007

  • Anda juga dapat menambahkan suara di Transition Sound, mengatur kecepatan di Transition Speed, Applay To All bila ingin menggunakan Trasition ke semua Slide dan Advance Slide mengatur perubahan Slide dengan Check List On Mouse Click untuk perubahan dengan menggunakan mouse atau Check List Automatically After untuk perubahan secara otomatis anda juga dapat mengatur waktu pindah antara Slide satu ke Slide selanjutnya
  • Dan untuk Animation pada Text, Gambar atau yang lainnya di menu Animation kilk Custom Animation kemudian klik Text, Gambar atau yang lain kemudian klik Add Effect pada tab Custom Animation, Pilih Effect dengan selera anda dan anda dapat Modify Effect di  Start, Direction dan Speed sesuai dengan selera anda. Dan untuk melihat hasil Presentasi dengan Full Screen dengan klik Slide Show

Cara Dan Langkah Membuat Presentasi Dengan MS Office PowerPoint 2007

    • Bila Presentasi sudah selesai langkah terakhir simpan pressentasi anda dengan klik logo Microsoft Office klik Save As dan pilih sebagai PowerPoint_Show untuk menyimpan presentasi dalam bentuk Slide Show. Tapi SARAN saya anda sebelum menyimpan sebagai PowerPoint_Show terlebih dahulu anda simpan sebagai PowerPoint Presentasi karena dapat di edit lagi presentasi anda bila ada yang kurang dengan presentasi anda, sedangkan Penyimpanan sebagai PowerPoint_Show tidak dapat di edit lagi, bila terdapat kekurang dalam Presentasi anda, anda harus membuat dari awal lagi.

    Cara Dan Langkah Membuat Presentasi Dengan MS Office PowerPoint 2007

    Kurang lebihnya seperti itu penggalaman saya dalam Cara Dan Langkah Membuat Presentasi Dengan Microsoft Office PowerPoint 2007. Semoga bermanfaat dan dapat di jadikan sebagai Preferensi. Sekian dan Terimakasih.



    Saturday, October 15, 2016

    Daftar Nama Domain Yang Ada Di Internet

    Domain adalah alamat permanen situs di dunia internet yang digunakan untuk mengidentifikasi sebuah situs atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan situs pada dunia internet. Istilah yang umum digunakan adalah URL.

    Daftar Nama Domain Yang Ada Di Internet

    Sedangkan domain ada dua jenis yaitu Generic Domains dan Country Specific Domains. Dan banyak macam nama-nama domain mempunyai kegunaan dan kebutuhan masing-masing setiap nama domain. Berikut beberapa nama domain yang sering digunakan dan tersedia di internet:

    1. Generic Domains
    Merupakan domain name yang berakhiran dengan .Com .Net .Org .Edu .Mil atau .Gov. Jenis domain ini sering juga disebut top level domain dan domain ini tidak berafiliasi berdasarkan negara, sehingga siapapun dapat mendaftar.

    • .com : merupakan top level domain yang ditujukan untuk kebutuhan "commercial".
    • .edu : merupakan domain yang ditujukan untuk kebutuhan dunia pendidikan (education)
    • .gov : merupakan domain untuk pemerintahan (government)
    • .mil : merupakan domain untuk kebutuhan angkatan bersenjata (military)
    • .org : domain untuk organisasi atau lembaga non profit (Organization).

    2. Country-Specific Domains
    Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering juga disebut second level domain, seperti .id(Indonesia), .au(Australia), .jp(Jepang) dan lain lain. Domain ini dioperasikan dan di daftarkan dimasing negara. Di Indonesia, domain-domain ini berakhiran, .co.id, .ac.id, .go.id, .mil.id, .or.id, dan pada akhir-akhir ini ditambah dengan war.net.id, .mil.id, dan web.id. Penggunaan dari masing-masing akhiran tersebut berbeda tergantung pengguna dan pengunaannya, antara lain:

    • .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
    • .ac.id : Untuk Lembaga Pendidikan
    • .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
    • .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
    • .or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori "ac.id","co.id","go.id","mil.id" dan lain
    • .war.net.id : untuk industri warung internet di Indonesia
    • .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU
    • .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di World Wide Web.

    Nama domain dari tiap-tiap situs di seluruh dunia tidak ada yang sama sehingga tidak ada satupun situs yang akan dijumpai tertukar nama atau tertukar halaman situsnya. Untuk memperoleh nama dilakukan penyewaan domain, biasanya dalam jangka tertentu (Tahunan).



    Thursday, October 13, 2016

    Dampak Positif Dan Negatif Untuk Internet

    Internet
    Internet adalah jaringan komputer yang terhubung secara internasional dan tersebar di seluruh dunia. Jaringan ini meliputi jutaan pesawat komputer yang terhubung satu dengan yang lainnya dengan memanfaatkan jaringan telepon (baik kabel maupun gelombang elektromagnetik). Jaringan jutaan komputer ini memungkinkan berbagai aplikasi dilaksanakan antar komputer dalam jaringan internet dengan dukungan software dan hardware yang dibutuhkan. Untuk bergabung dalam jaringan ini, satu pihak (dalam hal ini provider) harus memiliki program aplikasi serta bank data yang menyediakan informasi dan data yang dapat di akses oleh pihak lain yang tergabung dalam internet. Pihak yang telah tergabung dalam jaringan ini akan memiliki alamat tersendiri (bagaikan nomor telepon) yang dapat dihubungi melalui jaringan internet. Provider inilah yang menjadi server bagi pihak-pihak yang memiliki personal komputer (PC) untuk menjadi pelanggan ataupun untuk mengakses internet. Sejalan dengan perkembangan zaman, kemajuan teknologi internet juga semakin maju. ‘Internet’ adalah jaringan komputer yang dapat menghubungkan suatu komputer atau jaringan komputer dengan jaringan komputer lain, sehingga dapat berkomunikasi atau berbagi data tanpa melihat jenis komputer itu sendiri. Pada tahun 1999, jumlah komputer yang telah dihubungkan dengan internet di seluruh dunia mencapai lebih dari 40 juta dan jumlah ini terus bertambah setiap hari. Saat ini jumlah situs web mencapai jutaan, bahkan mungkin trilyunan, isinya memuat bermacam-macam topik. Tentu saja, situs-situs itu menjadi sumber informasi baik yang positif ataupun negatif. Informasi dikatakan positif apabila bermanfaat untuk penelitiaan. Di bawah ini akan dijelaskan dampak-dampak positif maupun negatif dari penggunaan internet.

    Dampak Positif:  

    1. Internet sebagai media komunikasi, merupakan fungsi internet yang paling banyak digunakan dimana setiap pengguna internet dapat berkomunikasi dengan pengguna lainnya dari seluruh dunia.
    2. Media pertukaran data, dengan menggunakan email, newsgroup, ftp dan www (world wide web – jaringan situs-situs web) para pengguna internet di seluruh dunia dapat saling bertukar informasi dengan cepat dan murah.
    3. Media untuk mencari informasi atau data, perkembangan internet yang pesat, menjadikan www sebagai salah satu sumber informasi yang penting dan akurat. 
    4. Kemudahan memperoleh informasi yang ada di internet sehingga manusia tahu apa saja yang terjadi. 
    5. Bisa digunakan sebagai lahan informasi untuk bidang pendidikan, kebudayaan, dan lain-lain
    6. Kemudahan bertransaksi dan berbisnis dalam bidang perdagangan sehingga tidak perlu pergi menuju ke tempat penawaran/penjualan.

    Dampak Negatif : 

    1. Pornografi Anggapan yang mengatakan bahwa internet identik dengan pornografi, memang tidak salah. Dengan kemampuan penyampaian informasi yang dimiliki internet, pornografi pun merajalela.Untuk mengantisipasi hal ini, para produsen ‘browser’ melengkapi program mereka dengan kemampuan untuk memilih jenis home-page yang dapat di-akses.Di internet terdapat gambar-gambar pornografi dan kekerasan yang bisa mengakibatkan dorongan kepada seseorang untuk bertindak kriminal.
    2. Violence and Gore Kekejaman dan kesadisan juga banyak ditampilkan. Karena segi bisnis dan isi pada dunia internet tidak terbatas, maka para pemilik situs menggunakan segala macam cara agar dapat ‘menjual’ situs mereka. Salah satunya dengan menampilkan hal-hal yang bersifat tabu. 
    3. Penipuan Hal ini memang merajalela di bidang manapun. Internet pun tidak luput dari serangan penipu. Cara yang terbaik adalah tidak mengindahkan hal ini atau mengkonfirmasi informasi yang Anda dapatkan pada penyedia informasi tersebut.
    4. Carding Karena sifatnya yang ‘real time’ (langsung), cara belanja dengan menggunakan Kartu kredit adalah carayang paling banyak digunakan dalam dunia internet. Para penjahat internet pun paling banyak melakukan kejahatan dalam bidang ini. Dengan sifat yang terbuka, para penjahat mampu mendeteksi adanya transaksi (yang menggunakan Kartu Kredit) on-line dan mencatat kode Kartu yang digunakan. Untuk selanjutnya mereka menggunakan data yang mereka dapatkan untuk kepentingan kejahatan mereka. 
    5. Perjudian Dampak lainnya adalah meluasnya perjudian. Dengan jaringan yang tersedia, para penjudi tidak perlu pergi ke tempat khusus untuk memenuhi keinginannya. Anda hanya perlu menghindari situs seperti ini, karena umumnya situs perjudian tidak agresif dan memerlukan banyak persetujuan dari pengunjungnya.
    6. Mengurangi sifat sosial manusia karena cenderung lebih suka berhubungan lewat internet daripada bertemu secara langsung (face to face). 
    7. Dari sifat sosial yang berubah dapat mengakibatkan perubahan pola masyarakat dalam berinteraksi.
    8. Kejahatan seperti menipu dan mencuri dapat dilakukan di internet (kejahatan juga ikut berkembang). 
    9. Bisa membuat seseorang kecanduan, terutama yang menyangkut pornografi dan dapat menghabiskan uang karena hanya untuk melayani kecanduan tersebut. Jadi internet tergantung pada pemakainya bagaimana cara mereka dalam menggunakan teknologi itu, namun semestinya harus ada batasan-batasan dan norma-norma yang harus mereka pegang teguh walaupun bersentuhan dengan internet atau di dalam dunia maya

    Kurang lebihnya seperti di atas tentang internet dan dampak positif dan negatif untuk internet. Bila ada kesalahan mohon maaf, semoga bermanfaat dan terimakasih,...




    Friday, October 7, 2016

    Cara Mendaftar Google Analytics Di Blogger

    Google Analytic adalah salah satu layanan yang dapat melihat/memantau aktifitas websita/blog. Dapat digunakan juga untuk mengetahui kepadatan trafik website/blog dalam jangka harian, mingguan tau halaman. Untuk mendaftarkan website/blog ke google analytics dengan cara beikut ini:

    Cara Mendaftar Google Analytics
    1. Masuk ke Google Analiytics
    2. Lihat gambar di bawah ini klik Sign up untuk mendaftar.

    Cara Mendaftar Google Analytics Di Blogger

    3. Pastikan opsi yang di pilih adalah Web Site bukan App
    4. Isi Formulir pendaftarnya

    Cara Mendaftar Google Analytics Di Blogger

    5. Klik Tracking ID
    6. Klik I Accept/setuju

    Cara Mendaftar Google Analytics Di Blogger

    7. Kemudian akan di tujukan ke halaman Google Analystic Copy kode Tracking ID di dalam kotak.

    Cara Mendaftar Google Analytics Di Blogger

    Kemudian lanjut ke Blogger untuk mengkaitkan dengan akun Google Analytics.

    Cara Memasang/mengkaitkan Tracking ID Google Analytics Pada Blogger

    1. Dasbor Blogger, Template dan Edit HTML
    2. Cari kode </head> ( Gunakan CTRL + F untuk mempermudah pencarian )
    3. Paste kode Tracking ID gambar di atas di dalam kotak tepat diatasnya kode </head>
    4. Simpan dan cek di Google Analytics untuk mengetahui hasilnya



    Thursday, October 6, 2016

    Cara Mengganti Gambar No Image Template Brosense V2 Di Blogger


    Cara Mengganti Gambar No Image Template Brosense V2 Di Blogger

    Bila anda membuat postingan tanpa gambar di dalam artikel postingan dan template blog yang digunakan template Brosense v2 maka gambar yang tampil seperti gambar di atas. Bila ingin mengganti gambar tersebut dengan gambar sesuai blog anda langkahnya kurang lebih seperti di bawah ini.

    1. Yang pertama Login terlebih dahulu ke akun Blogger pastinya
    2. Masuk ke menu Template ke Edit HTML
    3. Cari kode URL gambar No Image tersebut seperti di bawah ini

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivkJkXTeBwVevHwVanvhLXZycO8Yg28ZWAuP7SApD72YGxEtlF79yL4vx0-l3NJRGXiI50qJHHz0CSRwNaPrBO2nGllnFsoSDSaYnFO45LKpM_U2kZ42DwRn8HvqeBnZsxlc6MMXsnbKLw/s1600/no-image.png

    Kalau tidak salah ada 3 buah kode URL dan 1 buah kode URL di bawah ini

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVynNXRRaHcqtjep-fXOg6q7YFYEXrLupGOAwII8TaSptDHmszENJmygbhJafcukZp0BNiQTAJKyapa7LD4btkJ0-8LGSQEpoTwe6YDFfmXS59R2VrXUXaSQ0kYxPe_OVrlamkCKI9PI/w200-c-h150/picture_not_available.png

    4. Kalau sudah ketemu kemudian ganti dengan URL gambar anda semua kode url di atas. Sedangkan url di atas adalah URL gambar No Image di setiap postingan tanpa gambar yang tampil di Related Posts, Popular Posts, Halaman Awal (Readmore) dan Blog/artikel yang di bagikan di Social Media atau lainnya. Bila Url tersebut di ganti maka yang muncul akan gambar yang di ganti dengan URL gambar anda.

    5. Bila URL di atas sudah di ganti dengan URL gambar anda kemudian Simpan dan Lihat hasilnya.



    Tuesday, October 4, 2016

    Cara Memasang Tombol Share Facebook, Twitter dan G+ Di Blogger


    Cara Memasang Tombol  Share Facebook, Twitter dan G+ Di Blogger


    Tombol share social media seperti facebook, twitter, G+1 dan lain-lain perlu di pasang di blogger fungsinya untuk membagikan artikel yang di baca oleh penunjung. Maka dari itu sangat di perlukan karena bila artikel sampai di bagikan nanti banyak yang tahu blog yang di bagikan oleh pengunjung. Untuk menbuatnya caranya sebagai berikut :

    1. Login ke Dasbor Blogger
    2. Template dan Edit HTML
    3. Cari kode ini <data:post.body/> gunakan CTRL+F (untuk mempermudah pencarian)
    4. Letakan kode dibawah ini tepat dibawah <data:post.body/>.

      <!-- AddThis Button BEGIN -->
      <div class="addthis_toolbox addthis_default_style ">
      <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
      <a class="addthis_button_tweet"></a>
      <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
      <a class="addthis_counter addthis_pill_style"></a>
      </div>
      <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>
      <!-- AddThis Button END -->

        5. Simpan dan Lihat hasilnya

        NB : apabila <data:post.body/> terdapat lebih dari satu, Pilih yang kedua



        Daftar Font Awesome Icon Dan Cara Menggunakannya


        Daftar Font Keren ( Font Awesome ) Ikon Dan Nilai-nilai Konten CSS


        Font Keren adalah font web yang berisi semua ikon dari kerangka Twitter Bootstrap, dan sekarang banyak lagi. Sementara pelaksanaan di Bootstrap dirancang untuk digunakan dengan <i> elemen (Bootstrap v2), Anda mungkin menemukan diri Anda ingin menggunakan ikon ini pada unsur-unsur lain. Untuk melakukannya, Anda harus menggunakan CSS berikut pada elemen yang diinginkan, dan kemudian mengganti nilai konten untuk ikon yang relevan.

        .element {
            position: relative;
        }
        /*mengganti nilai konten dengan
        sesuai nilai dari daftar di bawah
        */

        .element:before {
            content: "\f000";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
        /*--adjust as necessary--*/
            color: #000;
            font-size: 18px;
            padding-right: 0.5em;
            position: absolute;
            top: 10px;
            left: 0;
        }

        Catatan: 
        Tidak mungkin untuk menggunakan: sebelum atau: setelah konten semu pada <input> elemen, namun jika Anda bukan menggunakan <button> Label </ button>, ia akan bekerja seperti yang diinginkan.

        Contoh Memasang Font Awesome Di Blogger 
        Tambah kan link berikut di bawah kode </head> atau di atas kode </head> atau di atas kode </body>

        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

        Contoh Menggunakan Font Awesome Di Blogger
        Untuk menggunakan Font Awesome ini adalah dengan menggunakan tag <i> dan menambahkan class utama dan class untuk memanggil icon tertentu

        <i class="fa fa-home"></i>

        Dan untuk mengganti ukuran tambahkan kode fa-lg, fa-2x, fa-3 dan seterusnya, contoh:

        <i class="fa fa-home fa-lg"></i>  contoh ditambah : fa-lg
        <i class="fa fa-home fa-2x"></i> contoh ditambah fa-2x
        <i class="fa fa-home fa-3x"></i> contoh ditambah fa-3x

        Untuk mengatur Warna, Ukuran dan Style dengan mengganbungkan class CSS yang sesuai, contoh:

        <i class="fa fa-comments-o fa-4x"></i> contoh ditambah fa-2x
        <style>
        .fa-comments-o {padding:0;  margin:0; float:left;padding:5px 0px; color:#F2784B;}
        }
        </style>

        Di bawah ini adalah Font Keren contekan dari semua nilai-nilai konten untuk setiap icon:

        Icon Aplikasi Website

        • icon-adjust "\f042"
        • icon-anchor "\f13d"
        • icon-asterisk "\f069"
        • icon-ban-circle "\f05e"
        • icon-bar-chart "\f080"
        • icon-barcode "\f02a"
        • icon-beaker "\f0c3"
        • icon-beer "\f0fc"
        • icon-bell "\f0a2"
        • icon-bell-alt "\f0f3"
        • icon-bolt "\f0e7"
        • icon-book "\f02d"
        • icon-bookmark "\f02e"
        • icon-bookmark-empty "\f097"
        • icon-briefcase "\f0b1"
        • icon-bullhorn "\f0a1"
        • icon-bullseye "\f140"
        • icon-calendar "\f073"
        • icon-calendar-empty "\f133"
        • icon-camera "\f030"
        • icon-camera-retro "\f083"
        • icon-certificate "\f0a3"
        • icon-check-empty "\f096"
        • icon-check-minus "\f147"
        • icon-check-sign "\f14a"
        • icon-check "\f046"
        • icon-circle "\f111"
        • icon-circle-blank "\f10c"
        • icon-cloud "\f0c2"
        • icon-cloud-download "\f0ed"
        • icon-cloud-upload "\f0ee"
        • icon-code "\f121"
        • icon-code-fork "\f126"
        • icon-coffee "\f0f4"
        • icon-cog "\f013"
        • icon-cogs "\f085"
        • icon-collapse-alt "\f117"
        • icon-comment "\f075"
        • icon-comments "\f086"
        • icon-comments-alt "\f0e6"
        • icon-credit-card "\f09d"
        • icon-crop "\f125"
        • icon-dashboard "\f0e4"
        • icon-desktop "\f108"
        • icon-download "\f01a"
        • icon-download-alt "\f019"
        • icon-edit "\f044"
        • icon-edit-sign "\f14b"
        • icon-ellipsis-horizontal "\f141"
        • icon-ellipsis-vertical "\f142"
        • icon-envelope "\f003"
        • icon-envelope-alt "\f0e0"
        • icon-eraser "\f12d"
        • icon-exchange "\f0ec"
        • icon-exclamation "\f12a"
        • icon-exclamation-sign "\f06a"
        • icon-expand-alt "\f116"
        • icon-external-link "\f08e"
        • icon-external-link-sign "\f14c"
        • icon-eye-open "\f06e"
        • icon-eye-close "\f070"
        • icon-facetime-video "\f03d"
        • icon-fighter-jet "\f0fb"
        • icon-film "\f008"
        • icon-filter "\f0b0"
        • icon-fire-extinguisher "\f134"
        • icon-fire "\f06d"
        • icon-flag-alt "\f11d"
        • icon-flag-checkered "\f11e"
        • icon-folder-close "\f07b"
        • icon-folder-open "\f07c"
        • icon-folder-close-alt "\f114"
        • icon-folder-open-alt "\f115"
        • icon-food "\f0f5"
        • icon-frown "\f119"
        • icon-gamepad "\f11b"
        • icon-gift "\f06b"
        • icon-glass "\f000"
        • icon-globe "\f0ac"
        • icon-group "\f0c0"
        • icon-hdd "\f0a0"
        • icon-headphones "\f025"
        • icon-heart-empty "\f08a"
        • icon-heart "\f004"
        • icon-home "\f015"
        • icon-inbox "\f01c"
        • icon-info-sign "\f05a"
        • icon-info "\f129"
        • icon-key "\f084"
        • icon-keyboard "\f11c"
        • icon-laptop "\f109"
        • icon-leaf "\f06c"
        • icon-legal "\f0e3"
        • icon-lemon "\f094"
        • icon-level-up "\f148"
        • icon-level-down "\f149"
        • icon-lightbulb "\f0eb"
        • icon-location-arrow "\f124"
        • icon-lock "\f023"
        • icon-magic "\f0d0"
        • icon-magnet "\f076"
        • icon-mail-reply "\f112"
        • icon-mail-reply-all "\f122"
        • icon-mail-forward "\ff064"
        • icon-map-marker "\f041"
        • icon-meh "\f11a"
        • icon-microphone "\f130"
        • icon-microphone-off "\f131"
        • icon-minus "\f068"
        • icon-minus-sign "\f056"
        • icon-minus-sign-alt "\f146"
        • icon-mobile-phone "\f10b"
        • icon-money "\f0d6"
        • icon-move "\f047"
        • icon-music "\f001"
        • icon-off "\f011"
        • icon-ok "\f00c"
        • icon-ok-sign "\f058"
        • icon-ok-circle "\f05d"
        • icon-pencil "\f040"
        • icon-phone "\f095"
        • icon-phone-sign "\f098"
        • icon-picture "\f03e"
        • icon-plane "\f072"
        • icon-google-plus-sign "\f0d4"
        • icon-google-plus "\f0d5"
        • icon-print "\f02f"
        • icon-pushpin "\f08d"
        • icon-puzzle-piece "\f12e"
        • icon-qrcode "\f029"
        • icon-question-sign "\f059"
        • icon-question "\f128"
        • icon-quote-left "\f10d"
        • icon-quote-right "\f10e"
        • icon-random "\f074"
        • icon-refresh "\f021"
        • icon-remove-sign "\f057"
        • icon-remove-circle "\f05c"
        • icon-remove "\f00d"
        • icon-reorder "\f0c9"
        • icon-reply "\f112"
        • icon-reply-all "\f122"
        • icon-resize-vertical "\f07d"
        • icon-resize-horizontal "\f07e"
        • icon-retweet "\f079"
        • icon-road "\f018"
        • icon-rocket "\f135"
        • rotate-left "\f0e2"
        • rotate-right "\f01e"
        • icon-rss "\f09e"
        • icon-rss-sign "\f143"
        • icon-screenshot "\f05b"
        • icon-search "\f002"
        • icon-share "\f045"
        • icon-share-alt "\f064"
        • icon-share-sign "\f14d"
        • icon-shield "\f132"
        • icon-shopping-cart "\f07a"
        • icon-sign-blank "\f0c8"
        • icon-signal "\f012"
        • icon-signin "\f090"
        • icon-signout "\f08b"
        • icon-sitemap "\f0e8"
        • icon-smile "\f118"
        • icon-sort "\f0dc"
        • icon-sort-down "\f0dd"
        • icon-sort-up "\f0de"
        • icon-spinner "\f110"
        • icon-star "\f005"
        • icon-star-empty "\f006"
        • icon-star-half-full "\f123"
        • icon-star-half-empty "\f123"
        • icon-suitcase "\f0f2"
        • icon-tablet "\f10a"
        • icon-tag "\f02b"
        • icon-tags "\f02c"
        • icon-tasks "\f0ae"
        • icon-terminal "\f120"
        • icon-thumbs-up "\f087"
        • icon-thumbs-down "\f088"
        • icon-ticket "\f145"
        • icon-time "\f017"
        • icon-tint "\f043"
        • icon-trash "\f014"
        • icon-trophy "\f091"
        • icon-truck "\f0d1"
        • icon-umbrella "\f0e9"
        • icon-unlock "\f09c"
        • icon-unlock-alt "\f13e"
        • icon-upload "\f01b"
        • icon-upload-alt "\f093"
        • icon-user-md "\f0f0"
        • icon-user "\f007"
        • icon-volume-off "\f026"
        • icon-volume-down "\f027"
        • icon-volume-up "\f028"
        • icon-warning-sign "\f071"
        • icon-wrench "\f0ad"
        • icon-zoom-in "\f00e"
        • icon-zoom-out "\f010"


        Icon Teks Editor


        • icon-file "\f016"
        • icon-file-alt "\f0f6"
        • icon-cut "\f0c4"
        • icon-copy "\f0c5"
        • icon-paste "\f0ea"
        • icon-save "\f0c7"
        • icon-undo "\f0e2"
        • icon-repeat "\f01e"
        • icon-text-height "\f034"
        • icon-text-width "\f035"
        • icon-align-left "\f036"
        • icon-align-center "\f037"
        • icon-align-right "\f038"
        • icon-align-justify "\f039"
        • icon-indent-left "\f03b"
        • icon-indent-right "\f03c"
        • icon-font "\f031"
        • icon-bold "\f032"
        • icon-italic "\f033"
        • icon-strikethrough "\f0cc"
        • icon-underline "\f0cd"
        • icon-superscript "\f12b"
        • icon-subscript "\f12c"
        • icon-link "\f0c1"
        • icon-unlink "\f127"
        • icon-paper-clip "\f0c6"
        • icon-eraser "\f12d"
        • icon-columns "\f0db"
        • icon-table "\f0ce"
        • icon-th "\f00a"
        • icon-th-list "\f00b"
        • icon-th-large "\f009"
        • icon-list "\f03a"
        • icon-list-ul "\f0ca"
        • icon-list-ol "\f0cb"
        • icon-list-alt "\f022"

        Icon Penunjuk


        • icon-angle-left "\f104"
        • icon-angle-right "\f105"
        • icon-angle-up "\f106"
        • icon-angle-down "\f107"
        • icon-arrow-left "\f060"
        • icon-arrow-right "\f061"
        • icon-arrow-up "\f062"
        • icon-arrow-down "\f063"
        • icon-caret-down "\f0d7"
        • icon-caret-up "\f0d8"
        • icon-caret-left "\f0d9"
        • icon-caret-right "\f0da"
        • icon-chevron-left "\f053"
        • icon-chevron-right "\f054"
        • icon-chevron-up "\f077"
        • icon-chevron-down "\f078"
        • icon-chevron-sign-left "\f137"
        • icon-chevron-sign-right "\f138"
        • icon-chevron-sign-up "\f139"
        • icon-chevron-sign-down "\f13a"
        • icon-circle-arrow-left "\f0a8"
        • icon-circle-arrow-right "\f0a9"
        • icon-circle-arrow-up "\f0aa"
        • icon-circle-arrow-down "\f0ab"
        • icon-double-angle-left "\f100"
        • icon-double-angle-right "\f101"
        • icon-double-angle-up "\f102"
        • icon-double-angle-down "\f103"
        • icon-hand-right "\f0a4"
        • icon-hand-left "\f0a5"
        • icon-hand-up "\f0a6"
        • icon-hand-down "\f0a7"

        Icon Video Player


        • icon-play "\f04b"
        • icon-play-sign "\f144"
        • icon-play-circle "\f01d"
        • icon-pause "\f04c"
        • icon-stop "\f04d"
        • icon-eject "\f052"
        • icon-forward "\f04e"
        • icon-fast-forward "\f050"
        • icon-step-backward "\f048"
        • icon-step-forward "\f051"
        • icon-fullscreen "\f0b2"
        • icon-resize-full "\f065"
        • icon-resize-small "\f066"

        Icon Merk


        • icon-css3 "\f13c"
        • icon-facebook-sign "\f082"
        • icon-facebook "\f09a"
        • icon-twitter-sign "\f081"
        • icon-twitter "\f099"
        • icon-github "\f09b"
        • icon-github-sign "\f092"
        • icon-html5 "\f13b"
        • icon-linkedin "\f0e1"
        • icon-linkedin-sign "\f08c"
        • icon-maxcdn "\f136"
        • icon-pinterest "\f0d2"
        • icon-pinterest-sign "\f0d3"
        • icon-google-plus "\f0d5"
        • icon-google-plus-sign "\f0d4"

        Icon Kedokteran


        • icon-ambulance "\f0f9"
        • icon-beaker "\f0c3"
        • icon-h-sign "\f0fd"
        • icon-hospital "\f0f8"
        • icon-medkit "\f0fa"
        • icon-plus-sign-alt "\f0fe"
        • icon-stethoscope "\f0f1"
        • icon-user-md "\f0f0"


        Untuk melihat Font Awesome berserta dengan Unicode yang lebih komplit lagi kurang lebih 700 Font dan Unicode silahkan klik DISINI



        Sunday, October 2, 2016

        Cara Membuat Related Post Dibawah Postingan Dengan Gambar


        Cara Membuat Related Post Dibawah Postingan Dengan Gambar


        Related Post/Artikel Terkait adalah menampilkan artikel yang lain pada laman artikel kepada pengunjung agar pengunjung melihat dan membaca artikel yang behubungan dengan artikel yang sedang di baca pengunjung. Untuk membuat Related Post/Artikel Terkait sebagai berikut:

        1. Login ke Dasbor Blogger
        2. Template dan Edit HTML
        3. Cari kode ]]></b:skin>  gunakan Ctrl+F (untuk mempermudah pencarian).
        4. Paste Code di bawah ini tepat di atas kode ]]></b:skin>.


        /* ------Related Post Widget Start ------*/

        .related-post {
            margin:15px 0px 0px;
            border:1px solid #e5e5e5;
            padding:10px;
            background:#f6f6f6;
        }
        .related-post h4 {
            font-size:14px;
            margin:0 0 .5em;
            text-transform:uppercase;
        }

        .related-post-style-2 {
            margin:0 0 0 0 !important;
            padding:0 0 0 0 !important;
            list-style:none;
        }
        .related-post-style-2 li {
            margin:0 0 0 0;
            padding:0 0 0 0;
        }
        .related-post-style-2 li {
            padding:5px 0 !important;
            border-top:1px solid #eee;
            overflow:hidden;
        }
        .related-post-style-2 li:first-child {border-top:none}
        .related-post-style-2 .related-post-item-thumbnail {
            width:40px;
            height:40px;
            max-width:none;
            max-height:none;
            background:#fff;
            border: 1px solid #e5e5e5;
            padding:6px;
            float:left;
            margin:2px 8px 0 0;
        }
        .related-post-style-2 .related-post-item-title {
            font:bold 14px Arial, sans-serif;
        }
        .related-post-style-2 .related-post-item-summary {
            display:block;
            overflow:hidden;
            font-size:11px;
        }
        .related-post-style-2 .related-post-item-more {}


        5. Kemudian cari kode <data:post.body/> Letakan kode dibawah kode tersebut.


        <!-- Related Post Widget Start -->
        <div class='related-post' id='related-post'/>
        <script type='text/javascript'>
        var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
        &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
        </b:loop></b:if>];
        var relatedPostConfig = {
        homePage: &quot;<data:blog.homepageUrl/>&quot;,
        widgetTitle: &quot;&lt;h4&gt;Related Posts :&lt;/h4&gt;&quot;,
        numPosts: 5,
        summaryLength: 100,
        titleLength: &quot;auto&quot;,
        thumbnailSize: 60,
        noImage: &quot;https://lh3.googleusercontent.com/-QapORfDCl5M/T1jLZRpdN_I/AAAAAAAAAX0/vc1oIIkWTFk0GE_WFj04YBFw7K_x0fMVgCEw/w140-h140-p/thopads.cell.jpg&quot;,
        containerId: &quot;related-post&quot;,
        newTabLink: false,
        moreText: &quot;Read More...&quot;,
        widgetStyle: 2,
        callBack: function() {}
         };
        </script>
        <!-- Related Post Widget End -->



        6. Cari kode </body> letakan kode dibawah ini tepat di atas kode tersebut.


        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <script type='text/javascript'>
                //<![CDATA[             
                /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
                var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
                //]]>             
                </script>
            </b:if>


        7. Simpan dan Lihat hasilnya

        Dengan adanya Relaed Post/Artikel Terkait semoga pengunjung lebih lama melihat dan membaca setiap artikel dan dapat meningkatkan Trafik Blog. Semoga postingan yang saya bagikan dapat di jadikan sebagai perefrensi bagi para pembaca.