Cara Menggunakan Webmaster Tools

Google Webmaster Tools

Pada postingan lalu kita telah mempelajari tentang cara mendaftarkan blog ke google agar bisa terindeks oleh google. Tujuannya agar blog kita bisa dicari melalui mesin pencari google dan orang lain bisa  menemukannya.

Nah kali ini saya akan mengajarkan cara memberdayakan blog melalui webmaster tools milik google. Layanan gratis ini, terkadang para blogger tidak mengetahuinya, padahal manfaatnya bagus untuk perkembangan blogger.

Mungkin karena banyak yang tidak mengerti atau bahkan tidak tahu cara mendaftar dan menggunakannya, sehingga tidak ada yang mencoba menggunakan fungsi ini.

Tapi dalam postingan ini kita akan belajar menggunakan tools ini bersama. Baiklah, kita ikuti cara-caranya seperti berikut.

• Buka link ini Webmaster Tools 
• Setelah terbuka akan terlihat gambar seperti berikut dan kalian klik "Tambahkan Properti"
• Setelah itu masukkan URL blog atau website kalian dan klik "Tambah"

• Jika sudah kalian coba refresh halaman tersebut, ketika sudah muncul seperti dibawah ini, maka kalian sudah berhasil.

Nah pada tahap selanjutnya sebenarnya akan banyak tools pada webmaster, tetapi karna saya juga belum terlalu memahami semua fungsi toolsnya, maka saya akan mengajarkan fungsi yang menurut saya lumayan penting untuk blog atau website kalian.

• Klik pada nama web kalian yang sudah terdaftar
• Setelah itu klik "perayapan" dan klik "fetch as google"
• Masukan salah satu URL Blog kalian yang ingin kalian index. setelah itu klik "ambil"
• Jika sudah klik "minta pengindexan"
• Selesai !!

Ini tujuannya untuk mengindex website atau blog kita juga digoogle, jadi ketika orang mencari blog atau website kita maka akan ketemu digoogle. sekian dulu kali ini, semoga bermanfaat !!

Baca Selengkapnya >>>

Cara Mendaftarkan Blog ke Google

Cara Mendaftarkan Blog ke Google

Jika kalian baru pertama kali membuat blog kalian pasti meng-inginkan blog kalian muncul di mesin pencarian google, tapi agar website atau blog kalian muncul di google kalian harus mendaftarkannya terlebih dahulu, jika belum kalian daftarkan, mau kalian tunggu sampai kapanpun, web kalian tidak akan muncul dimesin pencarian google.

Sebelum kita pelajari cara mendaftarkan blog kalian ke google, saya ingin memberitahu pentingnya blog kita terindex oleh google. Dengan terindex oleh google, maka secara tidak langsung kita mengundang pembaca lebih banyak, karena ketika konten kita sesuai dengan apa yang pengunjung cari, maka website kita pasti akan muncul

Tapi kalian jangan berharap dengan terdaftar di google blog atau website kalian tidak akan serta merta muncul di halaman pertama pencarian google. Tapi setidaknya, kita akan terindex (terdata). 

Agar bisa bersaing di halaman utama pencarian google, tidak mudah namun tidak susah juga. Semua bisa dilakukan, bahkan dari tempat kalian duduk saat ini, tanpa uang sepeserpun. Hanya dibutuhkan keuletan dan kerja konsisten untuk update konten kalian. 

Tehnik agar terindex oleh google ini disebut SEO (Search Engine Optimization). nanti akan saya berikan tutorialnya jika saya sudah menguasainya.

Klik link ini www.google.com/addurl kemudian, isilah URL dengan URL BLOG KALIAN, setelah itu kalian verifikasi, kalo sudah kalian klik submit request, jika sudah nanti akan ada tulisan "your request has been received and will be processed shortly" ,kalo masih bingung cek gambar dibawah ini:

Nah dengan begitu kalian hanya tingal menunggu website atau blog kalian terindex (terdata) oleh google, tidak langsung semua konten kalian terdeteksi, anggap saja google sedang meng-imput semua data website kalian, jadi harus bersabar yaa !!, Okk sekian dulu tutorial kali ini semoga bermanfaat !!

Baca Selengkapnya >>>

Cara Membuat Tab Menu Bar dengan Mudah di Blog

