Coretan Bang Dadan

Coretan Bang Dadan

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 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



Untuk dapat menggunakan font icon awesome diatas, langkah pertama yang harus anda lakukan yaitu menambah styleshet dibawah ini dan menyimpannya tepat diatas kode </head>
<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.

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 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.

◉ Selanjutnya silahkan anda tambahkan gadget label pada pengaturan dashboard anda dan pilih tampilannya Label Cloud.

Sekian dulu pembahasan kita kakli ini tentang Cara Membuat Label/Kategori Warna Warni di Blog. Selamat mencoba dan semoga bermanfaat.

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 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 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 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:

Cara Memasang Tombol Share Sosial Media di Blog

◉ Pertama Buka Dashboard Blogger anda, kemudian pilih Edit HTML (backup template anda di notepad untuk berjaga - jaga)
◉ Cari Kode ]]></b:skin> atau </style> lalu copy dan paste kode di bawah ini tepat di atasnya.
/* 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;}
 ◉ Lalu klik simpan

◉ 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.
<div id='sharebangdadan'>
  <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a>
  <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a>
  <a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a>
  <a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + 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='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a>
</div>
◉ Lalu klik simpan template
◉ 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.

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 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:
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

Klik untuk memperbesar
▪ Selanjutnya silahkan anda login pada akun penyedia layanan domain anda kemudian pilih domain
▪ 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

▪ Selesai. ip.adress google tidak mesti di tambahkan lagi.

▪ 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.

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 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.

Lirik dan Kunci Gitar Siang Seberang Istana - Iwan Fals

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

Back To Top