Daftar Kode Icon Font Awesome dan Cara Pemasangannya
Bagi anda yang senang dengan seni atau sering edit-edit template blog, anda bisa memasang icon awesome untuk mempercantik tampilan blog silahkan simak...
Bagi anda yang senang dengan seni atau sering edit-edit template blog, anda bisa memasang icon awesome untuk mempercantik tampilan blog silahkan simak tutorial ini sampai selesai.
 |
| Foto: Font Awesome https://fontawesome.com/icons |
◉ Pengertian Font Awesome
Menurut Wikipedia, Font Awesome is a font and icon toolkit based on CSS and LESS. It was made by Dave Gandy for use with the Twitter Bootstrap, and later was incorporated into the Bootstrap CDN. Font Awesome has a 20% market share among those websites which use third-party Font Scripts on their platform, ranking it on a second place after Google Fonts.
◉ Daftar Kode Icon Font Awesome
Note: Silahkan cari kode icon awesome yang lain di situs resminya Disini
◉ Cara Memasang Icon Font Awesome
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
Misalnya kita ingin membuat menu icon font awesome disamping kiri tulisan seperti gambar diatas.
contoh penempatannya sebagai berikut :
<li><a href='#'><i class='fa fa-newspaper-o'/> | NEWS</a></li>
Untuk memperbesar atau memperkecil ukuran iconnya, maka anda hanya perlu menambahkan
class fa-1x, fa-2x, fa-3x, fa-4x, fa-5x
Contoh : <p><i class="fa fa-bars fa-4x"></i> fa-bars </p> 'Judul'
Demikian artikel tentang Daftar Kode Icon Font Awesome dan Cara Pemasangannya. Selamat mencoba dan semoga berhasil.
Bang Dadan
3:28 PM
Admin
Bandung Indonesia
Salam blogger, pada kesempatan kali ini adin akan membahas tutorial tentang Cara Membuat Label/Kategori Warna Warni di Blog.
Bagi para blogger label / kategori mungkin sydah tidak asing lagi ditelinga, namun bagi para blogger pemula mungkin belum tahu tentang pengertian dan manfaat label/kategori di blog.
Apa sih Label di Blog itu?
Kalau menurut saya label itu merupakan sebuah wadah untuk menampung banyak artikel dalam satu kategori.
Fungsi Label Pada Blog
Fungsi Label yang ada di blogger adalah agar kita bisa mengelompokkan artikel berdasarkan label/kategori yang sama, dan mempermudah pengunjung blog untuk melihat artikel lainnya berdasarkan Label/Kategory.
Selain itu label juga berfungsi untuk menampikan Related Post atau Artikel Terkait lainnya berdasarkan label artikel.
Baiklah sekarang admin akan bahas Cara Membuat Label/Kategori Warna Warni di Blog.
◉ Pertama silahkan anda masuk pada Template blog dan pilih HTML
◉ Selanjutnya copy kode dibawah ini diatas </b:skin> atau </style>
/* Sidebar Label Cloud */
.cloud-label-widget-content {text-align: left;} .label-size{background: #83B4D8;display: block;float: left;margin: 0 0px 0px 0;color: #fff;font-family: Oswald, Arial, Sans-Serif;font-size: 10px;text-transform: uppercase;} .label-size:nth-child(1){background: #FFD700;} .label-size:nth-child(2)
{background: #4682B4;} .label-size:nth-child(3)
{background: #87CEFA;} .label-size:nth-child(4)
{background: #BC8F8F;} .label-size:nth-child(5)
{background: #3CB371;} .label-size:nth-child(6)
{background: #808000;} .label-size:nth-child(7)
{background: #DC143C;} .label-size:nth-child(8)
{background: #9370DB;} .label-size:nth-child(9)
{background: #2F4F4F;} .label-size:nth-child(10)
{background: #54B70B;} .label-size:nth-child(11)
{background: #99CC33;} .label-size:nth-child(12)
{background: #FF463D;} .label-size:nth-child(13)
{background: #3FDECF;} .label-size:nth-child(14)
{background: #FF2F0A;} .label-size:nth-child(15)
{background: #E9DB58;} .label-size:nth-child(16)
{background: #42FFBD;} .label-size:nth-child(17)
{background: #6899ED;} .label-size:nth-child(18)
{background: #FF52AE;} .label-size:nth-child(19)
{background: #8DBC2F;} .label-size:nth-child(20)
{background: #80FF00;} .label-size a, .label-size span
{ display: inline-block; color: #fff !important; padding: 0px 0px; font-weight: normal; } .label-size:hover { background: #222; } .label-count { white-space: nowrap; padding-right: 1px; margin-left: -3px; background: #333; color: #fff ; } .label-size:hover .label-count, .label-size:focus+.label-count { background-color: #FF6BFF; }
Note: Kode warna BIRU merupakan warna label yang akan tampil pada blog anda. silahkan anda bisa ganti dengan warna lain sesuai keinginan. Anda bisa pilih kode warna HTML nya Disini.
Sekian dulu pembahasan kita kakli ini tentang Cara Membuat Label/Kategori Warna Warni di Blog. Selamat mencoba dan semoga bermanfaat.
Cara Membuat Label/Kategori Warna Warni di Blog
Salam blogger, pada kesempatan kali ini adin akan membahas tutorial tentang Cara Membuat Label/Kategori Warna Warni di Blog.
Bagi para...
Sahabat blogger kali ini admin akan membahas tentang Cara Memasang DMCA Protected | Hak Cipta Konten Blog. Namun sebelum lebih lanjut pada topik pembahasan alangkah baiknya kita memahami apa itu DMCA dan untuk apa DMCA itu?
Pengertian DMCA Protected
Seperti yang dikutip dari wikipedia.org Digital Millennium Copyright Act (DMCA) adalah hukum hak cipta Amerika Serikat yang memberlakukan dua perjanjian World Intellectual Property Organization (WIPO) tahun 1996.
DMCA mengkriminalisasi pembuatan dan diseminasi teknologi, perangkat, atau layanan yang bertujuan membatasi prosedur (biasa disebut pengelolaan hak digital atau DRM) yang mengendalikan akses ke karya-karya berhak cipta. DMCA juga mengkriminalisasi tindakan pembatasan kendali akses, meski tidak ada pelanggaran hak cipta. Selain itu, DMCA meningkatkan hukuman pelanggaran hak cipta di Internet.
Manfaat DCMA untuk Blog / Website
Manfaat Dmca Untuk Postingan Maupun Artikel Blog ialah agar postingan yang kita buat di blog terlindungi.
DMCA itu sendiri memberikan perlindungan kepada artikel yang baik dan banyak di cari banyak orang. Tapi juga DMCA akan menghapus blog kita sendiri dari pencarian google atau dengan kata lain di banneed. Itu dilakukan apabila postingan yang ada di blog kita terlalu banya artikel copy paste.
DMCA banyak di gunakan oleh para blogger karena, dengan ini artikel yang dibuatnya terlindungi. Meskipun ada yang copy tapi itu di anggap Artikel yang Spam dan akan di tindak lanjuti oleh pihak Dmca dan bisa-bisa blog sobat selamanya akan di di hilangkan di pencarian.
Copy paste itu boleh sebenarnya sobat... Akan tetapi isi artikelnya harus di kreasikan lagi tanpa ada kesamaan yang membuat postingan sobat jadi kreatif dan di anggap murni dan berkualitas.
baiklah sekarang kita mulai pada inti pembahasan yaitu Cara Memasang DMCA Protected | Hak Cipta Konten Blog. Silahkan anda simak baik-baik tutorialnya dibawah ini.
 |
| klik gambar untuk memperbesar |
◉ Pertama silahkan anda kunjungi situ DMCA Protected
◉ Selanjutnya, Step pertama pilih [1] Select A Badge silahkan pilih badge/buton DMCA yang anda sukai. (lihat gambar diatas)
◉ Kemudian [2] Register your Badge. Isi biodata anda [first name], [last name], [email adress] (lihat gambar diatas)
◉ [3] Embed Tour Badge, Silahkan copy dan paste embed html pada blog/website anda. (lihat gambar diatas)
◉ Selesai.. Mudah kan !
Mungkin sekian pembahasan kita kali ini tentang Cara Memasang DMCA Protected | Hak Cipta Konten Blog. semoga artikel ini bermanfaat buat anda untuk melindungi konten atau hak cipta blog/situs anda.
Cara Memasang DMCA Protected | Hak Cipta Konten Blog
Sahabat blogger kali ini admin akan membahas tentang Cara Memasang DMCA Protected | Hak Cipta Konten Blog. Namun sebelum lebih lanjut pada topik...
Pada kesempatan kali ini admin akan membahas artikel tentang cara memasang tombol share sosial media di blog.
Terkadang widget share sosial media ini juga sangat penting untuk berada di dalam postingan blog, agar para pengunjung blog yang sedang membaca artikel di blog kita bisa di share atau disebarluaskan kepada teman - temannya atau orang lain.
Pada artikel sebelumnya admin telah membuat tutorial tentang Membuat Tombol Share Sosial Media Seperti Gangsing. Baiklah tanpa basa basi lagi sekarang kita praktekan Cara Memasang Tombol Share FB, Twittr, WhatsApp di Atas Postingan Blog. Lihat demonya paga gambar dibawah ini:
◉ Cari Kode ]]></b:skin> atau </style> lalu copy dan paste kode di bawah ini tepat di atasnya.
◉ Lalu klik simpan/* Share button by bangdadan */ #sharebangdadan {width: 100%; text-align: center;}#sharebangdadan a {width: 20%;height: 40px;display: block;font-size: 24px;color: #fff;opacity: 0.8; transition: opacity 0.15s linear; float: left;}#sharebangdadan a:hover {opacity: 1;}#sharebangdadan i {position: relative;top: 50%;transform: translateY(-50%);}.facebook {background: #3b5998;}.twitter {background:#55acee;}.linkedin {background: #0077b5;}.pinterest {background: #cb2027;}.whatsapp {background: #25d366;}#share a:first-child {border-radius: 3px 0 0 3px;}#sharebangdadan a:last-child {border-radius: 0 3px 3px 0;}
◉ Selanjutnya cari lagi kode <data:post.body/> biasanya ada lebih dari satu kode <data:post.body/> silahkan sobat pilih kalau mau pasang diatas artikel blog berarti pillih <data:post.body/> yang pertama dan pastekan kode dibawah ini tepat di <data:post.body/>. Berikut kodenya.
◉ Lalu klik simpan template<div id='sharebangdadan'><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a><a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a><a class='linkedin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a><a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:blog.postImageUrl + "&amp;description=" + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'></i></a><a class='whatsapp' data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a></div>
◉ Selesai deh..
Note: Jika tombol share sosial media tidak muncul diblog anda silahkan pindahkan kode di atas ke <data:post.body/> yang ke-2, ke-3 atau seterusnya.
Demikian artikel tentang Cara Memasang Tombol Share FB, Twittr, WhatsApp di Atas Postingan Blog. Silahkan anda praktekan sendiri pada blog anda.
Bang Dadan
5:23 PM
Admin
Bandung Indonesia
Cara Memasang Tombol Share FB, Twiter, WhatsApp diatas atau dibawah Postingan Blog
Pada kesempatan kali ini admin akan membahas artikel tentang cara memasang tombol share sosial media di blog.
Terkadang widget share sosial media...
Sahabat blogger, bagi yang sudah punya domain sendiri baik dotCom, dotNet, dotID atau yg lainnya lagi dan ingin membuat subdomain tanpa harus beli hosting lagi, anda bisa, dan anda tepat sekali mengunjungi situs ini.
Disini admin akan menjelaskan bagaimana cara memasang subdomain ke blogspot tanpa harus membeli hosting lagi. baiklah simak sampai selesai tutorialnya ya gan. Tapi sebelum kita mulai pada inti pembahasan alangkah baiknya sobat pahami dan pelajari lagi artikel admin sebelumnya terkait domain di bawah ini:
- Pengertian Domain dan Hosting
- 10 Webhosting Terbaik Indonesia tahun 2019
- Cara Custom atau Memasang Domain Sendiri ke Blogspot
Baiklah sekarang kita langsung pada topik pembahasan inti yaitu :
Cara Memasang Subdomain Tanpa Hosting di Blogspot 2019
▪ Pertama silahkan anda masuk pada menu pengaturan blog anda kemudian pilih setelan
▪ Selanjutnya di alamat blog silahkan anda memasukan [subdomain.domainanda.com]
▪ Nanti akan muncul cName record dibawah domain anda. Lihat gambar dibawah
▪ Selanjutnya silahkan anda login pada akun penyedia layanan domain anda kemudian pilih domain
▪ Setelah itu carilah tab menu DNS Management. *Lihat gambar dibawah
▪ Kemudian silahkan anda klik Add New Record pilih CName dan masukan record yang ada di blog anda tadi. contoh subdomainnya blog pada kolom host dan ghs.google.com pada Vlue. Lihat gambar pertama diatas, dan ulangi dengan cara yang sama untuk record yang ke-2
▪ Selesai. ip.adress google tidak mesti di tambahkan lagi.
Catatan: Goolge membutuhkan waktu 1x24 jam agar record terarah ke hosting google.
Cara Memasang Subdomain Tanpa Hosting di Blogspot 2019
▪ Pertama silahkan anda masuk pada menu pengaturan blog anda kemudian pilih setelan
▪ Selanjutnya di alamat blog silahkan anda memasukan [subdomain.domainanda.com]
▪ Nanti akan muncul cName record dibawah domain anda. Lihat gambar dibawah
 |
| Klik untuk memperbesar |
▪ Setelah itu carilah tab menu DNS Management. *Lihat gambar dibawah
 |
| klik untuk memperbesar |
▪ Kemudian silahkan anda klik Add New Record pilih CName dan masukan record yang ada di blog anda tadi. contoh subdomainnya blog pada kolom host dan ghs.google.com pada Vlue. Lihat gambar pertama diatas, dan ulangi dengan cara yang sama untuk record yang ke-2
▪ Setelah selesai memasukan record ke DNS Management selanjutnya anda tinggal balik lagi ke blog dan klik simpan pada pengaturan domain blog.
▪ Selesai . .
Catatan: Goolge membutuhkan waktu 1x24 jam agar record terarah ke hosting google.
Cara Memasang Subdomain Tanpa Hosting di Blogspot
Sahabat blogger, bagi yang sudah punya domain sendiri baik dotCom, dotNet, dotID atau yg lainnya lagi dan ingin membuat subdomain tanpa harus beli hosting...
Apa sih Domain itu?
Domain adalah sebuah nama unik untuk mengidentifikasi suatu server komputer (seperti web server, mail sever) di jaringan komputer atau internet sehingga pengguna lebih mudah untuk mengaksesnya tanpa harus mengingat IP address server tersebut.
Apa Sih Hosting itu?
Hosting adalah suatu space (ruangan) atau sebuah tempat di internet yang kita gunakan untuk menyimpan berbagai data-data dari sebuah website. Baik itu website perusahaan, website pribadi, website blog, dan lain sebagainya.
Setiap website yang ingin kita aktifkan (online-kan) dan dapat diakses oleh siapa saja, maka website tersebut harus disimpan pada suatu host. Host itulah yang kita sebut Hosting.
1. HOSTINGER
Server Hostinger ngebut di segala macam kondisi. Dia jadi yang terbaik di antara seluruh host yang kami tes. Karena mudah dipakai, host ini tepat sebagai hosting pertama para pemula.
2. NIAGAHOSTER
Niagahoster sangat mendukung customer UKM dan Startup. Hosting mereka kelas wahid. Paket hosting terbaik pun ditawarkan dengan harga paling kompetitif.
3. IDWEBHOST
IDWebhost sangat menjunjung kepuasan pelanggan. Hasilnya, provider ini jadi host terlaris #2 se-Indonesia. Saat ini, mereka hosting 76.000 website Indonesia dan luar negeri.
4. ARDHOSTING
ARDhosting menjuarai bidang variasi hosting dan server. Tiap satu kebutuhan hosting, ARDHosting punya sejumlah solusi mumpuni. Ini dilengkapi platform harga yang fleksibel.
5. DEWAWEB
DewaWeb adalah pionir garansi keamanan data + server Cloud di Indonesia. Percayakan data Anda di data center Dewaweb, dan Anda tidak akan kecewa!
6. DOMAINESIA
Dedikasi DomaiNesia terhadap industri hosting Indonesia sangat kentara. Domain .ID sangat lengkap. Provider ini sangat patut dipertimbangkan siapapun.
7. MWN MASTERWEB
Biarkan pengalaman Masterweb jadi buktinya. Berdiri sejak 1998, provider ini kini punya 400 data center di 3 lokasi strategis (US, Singapura, Jerman). Sangat matang.
8. RUMAHWEB
Rumahweb selalu konsisten meningkatkan kualitas hostingnya. Jangan lupa juga promo domain mereka. Provider ini patut diperhitungkan para kompetitornya.
9. QWORDS
QWords sangat kreatif mengemas produk hosting. Di mana lagi Anda bisa mendapatkan jenis paket Hosting' hingga hosting streaming? Hanya di QWords!
10. JAGOAN HOSTING
Anda akan menyukai web resmi Jagoan Hosting ini. UX mereka keren, selain hosting mereka juga murah. Sangat direkomendasikan untuk proyek kecil-kecilan.
10 Daftar Web Hosting Indonesia Terbaik Tahun 2019
Apa sih Domain itu?
Domain adalah sebuah nama unik untuk mengidentifikasi suatu server komputer (seperti web server, mail sever) di jaringan komputer...
Intro : Em C Em
Em C Am Em
Em
Seorang anak kecil bertubuh dekil
Bm C Em
Tertidur berbantal sebelah lengan
D C Em
Berselimut debu jalanan
Em
Rindang pohon jalan menunggu rela
Bm C Em
Kawan setia sehabis bekerja
D C Em
Siang diseberang sebuah istana
D C Em
Siang diseberang istana sang raja
Reff I :
C D G Em
Kotak semir mungil dan sama dekil
C D G Em
Benteng rapuh dari lapar memanggil
C D G Em
Gardu dan mata para penjaga
C D F Em
Saksi nyata yang sudah terbiasa
Em
Tamu negara tampak terpesona
Bm C Em
Mengelus dada, gelengkan kepala
D C Em
Saksikan perbedaan yang ada
Reff II :
C D G Em
Sombong melangkah istana yang megah
C D G Em
Seakan meludah diatas tubuh yang resah
C D G Em
Ribuan jerit didepan hidungmu
C D F Em
Namun yang ku tau tak terasa menggangu
Interlude : Em Bm C Em
Em Bm C Bm C Am Em D C D Em
Kembali ke Reff I, Reff II 2x
Em
Gema azan ashar sentuh telinga
Bm C B
Buyarkan mimpi si kecil siang tadi
G Am
Dia berdiri malas melangkahkan kaki
C B Em
Diraihnya mimpi, dingenggam tak dilepaskan lagi
Ending : Em Bm C Em 2x
Lirik dan Kunci Gitar Siang Seberang Istana - Iwan Fals
Intro : Em C Em
Em C Am Em
Em
Seorang anak kecil bertubuh dekil
Bm ...
