-->
Home » Penelusuran blogger tutorial

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.

Cara Screenshoot Full Page Blog di Google Chrome

Salam sejahtera kawan. setelah sekian lama bang dadan fakum dalam dunia blog kali ini bang dadan akan coba kembali memulai / meneruskan minat menulis bang dadan dalam sebuah artikel di blog.


Seringing perkembangan jaman dan waktu yang terus berlalu banyak hal yang ketinggalan dalam dunia blogging, namun tidak mematahkan semangat saya akan terus mencoba belajar dan terus belajar guna menyalurkan minat hobi menulis ini.

Nah pada kesempatan kali ini bang dadan akan coba menulis sebuah tutorial tentang Cara Screenshoot Full Page Blog di Chrome sobat yang sering berkecimpung di dunia blog mungkin sudah tidak asing lagi dengan Cara Screenshoot Full Page Blog atau Cara Menangkap Layar Secara Keseluruhan. Mungkin yang lain yang belum tahu bagaimana Cara Screenshoot Full Page Blog silahkan sobat simak artikel ini sampai tuntas.

Menangkap layar secara keseluruhan mungkin contohnya bisa sobat lihat pada tampilan bog/website yang full memanjang dari atas ke bawah atau dari mulai header sampai body. Atau bisa lihat pada gambar dibawah ini


Silahkan di zoom untuk melihat gambar agar lebih jelas.
Bagi sobat yang sudah penasaran ingin mencobanya berikut caranya silahkan praktekan dengan benar.

Cara Screenshoot Full Page Blog di Chrome

Pertama silahkan sobat buka browser chrome dan kunjungi link berikut https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl 
Kemudian silahkan sobat pasang ekstensi chrome tersebut
setelah terpasang nanti ekstensi tersebut bakal muncul pada pojok kanan atas google chrome anda

Silahkan sobat lihat gambar diatas yang dilingkari merah, itu icon screenshoot full page yang sudah terpasang pada browser google chrome kalian.
Nah sekarang cara menggunakannya seperti ini:

Cara Menggunakan Screenshoot Full Page Chrome

Pertama silahkan sobat berada pada tampilan layar yang akan di screenshoot secara keseluruhan. kalau sudah sobat tinggal klik ikon foto / screenshoot yang ada di pojok kanan atas browser. Nanti otomatis akan berjalan dan langsung membuka tab baru hasil screen shoot tadi.
Selanjutnya sobat tinggal save gambar screenshoot tersebut pada pc/laptop kalian. Mudah kan ?

Mungkin cukup sekian dulu tutorial kali ini tentang Cara Screenshoot Full Page Blog di Chrome. Semoga bermanfaat. dan nantikan tutorial lain yang lebih seru dan bermanfaat tentunya di blog ini.

Cara Membuat Postingan Blog Menjadi 3 Kolom

contoh postingan blog 3 kolom

Cara Membuat Postingan Blog Menjadi 3 Kolom - Sahabat blogger, setelah sebelumnya saya bang dadan membahas Cara membuat postingan blog menjadi 2 kolom, kali ini bang dadan akan coba bahas Cara Membuat Postingan Blog Menjadi 3 Kolom, kalau dari segi cara atau step by stepnya, postingan ini sebenarnya sama saja sob dengan postingan yang lalu, namun untuk menjadikan 3 kolom kita hanya perlu merubah kode html-nya saja, dan berikut saya akan berikan kode html untuk membuat postingan blog menjadi 3 kolom tersebut.
Berikut kode HTML nya :
&lt;b:if cond=&#039;data:blog.pageType != &amp;quot;item&amp;quot;&#039;&gt;&lt;style&gt;.post {width:285px;height:400px;margin-right:5px;overflow:hidden;float:right; background:#F2F2F2border:3px double #808080;} .post h2{font-size:13px;border-radius:0px;}#main-wrapper{width:620px;}.post-body{font-size:0px;}.post{margin-left:10px;border:3px solid #242424;width:30%;margin:5px;padding:0px;height:210px; /* Sesuaikan tingginya sesuka hati */float:left;}.post:hover{-webkit-animation-name: pulsate;-webkit-animation-duration:.4s;-webkit-animation-timing-function: ease-in-out;}@-webkit-keyframes pulsate {0% { background:#66f;}50% {background:#66f;}90% {background:#336;}100% {background:#336; }}.postmeta{display:none;}.post-footer{display:none;}/* Clear CSS Float */#blog-pager,h2.date-header {clear:both !important;}
&lt;/style&gt;&lt;/b:if&gt;

Nah kalau sobat belum tahu cara pemasangan kode tersebut sobat bisa melihat tata caranya pada postinga sebelumnya yaitu Cara Membuat Postingan Blog Menjadi 2 Kolom, dan bisa sobat Klik Disini.

Mungkin sekian dulu pembahasan kali ini tentang Cara Membuat Postingan Blog Menjadi 3 Kolom, semoga artikel ini bermanfaat buat para blogger semua.. sampai berjumpa lagi dan salam blogger..

Cara Membuat Psting Blog Menjadi 2 Kolom

