Bagi Inpoh !!! - Blogger

Showing posts with label Blogger. Show all posts

Cara Merubah Warna Teks saat di Blok (selected text) - Seperti yang kita ketahui saat kita memblok teks di web/blog manapun warna defaultnya adalah biru tua seperti di google.

Sebagai manusia yang normal kita pasti ingin membuat sesuatu yang baru, seperti di blog ini selected textnya adalah warna merah.

Cara menggantik Warna Selected Text

Login ke Blogger
Template > Edit Template
Cari Kode ]]></b:skin> (Gunakan CTRL+f)
Lalu pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

::selection {background:#ff001e; color:#ffffff}

::-moz-selection {background:#ff001e; color:#ffffff}

::-webkit-selection {background:#ff001e; color:#ffffff}

Keterangan :

Warna Merah : Ganti dengan warna yang ingin anda jadikan selected text
Warna kuning : Untuk mengganti warna teks setelah di blok
Untuk kode warna yang lainnya bisa di klik DISINI

Read Me

10 Situs Generator Favicon Untuk Blog/Website

Admin 08:30

10 Situs Generator Favicon Untuk Blog/Website - Kata favicon sudah tidak asing lagi bagi para blogger. favicon merupakan singkatan dari Favourite Icon, yaitu sebuah logo yang muncul di addresbar pada browser. Untuk pengguna blogger, blognya akan secara default menggunakan favicon dengan logo Blogger.
Pastinya kita yang ngeblog dengan blogger mempunyai logo sendiri, jadi kita akan menggunakan favicon dengan logo kita sendiri. Untuk merubah favicon diblogger dapat menggunakan 2 cara, yaitu dengan mengedit HTML dari template kita dan memasukan kode <link href='LINK FAVICON' rel='icon' type='image/x-icon'/> (warna merah diganti dengan link favicon) disimpan di bawah kode <head> bersama dengan meta tag. Dan yang paling mudah di tata letak dan klik edit di kotak Favicon.

Sebelum kita memasang logo untuk favicon, kita harus punya gambar yang sudah di edit sedemikian rupa untuk menjadi favicon. Dan untuk mempermudah dalam pembuatannya kita gunakan Favicon generator. Dibawah ini ada 10 Situs untuk membuatnya!

1. Genfavicon

http://www.genfavicon.com/ - Membuat Favicon dengan 4 pilihan ukuran yaitu 16x16, 31x31, 48x48, dan 128x128. Upload gambar yang akan di jadikan Favicon, lalu pilih ukuran yang dibutuhkan, dan anda bisa me-review dengan menekan "Capture & Preview".

2. Favicon Generator

http://favicon-generator.org - Anda bisa membuat Favicon dengan gambar sendiri ataupun bisa langsung mencari favicon di gallery yang tersedia. Kamu bisa mencari favicon dengan menggunakan pilihan warna.

3. xIconeditor

http://xiconeditor.com - Disini ada banyak tools atau alat yang bisa anda gunakan untuk membuat Favicon yang keren! Setelah mengupload gambar yang akan dijadikan favicon kamu bisa mereview sebelum mendownloadnya.

4. Dynamic Drive Favicon Generator

http://tools.dynamicdrive.com/favicon/ - Gunakan Online Tools ini untuk membuat Favicon dengan sangat mudah!

5. Prowdraw

http://www.prodraw.net/favicon/index.php - Online Tools ini membantu anda untuk me-convert atau merubah foto atau gambar menjadi *.ICO (icon format). Support beberapa ekstensi gambar seperti JPG, GIF, PNG, BMP dan TIF.

6. Favicon.cc

http://www.favicon.cc/ - Online Tools yang cukup terkenal dalam pembuatan favicon. Disini menampilkan pula Top rated dan favicon terbaru yang di buat oleh pengguna favicon.cc yang lain. Ayo upload dan modif favicon-mu disini !

7. Favikon

http://favikon.com adalah online tools basic untuk membuat favicon. Cocok bagi pemula karena tools ini tidak ribet, Hanya upload dan anda telah mendapatkan favicon anda.

8. Freefavicon

http://www.freefavicon.com/ - Buat Favicon dari gambarmu! Saat pertama mengunjungi situs ini, anda akan melihat tombol besar berwarna biru bertuliskan "Try the New Icon Maker". Klik tombol tersebut, anda akan di bawa ke halaman untuk mengedit favicon. Upload dan edit gambar yang akan di jadikan favicon disana !

9. Favicon Online Generator

http://www.webestools.com - Disini anda di berikan pilihan untuk mengimpor gambar dari internet ataupun dari komputer anda untuk kemudian di edit dan dijadikan favicon. Gambar yang di impor tadi akan diubah ukurannya sesuai keinginan anda (16x16 atau 32x32).

10. Favicomatic

http://www.favicomatic.com/ - Favicomatic menghasilkan favicon dengan ekstensi ICO atau PNG, dan kode HTML yang digunakan untuk membuat website/blog anda terlihat indah !

Read Me

Android Blogger Tutorial

Cara Membuat Aplikasi Android/APK Blog Kita Sendiri

Admin 07:57

Cara Membuat Aplikasi Android/APK Blog Kita Sendiri - Sebuah situs web/blog yang memiliki aplikasi di smartphone yang berbasis android sudah cukup banyak, seperti OLX. Selain ada halaman webnya, juga ada aplikasinya. Kalian pasti dong pengen juga blognya punya aplikasi sendiri keren juga tuh.

Gimana ya cara bikin aplikasi buat full akses ke blog kita? Padahal kita gapunya skill coding sama sekali? Caranya gampang banget, tinggal akses appsgeyser.com disitu kita bisa membuat aplikasi berbasis android (apk) dengan sangat mudah tinggal isi form yang disediakan dan selesai. Selain itu juga nantinya aplikasi kita yang sudah jadi bisa langsung di publikasikan / di upload ke PlayStore.

Keren ga tuh? Oke disini kita akan bahas cara membuat aplikasinya.

Buka appsgeyser.com Klik Create Now!

Lalu Pilih Website yang ada di kanan atas

Isikan URL Blogmu

Isikan Nama Blogmu

Isikan Deskripsi Blogmu

Upload icon, disini saya memakai Favicon blog ini. Nantinya ini akan menjadi icon aplikasi kita

Klik Create App

Lanjut ke Step 2, disini kita akan regist ke appsgeyse, isikan nama, email, password kalian

Oke, Setelah mendaftar, selesai deh aplikasinya. Mau di publish ke playstore ataupun di download dulu itu terserah kalian, tinggal ikuti step step disana.

Mau demo dulu? silahkan download apk bagiinpoh!

Bagiinpoh.apk

Semoga Bermanfaat~

Read Me

Blogger Tutorial

Cara Memasang Emoticon di Komentar Blogger

Admin 05:21

Cara Memasang Emoticon di Komentar Blogger - Kenyamanan pembaca adalah salah satu prioritas bagi para blogger, dengan memasang emoticon di dalam komentar blog kita selain mempercantik blog juga membuat pembaca yang berkomentar bisa mengekspresikan komentarnya dengan emoticon ini.

Tertarik?? Saya juga cukup tertarik dengan emoticon emoticon lucu ini, langsung saja ke cara memasangnya.

Login ke Blogger
Template > Edit Template
Cari Kode ]]></b:skin> (Gunakan CTRL+f)
Lalu pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
  border:3px solid #860000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  font-weight:normal;
  color:#333;
}
.emoWrap:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}