Banyak sekali yang menyediakan kode HTML untuk membuat Tab MenuBar, tapi sebenarnya pada blogger sendiri sudah menyediakan fasilitas tersebut, memang mungkin tidak seunik atau sebagus Custom yang dibuat oleh HTML tapi menurut saya yang menyukai kesederhanaan, fasilitas tersebut sudah lebih dari cukup untuk tampilan yang sederhana dan menarik. Berikut adalah contoh menu bar;

Menu bar yang berada dibagian paling atas blog punya banyak fungsinya. Salah satunya sebagai navigator atau sebuah kategori artikel kita yang membuat pengunjung mudah mencari tipe artikel yang ingin mereka baca. Kalian juga bisa menampilkan halaman statis atau bahkan halaman kategori dari blog kalian. Bukan hanya itu, kalian juga bisa menautkan menu bar dengan link dari web lain (Disarankan jika kalian mempunyai 2 website yang saling terhubung satu sama lain).

Cara Membuat Tab Menu Dengan Mudah di Blog

• Pertama, masuklah ke dashboar blogspot Kalian, lalu pilih "Tata Letak" dan klik "Tambah Gadget".
  
  
  

• Pada Jendela browser yang terbuka kalian pilih "Laman"

•  Jika kalian ingin menaruhnya di header "judul" kalian hapus, centang semua kategori yang ingin kalian tampilkan ditab menu, "tambahkan link eksternal" jika kalian ingin mengalihkan tab ke webstite lain.

•  Untuk menyetting model dan ukuran tulisan kalian tinggal masuk ke "Template" setelah itu klik "Sesuaikan" dan pilih "Latar tab"

•  Selesai !! Gampangkan ?? Semoga Bermanfaat !!

Baca Selengkapnya >>>

Cara Memasang Tombol Social Share Button Di Blogger

Social Media adalah salah satu tempat untuk mempromosikan blog kalian agar terkenal dan mendapatkan banyak pengunjung.

cara membuat tombol share addthis tutorial menggunakan addthis untuk membuat tombol share dibawah postingan blog membuat tombol share facebook di website cara membuat widget share di blog membuat tombol share keren di blog membuat tombol share di setiap postingan membuat tombol share facebook dengan php cara membuat tombol share melayang di blog tombol share responsive cara membuat tombol share melayang cara membuat tombol share melayang di samping atas bawah blog cara membuat memasang tombol share di bawah atas samping sidebar di samping kiri kanan tutorial cara memasang tombol share di blog wordpress blogger cara memasang tombol share sumome social share keren responsive ringan gratis mudah tutorial pemasangan ikon tombol social share tidak mau terload rusak tidak muncul kendala masalah cara memasang tombol social share diakhir postingan blog januari februari maret april mei juni juli agustus september november desember 2015 2016 2017 2018 2019

Jika kalian cukup pintar untuk memanfaatkan Social Media, seperti Facebook, Twitter, ataupun Google+, maka bukan hal yang tidak mungkin bahwa nanti blog kalian akan dikunjungi banyak pengunjung dan membuat blog kalian menjadi terkenal

Untuk dapat mengoptimalkan penggunaan Social Media, saya akan memberikan tutorial melakukan pemasangan tombol Social Share, pengunjung akan dapat membagikan artikel yang dimuat di situs Kalian ke Social Media hanya dengan mengklik 'suatu tombol tersebut'. Dan seperti yang saya tuliskan pada judul artikel ini "Cara Membuat Tombol Social Share di Blog", saya akan membagikan tidak hanya satu tapi 3 style tombol Social Share, jadi silahkan pilih tampilan style tombol yang kalian suka.

Untuk selengkapnya, silahkan ikuti langkah-langkah dibawah ini untuk memasang tombol social share di blog:

Cara Pertama = Style 1

• Cara Pertama akan membuat hasil tombolnya menjadi seperti ini :

• Pertama, Login Blogger kalian
• Setelah itu, masuk ke menu Template--> Edit HTML
• Tekan tombol CTRL+F (tombol yang berfungsi untuk mencari), kemudian cari kode <head>
• Jika sudah ketemu, copy-paste script dibawah ini tepat dibawah kode <head> 

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

• Kemudian cari kode <data:post.body/>
• Jika sudah, copy-paste script dibawah ini tepat diatas kode <data:post.body/> jika Anda ingin tombol social share muncul dibawah judul, dan pasang script dibawah ini tepat dibawah kode <data:post.body/> jika Anda ingin tombol share muncul di akhir artikel. 