Contoh Pstingan Blog 2 Kolom
Cara Membuat Psting Blog Menjadi 2 (Dua) Kolom - sahabat blogger, sudah sekian lama bang dadan tidak posting artikel tentang tutorial blogger, nah kali ini bang dadan akan coba membuat artikel tentang Cara Membuat Psting Blog Menjadi 2 Kolom, Postingan ini mungkin sudah banyak yang membuat terutama para master blogger, namun tidak ada salahnya juga bila bang dadan coba membuatnya kembali, karena ada sebagian sahabat blogger juga yang menanyakan hal tersebut, maka dari itu pada postingan kali ini akan coba bang dadan bahas. simak baik - baik ya??

Cara Membuat Psting Blog Menjadi 2 Kolom
  • Buka Akun Blogger Anda.
  • Masuk ke Dashboard.
  • Pilih Menu Template ~> Edit HTML
  • Cari Kode ]]></b:skin>
  • Copy dan Paste kode dibawah ini dibawah kode ]]></b:skin>
Berikut kodenya :
&lt;style type=&#039;text/css&#039;&gt;
&lt;b:if cond=&#039;data:blog.pageType != &amp;quot;item&amp;quot;&#039;&gt;
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;}
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:250px;height:200px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
&lt;/b:if&gt;
&lt;/style&gt;


Silahkan sobat Klik Preview untuk melihat tampilan sementara dan apabila kelihatan sudah sempurna silahkan sobat klik Simpan Template.

Catatan:
  • Kode yang Berwarna Biru adalah untuk mengatur Tinggi dari postingan.
  • Kode yang Berwarna Merah adalah untuk mengatur Lebar dari postingan.
Mungkin sekian dulu postingan kali ini tentang Cara Membuat Psting Blog Menjadi 2 Kolom, dan apabila sobat berminat untuk memposting artikel power point di blog, silahkan klik disini. semoga artikel ini bermanfaat buat anda semua.. Salam blogger.

Membuat Widget Jejaring Sosial CSS, Facebook, Twitter, G+ dan RSS

Cara Membuat Widget Jejaring Sosial CSS, Facebook, Twitter, G+ dan RSS - Sahabat blogger setelah sekian lama bang dadan sudah krang posting artikel, karena ada kesibukan di alama nyata, nah baru kali ini bang dadan sempetin buat artikel lagi yaitu tentang Membuat Widget Jejaring Sosial CSS, Facebook, Twitter, G+ dan RSS, artikel ini saya buat karena ada permintaan dari teman blogger, dan semoga bermanfaat juga buat sahabat blogger yang lain.

Dan bagi sobat yang ingin melihat DEMO nya sobat bisa lihat disamping kanan blog ini, di slide yang tulisannya Jejaring Sosial. atau seperti gambar dibawah ini.

widget Jejaring sosial


Baiklah langusung saja kita pada pembahasan, simak baik - baik ya :)

Membuat Widget Jejaring Sosial CSS, Facebook, Twitter, G+ dan RSS

1. Masuk ke akun blogger
2. Menuju dasbor dan pilih tata Letak / Layout
3. Pilih Tambah Gadget/Add Gadget lalu pilih HTML/Javascript
4. Masukan kode dibawah ini pada HTML/Javascript


<style>#iconizr li {font-size:18px;font-family:shaun the sheep !important;
color:#cccccc;text-shadow:0px -1px 0px #000;cursor: pointer;height:41px;position: relative;border-top:none;border-bottom:none;list-style:none;}
#iconizr .icon {background: #d91e76 url('http://codecbd.googlecode.com/files/iconizers.png') 3px 0 no-repeat;background-color: rgba(217,30,118, .42);-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;border-radius:20px;display: block;color: #141414;float: none;height: 40px;line-height: 40px;margin: 5px 0 0;position: relative;text-align: left;text-indent: 50px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 250px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-ms-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0,0,0, .28) 0 1px 3px;-moz-box-shadow: rgba(0,0,0, .28) 0 1px 3px;-ms-box-shadow:rgba(0,0,0, .28) 0 1px 3px;-o-box-shadow: rgba(0,0,0, .28) 0 1px 3px;box-shadow: rgba(0,0,0, .28) 0 1px 3px;width:40px}
#iconizr li:after {color: #141414;content: attr(data-alt);display: block;height: 38px;line-height: 38px;position: absolute;left: 55px;top: 0;z-index: 2;}
#iconizr .icon {color: #fafafa;overflow: hidden;text-decoration: none;}
#iconizr .facebook {background-color: rgba(65,131,196, .42);background-position: 3px 0;}
#iconizr .twitter {background-color: rgba(74,191,226, .42);background-position: 3px -40px;}
#iconizr .gplus {background-color: rgba(206,26,29, .42);background-position: 3px -80px;}
#iconizr .rss {background-color: rgba(255,109, 0, .42);background-position: 3px -160px;}
#iconizr li:hover .icon {width:99%;}
#iconizr li:hover .icon {background-color: #d91e76;}
#iconizr li:hover .facebook {background-color: #2d76b9;}
#iconizr li:hover .twitter {background-color: #29b8e5;}
#iconizr li:hover .gplus {background-color:#E0181C;}
#iconizr li:hover .rss {background-color: #ff6d00;}</style>
<ul id="iconizr"><li data-alt="Follow me on Twitter"><a rel="external" href="http://twitter.com/bangdadan" class="icon twitter" target="_blank">Follow me on Twitter</a></li>
<li data-alt="Follow me on Facebook"><a rel="external" href="https://www.facebook.com/dadan.mistick" class="icon facebook" target="_blank">Follow me on Facebook</a></li>
<li data-alt="Find me on Google+"><a rel="publisher" href="https://plus.google.com/104872265724531472052" class="icon gplus" target="_blank">Find me on Google+</a></li>
<li data-alt="Subscribe via RSS"><a rel="external" href="http://feeds.feedburner.com/bangdadan" class="icon rss" target="_blank">Subscribe via RSS</a></li>
</ul>