Cari lagi kode </body>
Lalu pastekan kode dibawah ini tepat diatas kode </body>

Simpan Template, Dan lihat hasilnya.

Yosh, Semoga bermanfaat~

Read Me

Blogger Download Portal Template

Bios Blogger Template

Admin 07:44

Bios Blogger Template - Dari judul postingan ini terasa agak aneh ya 'Bios Blogger Template'. Ya gitulah sesuai judulnya disini saya akan share Template Blogger bertemakan "Bios". Mirip mirip bios PC kita lahh..

Ini bukan buatan saya sih, sayang ngambil 'anunya' dari Codepen. Nih linknya http://codepen.io/ramonmcros/full/yNorvV/ lalu saya kawinkan dengan Blank Blogger Template. Jadi template blogger yang bener bener kosong cuman ada struktur dari templatenya. Kurang lebih kaya Screenshot dibawah ini lah.

Isinya? Cuman menu menu ko, inisih saya lebih suka menyebutnya sebagai Portal Template. Kenapa? Karena ini isinya cuman menu yang berisi tentang link link kita, seperti screenshot diatas menunya memuat socmed, blog, dll.

Cara editnya tinggal cari code seperti dibawah ini.

<nav role='navigation'>
<h1>BIOS</h1>
<ul>
<li><a href='http://bagiinpoh.blogspot.com'>Blog</a></li>
<li><a href='http://facebook.com/reloadblock'>Facebook</a></li>
<li><a href='http://twitter.com/dayuss_'>Twitter</a></li>
<li><a href='http://dayuss.ga'>Personal Web</a></li>
<li><a href='http://redirectbagiinpoh.blogspot.com'>Redirect</a></li>
<li><a href='http://bagiinpoh.blogspot.com'>Get This Template</a></li>
</ul>
</nav>

Tertarik? Silahkan lihat demonya dan download~

Cara Merubah Warna Teks saat di Blok (selected text)

Cara menggantik Warna Selected Text

10 Situs Generator Favicon Untuk Blog/Website

1. Genfavicon

2. Favicon Generator

3. xIconeditor

4. Dynamic Drive Favicon Generator

5. Prowdraw

6. Favicon.cc

7. Favikon

8. Freefavicon

9. Favicon Online Generator

10. Favicomatic

Cara Membuat Aplikasi Android/APK Blog Kita Sendiri

Cara Memasang Emoticon di Komentar Blogger

Bios Blogger Template

Root

Cusrom

Lastest