<style>
.sharepost li{width:19%;padding:0;list-style:none;}
.sharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}
.sharepost li a:hover{opacity:1;color:#444;border:double #fff;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,
.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{background-color:#444;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px}
</style>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='sharepost'>
                <ul>
                <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>

                <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>

                <li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>

    <li><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' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>

                <li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>

                </ul>
         </div> </b:if>   

• Jika sudah selesai kalian "Simpan Template"
• Sekarang Lihat Blog kalian !!! 

Cara Kedua = Style 2

• Cara kedua akan membuat tampilannya menjadi seperti ini

• Pertama Login Blogger kalian 
• Setelah itu, masuk ke menu Template--> Edit HTML
• Tekan tombol CTRL+F (tombol yang berfungsi untuk mencari),kemudian cari kode <head>
• Jika sudah, copy-paste script dibawah ini tepat dibawah kode <head> 

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

• Kemudian cari kode <data:post.body/>
• Jika sudah, copy-paste script dibawah ini tepat diatas kode <data:post.body/> jika Anda ingin tombol social share muncul dibawah judul, dan pasang script dibawah ini tepat dibawah kode <data:post.body/> jika Anda ingin tombol share muncul di akhir artikel.

<div class="don-share" data-bubbles="top" data-limit="3">
<div class="don-share-total"></div>
<div class="don-share-facebook"></div>
<div class="don-share-twitter"></div>
<div class="don-share-google"></div>
<div class="don-share-pinterest"></div>
<div class="don-share-linkedin"></div>
<div class="don-share-tumblr"></div>
<div class="don-share-stumbleupon"></div>
<div class="don-share-reddit"></div>
<div class="don-share-hackernews"></div>
<div class="don-share-buffer"></div>
<div class="don-share-xing"></div>
<div class="don-share-pocket"></div>
<div class="don-share-fancy"></div>
<div class="don-share-yummly"></div>
<div class="don-share-scoopit"></div>
<div class="don-share-weibo"></div>
<div class="don-share-vk"></div>
<div class="don-share-mailru"></div>
<div class="don-share-odnoklassniki"></div>
<div class="don-share-hatena"></div>
</div>
<script type="text/javascript"> 
(function() {
var dr = document.createElement('script');
dr.type = 'text/javascript'; dr.async = true;
dr.src = '//share.donreach.com/buttons.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dr);
})();
</script>
<style>
.don-share .don-share-total {
    line-height: 18px;
    margin-right: 30px;
    display: none !important;
    position: static;
}
.don-share .don-share-expand {
    color: #333;
    display: none !important;
    background-color: #fff;
    border-color: #ccc;
}
</style>

• Jika sudah selesai kalian "Simpan Template"
• Sekarang Lihat Blog kalian !!!

Cara Ketiga = Style 3

• Pertama Login Blogger kalian
• masuk ke menu Tata Letak --> Tambahkan Widget
• Pilih HTML/JavaScript
• Kemudian, masukan script dibawah ini ke kolom Konten

<style>
#seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id='seocipssharebtn' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

• Jika sudah klik "Simpan"

Gimana ? Gampangkan caranya semuanya hampir sama kok tinggal copas script diatas aja, awalnya mungkin terlihat ribet, tapi kalo dipraktekan gaakan sulit untuk dilakukan, Semoga Bermanfaat !!

Baca Selengkapnya >>>

Cara Membuat ScrollBox Pada Blogger

Cara Membuat ScrollBox Pada Blogger

Cara membuat ScrollBox pada Blog.
Bagi kalian yang suka ngeblog apalagi yang kalo nge-blog biasanya nulisnya banyak, mungkin kalian perlu dengan ScrollBox, jadi dengan ScrollBox ini tampilan blog kalian akan semakin simple, yang membuat pembaca blog kalian menjadi nyaman saat membaca di blog kalian. Masih bingung gimana ScrollBox ? nih contohnya :

1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

How To Do It

• Kalian hanya tinggal copy - paste script berikut, dibagian html

<div style="padding:3px;overflow:auto;width:auto;height:200px;border:1px solid grey" >
Kontent Scroll Box
</div> 

• Kalian bisa mengganti "Biru = Lebar" , "Hijau = Tinggi", "Grey = warna", "Ungu = ketebalan garis"

Begitulah caranya membuat scrollbox dengan mudah, terlalu simple ? karena saya memang suka yang seperti ini, tidak terlalu ribet dan enak dipandang. sekian dulu ya kali ini, Semoga Bermanfaat !!

Baca Selengkapnya >>>

Cara Membuat Read More Otomatis Pada Blog

Cara Membuat Read More Di Blog. Read more atau baca selengkapnya, berguna untuk mempersingkat tampilan dari setiap posting di halaman awal blog kalian. Berikut ini ada 2 cara, yang pertama adalah cara membuat read more manual versi blogger dan read more otomatis. nah sekarang lanjut tutorialnya.

Cara Membuat Readmore Manual Dengan Blogger

• Login ke Blogger kalian, buka salah satu artikel kalian.
• setelah itu kalian klik "Jump Break", Maka nanti akan keluar garis seperti ini 

• Setelah itu kalian simpan, dan silahkan cek hasilnya !!, cara diatas adalah manual artinya setiap kita membuat artikel, kita harus selalu melakukan langkah tersebut, agar dapat membuat Readmore/Baca Selengkapnya pada blog. nah adalagi nih tips yang paling mantep, yaitu cara yang otomatis, dimana kita gaperlu melakukan "JumpBreak" lagi karena dengan tips ini secara otomatis setiap kita membuat artikel maka ketika dipublikasikan akan membuat readmore secara otomatis.

Cara Membuat Readmore Otomatis

• Login ke blogger. Dari halaman Dasboard Pilih pengaturan Template.
• Selanjutnya klik edit HTML dan cari kode </head> dan Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F untuk mencari):

<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {  
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->

• Kalian bisa edit kode2 dibawah ini sesuai keinginan kalian :

summary_noimg = 430; Jumlah Huruf dengan gambar
summary_img = 340; Jumlah Huruf Tanpa gambar
img_thumb_height = 150; Tinggi gambar
img_thumb_width = 150; Lebar Gambar

• Sekarang cari kode <data:post.body/> ada 2-3 kode yang sama, ganti semuanya dengan kode dibawah ini :

<!-- Auto read more Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Baca Selengkapnya >>></a>
</b:if>
</b:if>
<!-- Auto read more End -->

• Kata "Baca Selengkapnya >>>" Bisa kalian ganti sesuka kalian.

Setelah menambahkan read more otomatis, maka setiap Artikel postingan kita tampilannya akan disederhanakan dari halaman awal blog. Jadi kita tidak perlu lagi menggunakan Tools Insert Jump break, seperti read more manual versi blogger. Setelah publikasi, maka tampilan artikel blog akan seperti ini :

Gampangkan ? Semoga Bermanfaat !!

Baca Selengkapnya >>>

Cara Menghapus Powered by Blogger atau Diberdayakan oleh Blogger

Cara Menghapus Powered by Blogger atau Diberdayakan oleh Blogger

Mungkin kebanyakan blogger ingin menghilangkan atau menghapus tulisan di paling bawah blog "Powered by Blogger" atau "Diberdayakan oleh Blogger" di blognya. Biasanya ada di footer atau di sidebar.  Tulisan "Powered by Blogger" atau "Diberdayakan oleh Blogger" adalah widget bawaan blogger. Sebenarnya Blogger menulis itu hanya optional jadi kalaupun  dihapus, Blogger tidak akan marah dan tidak akan mem-block blog kalian kok.

How To Do It

• Login Blogger - Klik Template
• Edit HTML
• Tekan CTRL+F dan cari kata "attribution"
• Nanti akan ketemu kode seperti ini

 <b:widget id='Attribution1' locked='true' title='' type='Attribution'> ...</b:widget>

•  Tinggal Hapus saja kode tersebut !! Selesai deh 

Cara alternative, kalian tinggal ubah tulisan "True" menjadi "False" Save, setelah itu kalian buka layout - Klik edit pada atribusi blogger, klik "remove" !! Selesai sudah, Semoga Bermanfaat !!

Baca Selengkapnya >>>

Cara Membuat Homepage Statis Pada Blog

 Tutorial Cara Membuat Homepage Statis Pada Blog

Hallo pada post kali saya mau mengajarkan kalian bagaimana membuat link statis pada blogspot. kalian pernah gak masuk ke halaman tertentu ketika kalian membuka website ? misalkan kalo kalian membuka blog ini. halaman pertama yang masuk pasti halaman "selamat datang" atau biasanya kita sebut sebagai "homepage". kalo misalkan gak pake linkstatis gimana ? yaa gakpapa juga sih, tapi kan kalo make link statis jadi bagus blognya karena mempunyai halaman utama, ibaratkan hotel blog kalian ada lobbynya. naah sekarang langsung aja cekidot cara-caranya;

Tips and Trick

• Kalian loggin Blogger setelah itu kalian masuk "Setelan-Preferensi Penelusuran-Pengalihan Khusus (klik "edit")

•  Setelah itu kalian klik "Pengalihan Baru" pada kolom pertama "Dari" itu cukup kalian isi "/" tanpa tanda kutip, dan pada kolom kedua "Kepada" kalian isi tulisan terakhir pada URL Tujuan kalian diambil dari tanda "/............" contoh seperti gambar;

•  Jika sudah kalian centang tanda "Permanen" setelah itu klik "Simpan Perubahan"

Nah jika kalian telah mengikuti semua instruksi diatas, saya jamin kalian pasti berhasil, sekarang coba kalian test masuk kedalam url Bloh kalian. Blog ini mungkin tulisannya gak panjang-panjang yaa, karena sesuatu yang "simple" itu menurutku lebih baik. Semoga Bermanfaat !!

Baca Selengkapnya >>>

Kode Warna HTML Untuk Blog PART #1

Kalian suka blogging ? kadang suka bosen sama warna tulisan ataupun warna script box yang gitu-gitu aja, disini saya akan memberikan kode-kode html yang akan membuat blog kalian lebih mempunyai banyak warna pastinya. udah siap belom ? berikut kode-kode html beserta warnanya

ALICEBLUE #F0F8FF

PUTIH #ffffff

ANTIQUEWHITE #FAEBD7

CYAN #00FFFF

AQUAMARINE  #7FFFD4

AZURE  #F0FFFF

BEIGE  #F5F5DC

BISQUE  #FFE4C4

BLACK #000000

BLANCHEDALMOND  #FFEBCD

BLUE  #0000FF

BLUEVIOLET  #8A2BE2

BROWN  #A52A2A

BURLYWOOD  #DEB887

CADETBLUE  #5F9EAD

CHARTREUSE  #7FFF00

CHOCOLATE  #D2691E

CORAL  #FF7F500

CCORNSILK  #FFF8DC

CRIMSON  #DC143C

DARKBLUE  #00008B

DARKCYAN  #008B8B

DARKGOLDENROD  #B8860B

DARKGREY  #A9A9A9

DARKGREEN  #006400

DARKMAGENTA   #8B008B

DARKHAKI  #BDB76B

DARKOLIVEGREEN #556B2F

DARKORANGE #FF8C00

DARKORCHID #9932CC

DARKRED; #8B0000

DARKSALMON #E9967A

DARKSEAGREEN #8FBC8B

DARKSLATEBLUE #483D8B

DARKSLATEGREY #2F4F4F

DARKTURQUOISE #00CED1

DARKVIOLET #9400D3

DEEPPINK #FF1493

DEEPSKYBLUE #00BFFF

DIMGREY #696969

DODGERBLUE #1E90FF

FIREBRICK #B22222

FLORALWHITE #FFFAF0

Untuk kode warna akan saya bagi menjadi 2 part yaa, karna kodenya ada sangat banyak, jika saya taruh dalam satu postingan menurut saya kalian akan pusing dan menjadi bingung untuk memilih warna apa karna terlalu banyak pilihan. jadi sekian dulu yaa untuk HTML warna part 1, semoga bermanfaat !!

Baca Selengkapnya >>>

Cara Membuat Kotak Script Pada Postingan Blog

Cara Membuat Kotak Script Di Postingan Blog, Kotak script biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi, Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan masih banyak lagi. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Caranya kalian tinggal copas script dibawah ini maka akan muncul kotak script tersebut dipostingan kalian.

<div style="border: 3px #1780dd Double; padding: 10px;backgroundcolor:#ffffff;
text-align:left;">Deskripsi.</div>

<div style="border: 1px solid #444; padding: 10px; background-color:
#eaeaea; text-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #f3f3f3; border-left: 5px solid #2288dd; borderradius:
10px; padding: 10px; t-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #ffe599; border-radius: 10px; border: 2px dashed
#aaa; padding: 10px; t-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #6fa8dc; border-radius: 10px; border: 4px double
#fff; padding: 10px; t-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #a2c4c9; border-radius: 10px; border: 4px outset
#fff; padding: 10px; t-align: left;">Deskripsi</div>

<div style="border: 2px #610B38 dashed; padding: 10px; backgroundcolor:#57AA52;
tex>t-align: left;"> Deskripsi</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; backgroundcolor:#c2c2c2;
text-align: left;">Deskripsi</div>

<div style="border: 3px #5f200e double; padding: 10px; backgroundcolor:
#82CAFA; text-align: left;">Deskripsi</div>

<div style="border: 2px #006400 inset; padding: 10px; backgroundcolor:
#d5839f; text-align: left;">Deskripsi</div>

Nah kalian bisa pilih deh tuh mau Script Box yang seperti apa, untuk kode di depannya ada tanda pagar "#" itu adalah kode warna, jika kalian tidak tau kode warna, kalian bisa cari digoogle atau kalian bisa mampir juga "kesini" buat liat macam-macam kode html warna.

Gimana sih cara masang Script Boxnya ? pada bagian script kalian ubah dari "compose" ke bagian "html", kalo bingung liat gambar dibawah ini;

Kalo udah "Paste" kode scriptnya, setelah itu kalian klik lagi tab "compose" nanti pasti langsung jadi kotaknya !! Gampang bangetkan ? tujuannya membuat kotak ini, ya supaya rapi aja blog kita, kata-katanya jadi gak terkesan berantakan, Sekian Tutorial Membuat Kotak pada Blog. Semoga Bermanfaat !!

Baca Selengkapnya >>>

Cara Membuat Blogger Untuk Pemula

Halo kebetulan saya juga masih belajar untuk membuat blog, maka untuk pertama kali saya akan membuat tutorial cara untuk membuat blog. disini saya menggunakan blogger ya buka wordpress. Caranya gampang banget kok, sebelum itu mungkin ada yang bertanya blog itu apa jadi saya udah siapin sedikit Frequently Asknya.

Frequently Ask

Q:Buat apa sih ngeBlog ?

A:Buat havefun aja, mencari teman, bahkan bisa menghasilkan juga lho

Q:Gampang ga untuk membuat Blog ?

A:Sebenernya kalo kalian mau yg simple bikin blog itu gak susah

Q:Yaudah ajarin deh saya harus gimana ?

A:Oke ikuti Instruksinya yaa

How To Create Your Own Blog

• Pertama kalian harus punya akun Gmail terlebih dahulu kalo kalian mau buat blogger.
• Kalo udah kalian buka Blogger setelah itu kalian login nanti akan keluar tampilan kaya gini

• Setelah itu kalian klik bagian kiri atas terus kalian klik "Blog Baru", Isi judul blog kalian, pilih tema tampilan blog kalian dan masukan nama URLnya, setelah itu klik "Buat Blog"

Gimana ? gampangkan ? setelah itu kalo kalian mau mulai posting, kalian tinggal klik "Postingan" setelah itu klik "Entri Baru", sudah deh secara resmi kalian sudah menjadi blogger. blogger itu bisa jadi tempat curhat, bisa jadi tempat menambah teman, mencari informasi bahkan sampai berbisnis, tinggal sesuai kebijakan kalian aja mau membuat blog untuk apa. Semoga Bermanfaat !!

Baca Selengkapnya >>>

Selamat datang di ajarinlah.blogspot.com, yang nantinya akan beranjak menjadi ajarinlah.com. Alasan saya membuat blog ini sebenarnya untuk share aja seputar Tips dan Tutorial, mulai dari masalah windows sampai dengan android/ios,tutorial bikin blog. 

FREQUENTLY ASK

Q:Lah emang adminnya PRO ?

A:sebenernya sih engga pro, disini admin juga masih belajar juga. 

Q:Kalo adminnya masih belajar buat apa saya liat blog ini nanti salah lagi yang diajarin ?

A:Sebelum aku posting biasanya aku bakalan praktekin dulu kok, jadi ga sembarangan posting

Q:Contohnya apa yang diajarin ?

A:Misal cara upgrade custom ROM android, atau cara backup IPSW iphone, atau Cara mencari Driver PC, pokoknya saya lagi ngulik apa, itu yang bakalan saya posting skalian

Q:Terus kapan aja updatenya ?

A:Targetku 1 hari minimal 2 Post, kalo ada waktu luang pasti aku Update lebih banyak 

Q:Bisa request tutorial gak ?

A:Bisa banget nanti aku bisa bantuin cari tutorialnya terus aku post disini

Kira-kira udah kejawablah yaa pertanyaan dasarnya, dan disini saya tidak menggurui tetapi ayokita belajar bareng menimba ilmu sebanyak-banyaknya, kalo saya salah kalian comment, kalo saya benar kalian bisa jadikan bahan referensi.

Baca Selengkapnya >>>