Keterangan:
Ganti Tulisan yang berwarna merah dengan akun Twitter, Facebook, Google+ dan RSS Feed Sobat.

5. Klik simpan
6. Selesai

Mudah kan, semoga artikel Membuat Widget Jejaring Sosial CSS, Facebook, Twitter, G+ dan RSS, bermanfaat buat para pengunjung setia Coretan Bang Dadan. Salam blogger dan selamat mencoba membuat tampilan blog anda lebih menarik lagi.

Cara Membuat Google Custom Search Engine / Pencarian Khusus

Assalamu'alaikum Wr.Wb
Cara Membuat Google Search Engine / Pencarian Khusus - Sahabat blogger sudah hampir 3 minggu bang dadan tidak nulis artikel, wah ternyata kangen banget pengen cepet - cepet nulis, dan alhmadulillah pada kesempatan kali ini bang dadan bisa membuat artikel kembali. Menyambung dari artikel yang sebelumnya yakni  Cara Membuat Kotak Pencarian / Search Box di Blog, Artikel kali ini juga hampirsama dengan artikel sebelumnya, namum yang sekarang ini adalah Google Search Engine / Pencarian Khusus Google yaitu pencarian dari google namun tetap pada blog kita sob, hanya saja dalam hasil pencarian tersebut biasanya ada sebagian iklan google yang nampil di hasil pencarian, maklum saja mungkin karena ini gratis dan fitur inipun milik google.

google pencarian kustom
Oke langsung saja kalau sobat mau lihat DEMO nya bisa sobat lihat pada gambar di atas ini  sidebar blog ini. dan berikut saya akan coba uraikan bagaimana tahapan - tahapan untuk membuat Google Search Engine / Pencarian Khusus Google. simak baik - baik ya sob !! Hehe..

Cara Membuat Google Search Engine / Pencarian Khusus Google
1. Login dengan menggunakan Account Google
2. Silahkan kunjungi situs resminya di www.google.co.id/cse
3. Selanjutnya sobat akan dibawa kehalaman seperti gambar berikut

Step 1
Klik gambar utk memperbesar

4. Silahkan sobat klik Add seperti pada gambar yang dilingkari di atas
5. Selanjutnya anda akan dibawa pada halaman seperti gambar dibawah ini:

Step 2
Klik gambar utk memperbesar
6. - Pada kotak kosong, silahkan anda isikan URL Blog anda
    - Pilih bahasa seperti gambar yang telah dilingkari diatas
    - Selanjutnya klik Buat yang berwarna biru
7. Setelah itu anda akan dibawa lagi pada halaman seperti ini:

Step 3
klik gambar utk memperbesar
8. Selanjutnya silahkan sobat klik Dapatkan Kode seperti gambar di atas yang dilingkari
9. Selanjutnya anda akan melihat kode yang nantinya akan dipasang ke blog sobat kode itu kira-kira seperti berikut:

Step 4

10. Copy kode tersebut dan masukan ke blog anda

Cara memasang kode Google Search Engine / Pencarian Khusus bisa anda letakan pada HTML/Javascript atau bisa juga di dalam postingan.

Nah, mungkin sekian dulu pembahasan kita kali ini tentang Cara Membuat Google Custom Search Engine / Pencarian Khusus. semoga artikel ini bisa bermanfaat buat para pengunung setia Blog Coretan Bang Dadan.
Terimakasih dan sampai berjumpa kembali dilain waktu.

Billahitaufiq Walhidayah
Wassalamu'alaikum Wr.Wb

Definisi, Manfaat dan Cara Memasang Feedburner di Blog

Google Feedburner
Source image: blogwhatdesign.com
Definisi, Manfaat dan Cara Memasang Feedburner di Blog - Sahabat blogger pada kesempatan kali ini bang dadan akan coba membahas artikel yang mungkin artikel ini tidak asing lagi di mata para master - master blogger, namun bagi para blogger pemula mungkin ada saja yang belum tahu atau paha tentang Definisi, Manfaat dan Cara Memasang Feedburner di Blog.

Untuk itu kali ini saya akan coba bahas agar sahabat - sahabat blogger khususnya yang baru bisa mengerti arti, manfaat dal lain-lain tentang Feedburner.
Silahkan simak, berikut penjelasannya..!!!

Definisi Feedburner
Feedburner menurut saya pribadi ialah suatu tools dari google ytang memiliki kemampuan handal dalam mengelola blog. atau bisa juga sebagai media perantara terkenal dalam sebuah blogger dimana setiap gerak yang kita lakukan bisa direkam oleh feedburner, misal dari postingan baru, statistik, headlines news dll.

Manfaat Feedburner
Manfaat Feedburner yang bisa saya simpulkan antara lain ialah sebagai berikut:
  1. Headline Animator yang berfungsi untuk memasang animasi di atas blog kita yang menyajikan isi posting blog dalam ringkasan, hal ini dapat setting sesuai keinginan kita.
  2. Email Subcription, untuk memasang subcription yang ada pada blog jika menghendaki agar pengunjung blog bisa berlangganan dengan posting yang ada.
  3. Sosiallisasi yaitu layanan feed bagi blog agar dapat berinteraksi dengan layanan situs sosial seperti facebook atau twitter. Feed count layanan feed untuk memamerkan sirkulasi blog dengan para pengunjung.
  4. Mengetahui jumlah pembaca artikel blog (feedreader)
  5. Memuat artikel terbaru secara otomatis
  6. Dapat membuat widget artikel terbaru blog
  7. Sebagai sarana submit artikel baik ke google, yahoo, netbies dll
Cara Mendaftarkan dan Memasang Feedburner di Blog
  1. Kunjugi url berikut untuk masuk ke feedburer http://feedburner.google.com/ Masuk megguakan akun gmail Anda jika belum punya Anda bisa membuatnya disini.
  2. Setelah masuk isikan url feed anda pada form yang tersedia (biasaya berformat seperti ini http://domainanda.com/feed) jangan lupa cek tanda centang pada piihan I'm a podcaster Lihat gamber berikut agar lebih jelas :
claim blog
Image source : feedburner.google.com

3. Setelah itu pilih sumber untuk feedburner kita nanti, pilih yag dari blog saja, berikut ini screenshootnya :

identify feed
Image source : feedburner.google.com

4. Next step masukkan title feed dan feed address, biarkan saja default yang muncul saat kita proses pembuatan, lihat contohnya :

Welcome to Feedburner
Image source : feedburner.google.com

5. Setelah proses ini tinggal klik Next dan Next lagi, jangan lupa pada step terakhir centang semua fasilitas yang ada.seperti ini nih SSnya :

Traffic Statistics
Image source : feedburner.google.com

6. Klik next dan sekarang blog anda telah terdaftar dalam Feedburner Google

Mungkin sekian pembahasan kita kakli ini tentang Definisi, Manfaat dan Cara Memasang Feedburner di Blog, semoga artikel ini bermanfaat untuk anda semua. salam blogger..!!!

Mengatasi Duplicate Meta Ttitle dan Meta Deskripsi pada Webmaster Tools

Mengatasi Duplicate Content
Mengatasi Duplicate Meta Ttitle dan Meta Deskripsi pada Webmaster Tools - Sahabat blogger pada kesempatan yang lalu bang dadan telah membahas Mengenal Fungsi Menu dalam Webmaster Tools. disana telah bang dadan jelaskan beberapa fungsi menu dalam webmaster tools namun untuk kali ini bang dadan coba menjelaskan sedikit cara yang pernah bang dadan gunakan untuk Mengatasi Duplikat Meta Title dan Deskripsi Pada Webmaster Tools.
Baiklah sekarang coba kita pelajari dan pahami bersama - sama pembahasan kali ini, dan bang dadan juga minta kepada para master blogger untuk memberikan saran tetang pemasangan robot.txt untuk blog.

Mengatasi Duplicate Meta Ttitle dan Meta Deskripsi pada Webmaster Tools
Umumnya yang sering terjadi di blog yang memakai blogspot duplicated deskripsi maupun title tags di akibatkan oleh googlebot yang mengindeks ?m=0 dan archive, untuk archive sendiri sebenarnya blogger sudah menyiapkan cara yang dapat kita gunakan untuk tidak mengindeks nya dengan cara pergi ke dasbor blog > Preferensi Penelusuran > Tag Header robot khusus, disitu kamu bisa mensetting nya untuk menyuruh atau perintahkan robot search engine untuk tidak mengindeks atau mengcrawl archive.
atau dengan cara memasang
Disallow: /*archive.html di Robot.txt Khusus,
Atau bisa juga memasang

<meta content='NOARCHIVE' name='robots'/> di HTML blog.

sedang kan untuk ?m=1 atau ?m=0 versi mobile nya ini lah yang paling banyak menyebabkan duplicate deskripsi dan title tags diblog setelah archive "ini menurut saya". Untuk mengatasi nya mungkin kamu bisa memasukan
Disallow: /?m=1
Disallow: /?m=0
Di dalam Robot.txt khusus.

atau kamu bisa mengikuti robot,txt saya untuk mengatasi duplicate yang di akibatkan oleh ?m=0 dan archive, yang sudah saya buktikan bagaimana efeknya setelah memasang robot.txt pada postiigan sebelumnya, dan bisa anda lihat disini.
dan berikut tambahan apabila sobat ingin mengatasi duplikat tersebut:
User-agent: Googlebot
Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0
Disallow: /*?
Disallow: /search
Disallow: /*archive.html
Allow: /atom.xml?*
Allow: /

User-agent: *
Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0
Disallow: /*?
Disallow: /search
Disallow: /*archive.html
Allow: /atom.xml?*
Allow: /
Kenapa ada 2.?
yang pertama di khususkan untuk bot google User-agent: Googlebot
dan yang kedua untuk Semua/Seluruh bot search engine User-agent: *
Disallow: /?m=0 untuk menyuruh bot memblokir /melarang URL yang memiliki akhiran ?m=0
Disallow: /*?m=0 untuk memblokir atau melarang seluruh URL yang mengandung ?m=0
Disallow: /*archive.html untuk melarang bot mengindeks archive
Disallow: /search ini boleh digunakan juga boleh tidak ini untuk melarang/memblokir mesin pencari yang ada di dalam blog untuk di indeks
Allow: /atom.xml?* untuk mengurangi terjadi nya masalah saat mengirim sitemap di webmaster search engine dan di izinkan untuk di indeks.
dan terakhir Allow: / untuk mengizinkan bot search engine mengindeks homepage atau halaman depan,

Sebenarnya banyak yang bisa ditambahkan di robot.txt ini mana yang boleh untuk di indeks dan mana yang tidak boleh, sebagai contoh google.com/robot.txt kamu akan melihat berapa banyak yang di gunakan google untuk memblokir dan mengiznkan apa yang boleh di indeks dan mana yang tidak.
itu lah yang dulu sering saya lakukan ketika ingin menguji robot.txt saya dengan cara mengintip/survei robot.txt web atau blog orang lain dan akhirnya mendapatkan hasil seperti syntax di atas.

Mungkin sekian pembahasan kali ini tentang  Mengatasi Duplicate Meta Ttitle dan Meta Deskripsi pada Webmaster Tools, semoga artikel ini bisa bermanfaat bagi anda semua yang membutuhkan.
Terimakasih dan sampai berjumpa di postingan selanjutnya.

Cara Membuat Contact Blog dengan Emailform

Sahabat blogger, kali ini mungkin saya agak jarang online atau tulis artikel, karena modem saya hilang ada yang mencuri, jadi mohon maaf apabila ada komentar atau pesan inbox email yg telat saya balas, jadi harap maklum ya sob?

Oy pada postingan kali ini saya akan coba bahas Cara Membuat Contact Blog dengan Emailform, apabila sobat ingin melihat DEMO nya silahkan sobat klik Contact yang ada pada menu horizontal blog ini.

Cara ini juga dapat dilakukan pada blog anda. Ada banyak layanan contact form yang disediakan diluar sana seperti: http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com, http://www.bravenet. com dan masih banyak lagi. Semuanya disediakan secara gratis.

Karena saya sendiri menggunakan layanan dari emailmeform maka disini saya akan membahas tentangMembuat Form Kontak (Contact Us) Dengan Emailmeform. Bagi yang tertarik silahkan ikuti langkah-langkah dibawah ini:

Cara Membuat Contact Blog dengan Emailform


2. Klik SignUp for free

3. Kemudian isilah data-data anda dalam form yang disediakan lalu klik Sign Up

4. Setelah itu, anda akan dikirimkan sebuah email konfirmasi.

5. Buka email anda lalu klik pada link yang diberikan.

6. Setelah itu, anda akan mendapat pesan "Confirmation successful. Thank You for completing the signup process". Lalu klik here pada tulisan "Please click here to go into your Control Panel" untuk menuju ke halaman control panel anda.

7. Klik Create New Form yang terletak disebelah kanan halaman.

8. Kemudian anda akan diantar ke halaman pembuatan form seperti ini:
Web Form Name: Isi nama form yang anda inginkan atau dibiarkan saja karena sudah diberi nama secara otomatis
Recipients Emails: Dibiarkan saja karena sudah berisi alamat email anda atau hapus jika anda mau ganti dengan alamat email yang lain.
Spam Email address: Isi alamat email yang mau digunakan untuk menerima email sampah. Jika tidak mau dikosongin aja.
Thank you page: Isi halaman blog yang berisi ucapan terima kasih. Jika tidak ada, isi saja dengan alamat blog anda
Number of fields: Dibiarkan saja
9. Jika sudah klik Next kemudian anda akan masuk kehalaman pengeditan teks. Step ini bisa anda lakukan setelah anda berhasil membuat formnya jadi kita lewatkan saja dengan klik Next.

10. Klik Next lagi. Jika anda ingin memberi teks diatas form seperti contoh dibawah ini:

Membuat Contact Blog dengan Emailform

11. Isi teks yang ingin anda tampilkan pada kolom Form Decription.

12. Jika sudah klik Next

13. Kemudian klik Next lagi

14. Anda akan diperlihatkan tampilan form yang sudah anda buat.

15. Klik Finish

16. Klik Get the HTML codes

17. Copy kodenya lalu pastekan ke blog anda

18. Selesai.


Form kontak (contact us) sekarang sudah jadi dan jika anda ingin mengedit tampilan form. Masuk ke menu Control panel, klik Forms list lalu klik edit. Editlah tampilan formnya sesuai keinginan sobat..!!
Mungkin sekian dulu pembahasan kita kali ini tentang Cara Membuat Contact Blog dengan Emailform, semoga artikel ini bermanfaat bagi anda semua. dan selamat mencoba !! Semoga sukses..

Kelebihan Membuat Blog di Blogger dibanding blog lain

Kelebihan Blogspot dibanding blog lain
www.blogger.com
Kelebihan Membuat Blog di Blogger dibanding blog gratisan yang lain - Pada kesempatan kali ini bang dadan akan coba membahas sedikit tips khususnya bagi anda yang belum tahu layanan pembuat blog apa sih yang lebih baik untuk membuat blog/website?

Sahabat blogger mungkin sudah mengenal beberapa layanan blog gratisan seperti blogger.com/blogspot, wordpress, joomla dan lain-lain. namun pada kesempatan kali ini bang dadan akan coba membahas Kelebihan Membuat Blog di Blogger dibanding blog gratisan yang lain, artikel ini bang dadan kutip dari para pembuat/jasa pembuatan blog/website yang tidak hanya di blogger, namun mereka juga sering membuat jasa pembuatan blog/website seperti di wordpress, joomla dll.

Berikut yang dapat saya kutip tentang Kelebihan Membuat Blog di Blogger dibanding blog gratisan yang lain.
dan menurut bang dadan juga blog di blogger/blogspot akan lebih unggul karena layanan penyedia blogspot ialah Google sendiri si Raja internet. baiklah silahkan sobat simak langsung saja pembahasannya sbb:

Kelebihan Membuat Blog di Blogger dibanding blog gratisan yang lain
1. Membuatnya sangat mudah dan jika kita menggunakan akun google lainya seperti gmail.com , 4shared.com, akun google webmaster serta lainya. maka kita tidak perlu membukanya satu persatu, karena dengan membuka akun google maka semua akun tersebut sudah terbuka.

2. Mendukung javascript, sehingga kita bebas menaruhnya di blog kita. tentunya bermanfaat untuk menghiasnya supaya indah dan cantik.

3. Menggunakan bahasa HTML. sehingga mudah di otak-atik bagi orang yang suka dengan bahas pemrograman yang sederhana ini.

4. Mendukung banyak template, dan sekarang ini sudah banyak template woordpres yang di convert ke template blogspot sehingga sekarang ini blogspot memiki banyak sekali pilihan template siap pakai.

5. Gratis, ini memang semua sudah tau :) dan saya masukan sebagai salah satu kelebihan blogspot. namun jangan lupa mempelajarinya, dan bagaimanapun harus keluar uang untuk mendapatkan ilmu cara mengelolalnya

6. Memiliki space yang besar dengan unlimited bandwitht, sehingga asal konten kita tidak mengandung unsur pornografi, dan unsur blog spam. maka blog kita akan berumur panjang dan tidak akan dihapus oleh google. jadi berlaku seumur hidup. tanpa memikirkan biaya sewa hosting.

7. Bisa diganti domain berbayar dengan mudah, tanpa harus memindahkan hostingan kita ke hosting berbayar. jadi kalau ingin mengganti alamat blog dari www.domainandablogspot.com menjadi www.domainanda.com tinggal memberi domainya saja dan bisa langsung di setting di blog, untuk yang satu ini kami juga menjual :)

8. Sangat seo frendly, dengan mendaftarkannya ke google, dan mensitemapnya. blogspot sudah mampu bersaing di kancah seo, jika blog lain kita harus memaksimalkan seo dengan mengganti url blog kita, namun untuk blogger kita langsung mendapatkan url yang seo friendly

9. Navigasi blog sangat mudah dipahami, karena begitu masuk kita disuguhkan tampilan yang sederhana dan juga mudah dipelajari. [Syar'ie Blogermaker]

Nah mungkin itu sedikit pembahasan tentang Kelebihan Membuat Blog di Blogger dibanding blog gratisan yang lain, semoga sahabat bisa memilah dan memilih mana layanan blog yan pantas dan baik untuk sobat. Bila sobat ingin membuat Blog/Website di Blogger/Blogspot silahkan klik Disini. dan syarat untuk membuat blog di blogger/blogspot ialah harus mempunyai email di gmail.com, bisa sobat lihat disini tutorial membuat email di gmail.
Sekian pembahasan kali ini, dan semoga artikel ini bermanfaat buat anda semua. Terimakasih dan sampai jumpa di postingan selanjutnya.

Membuat Emoticon di Kotak Komentar Blogspot

Cara Membuat Emoticon di Kotak Komentar Blogspot - Sahabat blogger, hampir seminggu ini bang dadan tidak membuka blog, rasanya kangen ingin cepat - cepat membuat tulisan, nah pada kesempatan kali ini alhamdulillah bang dadan bisa kembali membuat postingan lagi, kali ini bang dadan akan coba membhasa artikel tentang Membuat Emoticon di Kotak Komentar Blogspot.

emoticon komentar blog

sahabat blogger mungkin pernah bahkan sering melihat sebuah komentar para blogger yang ada emoticon nya,  ini merupakan suatu design saja agar tampilan komentar pada blog kita menjadi lebih menarik dan lebih unik, jika sobat ingin melihat demonya silahkan sobat lihat gambar dibawah ini, atau pada komentar blog ini.

Baiklah tidak usah panjang lebar lagi, langsung saja kita menuju TKP :

Cara Membuat Emoticon di Kotak Komentar Blogspot
1. Login ke blog
2. Masuk ke dasbor/rancangan kemudina pilih Template
3. Pilih Edit HTML *jangan lupa centang expand template widget
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini dan pastekan diatas ]]></b:skin>
.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}

6. Copy kode dibawah ini dan pastekan dibawah tag <b:if cond='data:post.embedCommentForm'> atau pastekan diatas tag </body>

 Berikut kodenya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script src='http://codecbd.googlecode.com/files/emotion-coment.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Beri spasi sebelum memasang emoticon.";
//]]>
</script>
Keterangan: jika dalam template sobat sudah ada kode yang berwarna merah di atas, sobat tidak usah memasang nya lagi.

7. Selanjutnya klik Simpan Template selesai

Silahkan sobat coba berkomentar di blog sendiri dan beri emoticon, dan lihat hasilnya..!!
Sekian dulu pembahasan kita kali ini tentang Cara Membuat Emoticon di Kotak Komentar Bogspot, dan semoga artikel ini bermanftaat buat anda semua, selamat mencoba dan semoga sukses..!!

11 Tips Agar Membuat Blog SEO Friendly

11 Tips Agar Membuat Blog SEO Friendly
Blogging telah memberikan kesempatan yang luar biasa bagi individu rata-rata untuk membuat dan mendistribusikan konten mereka sendiri di mana-mana.

Ini platform komunikasi revolusioner telah memungkinkan penerbit untuk menjangkau lebih mudah dan cepat kepada khalayak yang sangat ditargetkan. Ini telah memungkinkan para pemimpin pemikiran baru untuk datang ke menonjol dan memenangkan orang asing ke cara berpikir mereka.
Untuk internet marketer cerdas, blogging telah menjadi sebuah metode untuk mencapai jumlah besar dari klien potensial. Namun, blogging adalah tidak lebih dari sebuah platform komunikasi. Pemasar online yang memandang blogging sebagai cara untuk memasarkan ide-ide mereka dan merek perlu memasukkan SEO untuk menyebarkan berita tentang apa yang mereka tawarkan.

HAmpir semua blogger menganggap SEO sebagai bagian dari strategi menulis mereka, karena bisa memberikan kualitas baik terhadap konten blog. Mereka menggunakan blog mereka untuk mengekspresikan perasaan mereka dan berbagi pengetahuan mereka dengan penonton. Ini juga merupakan cara bagi mereka untuk jaringan dengan berpikiran pemimpin pemikiran.

Jika Anda adalah blogger pemula, Anda perlu memahami bahwa SEO adalah komponen yang sangat penting dari blogging. Tidak ada gunanya dalam menayangkan pikiran dan perasaan Anda jika orang tidak dapat menemukan mereka. Anda perlu SEO untuk menarik pembaca yang tepat untuk konten Anda.

Inilah 11 Tips Agar Membuat Blog Anda SEO Friendly

1. Membantu orang untuk menemukan Anda dengan mudah
search engine
Bagaimana bisa orang menemukan blog Anda di antara jutaan orang lain di Web? Pada dasarnya, topik utama blog Anda harus terhubung langsung ke apa yang orang ketik di Google ketika mereka mencari informasi yang berhubungan dengan topik Anda.
Setelah Anda punya ide yang baik, jangan sedikit riset dengan penggunaan alat freekeyword Google. Mungkin ada lebih tepat (artinya, lebih produktif) kata-kata dan frase untuk menargetkan daripada yang pertama yang datang ke pikiran Anda.
Jangan mencoba untuk menebak mana kata-kata orang mungkin gunakan untuk menemukan Anda. Anda ingin mempekerjakan kata kunci yang tepat bahwa orang-orang yang telah menggunakan untuk mencari informasi yang berkaitan dengan topik Anda. Gunakan alat kata kunci penelitian untuk mengidentifikasi mereka. Salah satu yang datang sangat sangat dianjurkan adalah Google AdWords Keywords Tool.

2. Selalu fokus pada pembuatan konten berkualitas tinggi
artikel berkualitas
Konten Anda tidak harus mengesankan. Namun, tidak harus mengekspresikan ide-ide yang berguna dalam cara yang cerdas.
Berusaha untuk memberikan konten berkualitas tinggi yang memenuhi kebutuhan audiens Anda. Konten tersebut akan membuat orang lebih mungkin untuk menjadi setia kepada Anda. Mereka juga lebih mungkin untuk berbagi konten Anda dengan orang lain. Semakin banyak orang berbagi konten Anda karena nilainya, backlink lebih alami akan terhubung ke blog Anda.

3. Tinggalkan komentar berarti pada blog orang lain
komentar blog
Saya menekankan kata yang bermakna di sini. Jangan hanya taburi pernyataan di mana-mana demi link dumping pada properti orang lain secara online.
Perlu diketahui bahwa link pada komentar menawarkan sangat sedikit dalam cara SEO manfaat. Apa yang mereka yang besar untuk ini mengingatkan orang lain tentang apa yang harus Anda katakan pada topik-topik tertentu. Ketika mereka menyukai apa yang mereka baca dari Anda, ada kemungkinan mereka akan mengklik link anda untuk mempelajari lebih lanjut tentang Anda. Pastikan bahwa blog Anda mengomentari yang terkait dengan niche Anda, sekalipun.

4. Gunakan platform blogging extensible
blogger dan wordpress
Blogger.com, yang dimiliki oleh Google, yang populer di kalangan blogger pemula. Tapi setelah Anda dewasa sebagai seorang blogger, Anda mungkin akan ingin beralih ke Wordpress - salah satu platform blogging yang paling fleksibel dan extensible yang tersedia.
Anda dapat mempersenjatai Anda blog Wordpress dengan plugin dan ekstensi untuk membuatnya fleksibel dan semi-otomatis, yang akan membuatnya lebih mudah dan lebih cepat bagi Anda untuk mengelola tata letak, internal menghubungkan, dan moderasi komentar.
WordPress juga memiliki plugin yang membuat SEO jauh lebih mudah. Misalnya, plugin dapat membantu Anda membuat sitemap yang memungkinkan mesin pencari untuk menjelajah blog Anda lebih efektif.

5. Gunakan domain sendiri
Menggunakan domain sendiri
Menggunakan domain Anda sendiri tidak hanya bermanfaat dalam hal peringkat lebih tinggi dalam pencarian. Hal ini juga membuat situs Anda terlihat lebih kredibel.
Otoritas adalah salah satu faktor peringkat bahwa Google dan mesin pencari lainnya digunakan. Juga, dengan nama domain yang menyandang nama merek Anda, audiens Anda akan mengagumi Anda lebih, mereka akan cenderung menganggap Anda cukup serius tentang blogging

6. Membuat beban situs Anda lebih cepat
Loading blog
Search engine mengambil kecepatan beban menjadi pertimbangan ketika mereka peringkat situs. Peringkat Anda bisa menderita dampak negatif jika blog kecepatan beban Anda lambat.
Juga, kecepatan beban yang cepat memberikan pengalaman pengguna yang lebih positif. Tidak ada yang mengganggu pengunjung lebih dari halaman yang beban pada siput (kecuali mungkin pop-up!).

7. Jauhkan judul pendek dan sederhana
Title Blog
Tidak apa-apa untuk menggunakan judul pintar yang bisa menarik perhatian orang, jika Anda bisa tetap pendek dan sederhana. Judul halaman muncul dalam pencarian, tapi layak hanya 64-70 karakter '. Pastikan Anda menggunakan kata kunci Anda sangat awal dalam judul, bukan menjelang akhir itu. Google menempatkan nilai lebih pada judul dan tag judul yang memiliki kata kunci dekat awal

8. Keyword mengoptimalkan gambar
optimalisasi gambar
Gambar menarik pembaca. Mereka membuat posting blog lebih menarik. Itulah bagian manusia. Untuk mesin pencari, Anda perlu membantu mereka memahami apa gambar Anda adalah semua tentang dengan memasukkan tag alt.
Search engine spider tidak memahami gambar (setidaknya saat ini). Satu-satunya cara bagi mereka untuk mengetahui apa yang ada di gambar adalah jika mereka terikat dengan tag alt yang mengandung kata kunci.

9. Menghubungkan internal Link
internal Link
Ini sangat direkomendasikan bahwa Anda menghubungkan setiap posting blog Anda ke posting lainnya, posting terkait di situs. Ini mempromosikan baik tingkat bouncing, dan itu juga bagus untuk SEO.
Ada berbagai cara untuk melakukan hal ini. Anda dapat menghubungkan dalam posting, menempatkan "posting terkait" bagian sidebar, dan termasuk "fitur posting" bagian dalam homepage.

10. Menghubungkan eksternal Link
eksternal Link
Periksa blog lain yang berhubungan dengan topik Anda. Kemudian link ke contoh terbaik. Pengguna Anda akan menghargai ketika Anda memberikan informasi tambahan yang berguna bagi mereka. Selain itu, para blogger Anda link ke akan senang dan dapat membalas budi dengan menghubungkan kembali ke blog Anda. Semua ini adalah baik untuk SEO.

11. Berikan Sambutan kepada tamu blog
Guest blogging
Guest blogging atau tamu posting adalah salah satu dari top hari ini link-bangunan taktik. Ini memberi Anda kesempatan untuk membangun diri sebagai ahli di bidang Anda. Ini juga merupakan cara yang bagus untuk mendapatkan blog Anda perhatikan oleh blogger lain.
Blogging tamu menyediakan blog Anda dengan jus hubungan yang signifikan, terutama jika blog Anda bisa menulis untuk sebagai tamu adalah blog yang sangat berwibawa.

Kesimpulan
Apa pun yang Anda lakukan, jangan dipikirkan. Hanya mencoba untuk menjadi alami ketika blogging. Dengan segala cara, jangan mencoba untuk mengesankan orang lain. Hanya mengungkapkan apa yang harus Anda katakan sementara berjuang untuk membuat posting yang menawarkan nilai tinggi informasi kepada audiens Anda.

Mungkin sekian pembahasan kita kali ini tentang 11 Tips Agar Membuat Blog SEO Friendly, semoga artikel ini bermanfaat bagi anda semua. dan apabila anda ingin mempelajari lebih lanjut tentang SEO silahkan baca artikel berikut tentang kumpulan tutorial SEO untuk Pemula.

Selamat membaca dan salam blogger..!!!
Back To Top