Cara Membuat Simbol Registered® Copyright© TradeMark™ Di Blog

|| || || 114 komentar


Tutorial | Cara Membuat Simbol Registered® Copyright© TradeMark™ Di Blog - Pada postingan kali ini, Blogger Tutorial share Membuat Simbol / Logo TradeMark ( TM ), Registered®, Copyright©,  Derajat(°), dan simbol-simbol lain pada postingan blog maupun pada kotak komentar blog. Dari tema tersebut Blogger Tutorial mempunyai beberapa tips yang sangat sederhana mengenai cara membuat Logo Trademark (TM) untuk di aplikasikan di blog kita. Sebab ada yang bilang dengan memasang simbol ini membuat blognya menjadi lebih mantap dan profesional maupun sekedar tunjuk Keren, hehe. .

Caranya copy kode dibawah ini dan pastekan pada kotak komentar maupun jika pada postingan, harus masuk pada mode HTML dulu agar berhasil.

Copyright = ©
Copyright menandakan hak cipta dari suatu website. Seperti Blogger_Tutorial© - All rights reserved. 
Kode = 
©
TM atau TradeMark = ®
TM adalah simbol dari suatu merek dagang. Seperti Tutorial®. Berarti, produk dagangnya adalah Tutorial. 
Kode = 
®

Registered Trademark = ™

Registered Trademark atau bisa juga disebut dengan ™.  TM, adalah simbol untuk mengenali  merek dagang yang sudah terdaftar. 
Kode = 
™

Double Right Pointing = »

Simbol ini menandakan sebuah sub dari suatu menu untuk rician yang arahnya ke kanan. 
Kode = 
»

Double Left Pointing = «

Kebalikan dari simbol diatas. 
Kode = 
«

Em-Dash = —
Simbol yang satu ini mirip dengan tanda kurang/minus. 
Kode = 
—

Degree / Derajat = °
Kode = 
°

Simbol per ½ dan ¼
Kode untuk 1/2 adalah = 
½
Kode untuk 1/4 adalah = 
¼

Inverted Exclamation mark (IEM) =  ¡

IEM, adalah sebuah tanda seru yang terbalik. 
Kode =
¡

Note :
cara diatas digunakan untuk membuat symbol pada postingan blog maupun komentar blog, jika pada template maka gunakan format ASCII.
contoh :

Registered Trademark = ™
kode =
™
Copyright = ©
kode =
©

Demikian postingan Blogger Tutorial mengenai Cara Membuat Simbol Registered® Copyright© TradeMark™ Di Blog, untuk mencobanya silahkan berkomentar di bawah untuk mengetahui hasilnya., :)

Cara Memasang Iklan Otomatis Di Bawah Judul Postingan

|| || || 17 komentar
Tutorial | Cara Memasang Iklan Otomatis di bawah judul Postingan, karena posisi sangat mempengaruhi keuntungan, Seandainya dalam memasang iklan menempatkan posisi yang salah, yang kiranya tidak dilihat oleh pengunjung apa yang terjadi?? ya tidak ada yang nge-klik iklannya. nah Cara Memasang Iklan Otomatis di bawah judul Postingan merupakan salah satu tempat yang jitu untuk memsang iklan.

Preview :



Penempatan iklan yang tepat dapat mempermudah pengunjung blog agar dapat dengan mudah melihat iklan yang ada di dalam postingan adalah sesuatu yang sangat menarik.

Di samping tampilannya bagus, juga kesan dari postingan blog akan terlihat lebih elegan dan merupakan salah satu tempat yang strategis untuk memasang salah satu program periklanan Pay Per Click (PPC) lokal Indonesia. Untuk yang ingin mendaftar di salah satu PPC lokal Indonesia lihat di cara mendaftar PPC lokal. Langsu saja Cara memasang Iklan di bawah judul.....


Sebelum anda memasang Iklan di bawah judul Postinga, sobat harus memphrase kode iklan yang ingin sobat pasang. Hal ini bertujuan agar iklan tersebut bisa tampil di dalam blog kita, karena apabila kode iklan tidak di phrase, akan terjadi error pada template blog kita.


Untuk memphrase kode iklan, saya biasa menggunakan jasa website blogcrowds.com
Tutorialnya klik :

Cara Parsing, Parse atau Encode Script HTML Iklan

Setelah selesai phrase kode iklan, saatnya kita menempatkan kode tersebut kedalam template blog kita. Ikuti langkah-langkahnya dibawah ini.

Cara Memasang Iklan Otomatis di bawah judul Postingan :

  • Login Menggunakan account Blogger Sobat.
  •  Pada bagian Dasbor pilih tab Rancangan.
  • Setelah itu pilih tab Edit HTML. ( Jangan lupa Centang tulisan Expand Template Widget.)
  • Cari kode dibawah ini.
<div class='post-body entry-content'> atau <div class='post-header-line-1'> atau<data:post.body/>
          (gunakan Ctrl + f atau F3 pada browser sobat untuk mempermudah pencarian). 
  • Setelah ketemu dengan kode di atas, letakkan kode iklan yang telah di phrase tepat di bawah kode di bawah ini :
<div class='post-body entry-content'> atau <div class='post-header-line-1'>
  • Atau letakkan kode iklan yang telah di phrase tepat di atas kode di bawah ini.
<data:post.body/>
Sekarang di setiap postingan sobat, tepat dibawah judul posting akan menampilkan iklan yang telah sobat pasang, mudah bukan Cara Memasang Iklan Otomatis di bawah judul Postingan.

Cara Parsing, Parse atau Encode Script HTML Iklan

|| || || 13 komentar

Tutorial | Cara Parsing, Parse atau Encode Script HTML (ex : Script Iklan) merupakan cara yang lumayan penting bagi para publisher yang akan membuat artikel mengenai code script html yang akan ditampilkan dalam postinganya, bukan hanya pada widget. 

Misalnya ingin membuat postingan yang akan dipublish berisi code script html agar code script htmlnya tampil dihalaman postingan pada saat dipublish, seperti contoh :

- ingin membuat artikel mengenai tutorial cara membuat widget recent post, 
- cara membuat text area, 
- cara mengedit template blog,
- cara parsing/encode HTML pada code iklan PPC/Adsense agar iklan dapat diselipkan diantara halaman posting, 
- dan mungkin juga tutorial tentang cara membuat guestbook pada blogspot maupun wordpress dll. 

Jadi  kode HTML tidak akan keluar di artikel postingan blog kita tanpa kode tambahan. Jadi bila kita tidak hafal kode tambahan tersebut, gunakan saja situs jasa extract Encode/Decode HTML entities yang sudah tersedia. Berikut ini saya akan mencoba menjelaskan kepada sobat cara mudah dan cepat mem-parsing/Encode Script HTML :

Untuk memphrase kode iklan, saya biasa menggunakan jasa websiteblogcrowds.com.
  • Kunjungi  blogcrowds.com
  • Masukkan kode iklan yang akan anda phrase ke dalam kolom yang ditampilkan, seperti gambar di bawah ini.
  • Selanjutnya klik PARSE dan menghasilkan script baru hasil PARSE seperti gambar dibawah ini.
  •  Copy kode iklan yang telah berhasil di phrase dan simpan pada notepad atau di tempat lain.
Selesai. Jadi Cara Parsing, Parse atau Encode Script HTML Iklan telah berhasil di parse. selanjutnya sobat bisa baca :

Cara Menyisipkan Link Aktif Pada Komentar Blog

|| || || 338 komentar
Tutorial | Cara Menyisipkan Link Aktif Pada Komentar Blog - Blogger Tutorial akan berbagi Trik Tips Blogger yaitu menambahkan link di kotak komentar blog. Trik ini biasa digunakan para Blogger SPAMERS yang kadang kala menjengkelkan baget ya, tetapi ada juga sebagian kecil menggunakannya untuk hal kebaikan. Nah buat sobat yang mau menerapkan trik ini bisa menyimak tutorialnya dibawah ini :

Preview :

Cara Menyisipkan Link Aktif Pada Komentar Blog

Cara Menyisipkan Link di Kotak Komentar / Cara Membuat Link Aktif Pada Komentar Blog:
  • Log in di akun blog sobat. 
  • Menuju blog target yang mau sobat comment. 
  • Kemudian copas kode dibawah ini : 
<a href="http://alamatyangdituju.com">Contoh Link</a> 
  • Dan taruh di kolom komentar. 
  • Sebelumnya rubah kode yang berwarna merah dengan url dan text yang akan ditampilkan. 
Nah demikian artikel tentang Cara Menyisipkan Link di Kotak Komentar / Cara Membuat Link Aktif Pada Komentar Blog, sangat gampang jika kita tahu caranya, semoga bermanfaat sobat :).

Ketentuan dan Syarat Dalam Membuat Blog Blogspot

|| || || 12 komentar
Ketentuan dan Syarat Dalam Membuat Blog Blogspot
Tutorial | Ketentuan dan Syarat Dalam Membuat Blog Blogspot - Sobat Blogger Tutorial yang ingin bergabung dengan Para bloggers-Bloggers mania, maka mungkin akan muncul pertanyaan-pertanyaan dasar seperti yang akan saya jelaskan di bawah ini. Ketentuan yang saya maksud disini adalah ketentuan blogger atau blogspot, tidak berlaku pada yang sudah mempunyai domain berbayar seperti .com .net .info .org dll. 

Blogger atau yang biasa diketik blablabla.blogspot.com pada browser sobat setidaknya mempunyai ketentuan sebagai berikut :


Jumlah Blog Dalam Satu Akun
Anda dapat membuat blog sebanyak yang Anda inginkan dalam satu akun blogger.

Jumlah Postingan
Tidak ada batasan untuk jumlah postingannya, juga blogger tidak akan menghapus postingan Anda kecuali Anda hapus secara manual baik sudah di publish atau masih sebagai draft.

Ukuran Postingan
Tidak ada batasan mengenai ukuran postingan. Jadi Anda bisa membuatnya sangat panjang atau sangat berat. Namun perhatikan juga point berikutnya.

Ukuran Halaman
Untuk halaman utama blog dan halaman arsip dibatasi hingga 1 MB. Ini dapat menampung ratusan halaman teks. 

Jumlah Komentar
Satu posting dapat menampung sangat banyak komentar. Jika Anda menyembunyikan komentar yang ada, masih tetap disimpan di akun Anda dan bisa ditampilkan sewaktu-waktu kecuali Anda hapus permanen manual.

Jumlah Foto
Memiliki batas hingga 1GB. Setiap foto yang di masuk postingan Anda akan otomatis masuk ke album Picasa. 

Ukuran Gambar
Jika Anda posting menggunakan selular, maka masing-masing foto maksimal seberat 250K.

Anggota Tim
Dibatasi maksimal 100 orang untuk tiap blog.

Jumlah Label
Setiap blog maksimal memiliki 2000 label berbeda dan setiap postingan dibatasi maksimal 20 label.

Deskripsi Blog
Saat Anda set deskripsi blog di akun blogger Anda, Anda hanya bisa masukkan maksimal 500 Karakter.

About Me/Tentang Saya
Untuk informasi diri Anda, dibatasi hingga 1200 karakter.

Profil Minat dan Favorit
Di kolom isian profil blogger, selain about me Anda juga bisa isikan berbagai data seperti minat dan favourite. Masing-masing kolom dibatasi hingga 2000 karkater.

Kemudian jika ada yang bertanya :

"Apakah ada kerugian jika mempunyai blog yang banyak?"
jawaban saya adalah :
Tidak ada ruginya sama sekali memiliki akun blogger, karena blogger dengan blogspotnya telah memberikan serba unlimited bagi para penggunanya. Artinya tidak ada batasan berapapun jumlah blog yang dibuat, jumlah postingan, jumlah komentar dan lain sebagainya. malah jika anda bisa memanfaatkan blog yang tidak terpakai tsb, dapat meningkatkan blog utama yang sobat pilih, seperti dalam pencarian backlink. jika ingin mengetahui lebih lanjut tentang backlink, silahkan klik :

Apa Itu Backlink ? Dan Apa manfaatnya ?
Cara Membuat Backlink.

Syarat utama dalam pembuatan blog adalah anda harus mempunyai email (Gmail), apabila anda belum punya cepatlah mendaftar agar anda dapat membuat blog sebanyak-banyaknya. Contohnya saya ini mempunyai blog lebih dari sepuluh, dan semuanya menggunakan akun yang sama. 

Sekian Postingan saya tentang Ketentuan dan Syarat Dalam Membuat Blog Blogspot. Jika kurang jelas dipersilahkan bertanya sobat :)

Apa Itu Backlink ? Dan Apa manfaatnya ?

|| || || 7 komentar


Tutorial | Apa Itu Backlink ? Dan Apa manfaatnya ? 

BackLink : Back Artinya Kembali/Timbal Balik, Sedangkan Pengertian Link adalah Sebagian kalimat atau kata yang apabila diklik akan mengarahkan pada Alamat yang dituju oleh pembuat link. Atau bisa di namakan Alamat Rumah Kita. 

Jadi BackLink Adalah : Suatu Hubungan Feedback Antara Situs, Hubungan Tersebuat berupa Alamat Situs. Alamat Situs A terdapat di Alamat Situs B begitu Juga sebaliknya.

Backlink Merupakan Bagian Yang sangatlah PENTING Bagi Blog/Website Kita. Karena Backlink adalah suatu hubungan imbal balik antar blog/website yang ada, hubungan tersebut berupa nama Alamat blog/website [misal A] terdapat di blog/website [misal B], begitupun akan sebaliknya, dengan adanya backlink ini maka blog/website kita akan, Jadi lebih populer di Mata Search Engine, PageRank meningkat, dan yang paling utama adalah untuk menyedot banyak pengunjung.

Manfaat Backlink :
  • Dapat Meningkatkan PageRank
  • Situs lebih Popular Di SE 
  • Trafik Pengunjung Melambung 
Bagaimana cara mendapatkan Backlink ?

Ini merupakan poin yang paling penting,yaitu bagaimana cara mendapatkan Backlink.Ada berbagai cara agar kita mendapatkan backlink, antara lain adalah :
  1. Setiap kita menulis postingan, tidak lupa kita menambahkan nama situs kita dalam artikel (copas aja). 
  2. Aktif di berbagai forum diskusi online dan menyertakan signature (link hidup yang mengarah ke blog kita).
  3. Saling tukar link dengan blog / web lainnya (tetapi cara ini tidak saya anjurkan ya :)).
Sekian postingan saya tentang Apa Itu Backlink ? Dan Apa manfaatnya ?. semoga bermanfaat sobat :)

Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog

|| || || 15 komentar
Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog
Tutorial | Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog -  Blogroll adalah daftar link blog eksternal yang dipasang dalam suatu blog, biasanya berupa daftar atau list anggota tukar link yang sama-sama saling memasang link di masing-masing blognya atau juga bisa dikatakan sebagai daftar link sahabat dan link-link penting.

Blogroll ada yang dipasang sebagai widget di sidebar, bottombar, dan di halaman posting tertentu, misalnya di halaman tukar link. Blogroll yang dipasang pada halaman tertentu atau halaman tukar link biasanya dilakukan apabila jumlah link yang terpasang sudah terlalu banyak dengan alasan
agar tidak mengganggu atau memberatkan loading halaman hompage bersangkutan karena tidak selalu di load.

Pada tutorial kali ini akan membahas cara membuat blogroll atau cara pasang blogroll dengan model scrollbar yang bisa dipasang pada sidebar atau bottombar homepage blog yang juga bisa dipasang pada halaman posting atau dimanapun semau pengguna.

Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog :

  1. Copy kode berikut ini :
Fungsi Scroll Untuk Blogroll Biasa 
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://trickstipsblog.blogspot.com/">Blogger Tutorial</a></li>
<li><a href="Edit">Judul Blog </a></li>
<li><a href="Edit">Judul Blog </a></li>
</ul>
</div>
Demo :

Fungsi Scroll Untuk Blogroll Link Open In New Tab 
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://trickstipsblog.blogspot.com/" target="new">Blogger Tutorial</a></li>
<li><a href="Edit" target="new">Judul Blog </a></li>
<li><a href="Edit" target="new">Judul Blog </a></li>
</ul>
</div>
Demo :

Fungsi Scroll Untuk Banner Atau Gambar
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
</ul>
</div> 
Demo :
    Free Full Download Software
    Free Full Download Software
    Free Full Download Software
    Info Unik


Cara memasangnya :
  1. Login ke blogger.com >> klik Tata Letak >> Tambah Gadget >> HTML/Javascript
  2. Kemudian paste kode tersebut di kotak tersebut
  3. Kemudian Simpan.

Kalau sudah selesai memasang Scroll di Blogroll jangan Lupa Blogger Tutorial ditambahkan dalam daftar blogroll sobat yah. . hehe :)

Catatan :
Catatan edit nya sobat tinggal mengganti kode yang saya warnai, 
untuk kode yang warna :
  • hijau adalah merubah tebal border dan solid untuk warna. 
  • Untuk merubah tinggi dan lebar nya sobat hanya perlu merubah kode yang berwarna merah
  • sebelum disimpan sobat jangan lupa edit kode yang warna biru dengan url blog sobat dan judul blog nya.
Demikian postingan kali ini tentang Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog semoga bermanfaat sobat. Terima Kasih :)

Cara SEO Membuat Dynamic Tag Heading H1 H2 H3

|| || || 14 komentar
Cara Membuat Dynamic Tag Heading H1 H2 H3
Tutorial | Pengertian Cara Membuat Dynamic Tag Heading H1 H2 H3 adalah membuat H1 adalah judul blog ketika di homepage, dan ketika di postingan, H1 adalah judul postingan. Kenapa harus Dynamic? karena ini adalah salah satu cara Optimasi SEO blog On Page yang sangat penting karena berkaitan dengan menentukan letak H1 sebagai Judul blog dan H1 sebagai judul postingan. Oleh karena itu kali ini Blogger Tutorial akan berbagi Cara Membuat Dynamic Tag Heading H1 H2 H3 pada Blog agar menjadi SEO Friendly.

Ketika Search Engine Spider datang mengunjungi blog kita, untuk pertama kalinya yang dicrawler adalah H1. Kenapa harus H1? karena H1 adalah Judul atau Tanda Pengenal yang paling utama bagi Search Engine. maka dari itu disini akan membagas bagai mana cara membuat Dynamic Tag Heading.

Cara Membuat Dynamic Tag Heading H1 H2 H3

Pada umunya, Template Standar hanya menggunakan Tag h1 untuk Judul Blog di home page dan judul blog di postingan. sudah pasti tidak SEO banget lah, hehe. Agar web atau blog kita lebih dinamis dan SEO friendly untuk Home page Tag H1 tetap sebagai judul blog sedangkan Tag H1 di halaman postingan, Makas kita ubah menjadi Tag H1 untuk Judul postingan.

Untuk Cara Membuat Dynamic Tag Heading H1 H2 H3 ikuti langkah-langkah sebagai berikut:
1. Masuk ke www.blogger.com
2. Pilih rancangan - HTML - Jangan lupa Centang Expand Widget.
3. Cari kode berikut dengan menggunakan ctrl+f agar mudah dalam mencarinya:

    <div id=’header-inner’>
    <div class=’titlewrapper’>
    <h1 class=’title’>
    <b:include name=’title’/>
    </h1>
    </div>
    <b:include name=’description’/>
    </div>
4. Lalu Ganti kode yang di atas dengan kode berikut ini :
    <div id='header-inner'>
    <div class='blogtitle'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <h2 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
    <b:else/>
    <h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
    </b:if>
    </b:if>
    </div>
    <b:include name='description'/>
    </div>
5. Lalu Cari lagi kode seperti di bawah ini :
    <a expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
    <H2 class=’post-title entry-title’>
    <b:if cond=’data:post.link’>
    <a expr:href=’data:post.link’><data:post.title/></a>
    <b:else/>
    <b:if cond=’data:post.url’>
    <a expr:href=’data:post.url’><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </H2>
    </b:if>
6. Ganti kode diatas dengan kode di bawah ini :
    <a expr:name='data:post.id'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:post.title'>
    <h2 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>
    </b:if>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.title'>
    <h1 class='post-title entry-title' style='font-size:1.3em;'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h1>
    </b:if>
    <b:else/>
    <b:if cond='data:post.title'>
    <h2 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>
    </b:if>
    </b:if>
    </b:if>
7. Carilah kode seperti dibawah ini pada template anda :
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2> </b:if>
8. Silahkan anda ganti tag h2 menjadi h3

9. Tergantung pada widget anda di homepage anda, apabila widget anda ada 5 buah, ya ubah yang 5 buah widget anda di homepage untuk menjadikan tag h2 menjadi h3

10. Klik Simpan.


Sampai di sini sebenarnya penerapan Cara Membuat Dynamic Tag Heading H1 H2 H3 sudah berhasil, ini akan menjadikan judul blog di halaman posting berubah. Hal  ini di sebabkan karena pengaruh dari Tag H2 yang sudah berubah menjadi Tag H1, maka CSSnya tidak sesuai. Nah oleh karena itu kita butuh cara lagi untuk menyesuaikannya. Tinggal mengedit pada bagian CSSnya. Ikuti langkah-langkahnya berikut:

Peringatan ! 
Khusus untuk Pengeditan CSS ini sesuaikan dengan CSS di template masing-masing. Karena masing-masing Template berbeda. Silahkan ikuti dan amati Perubahan pada CSS Template seperti di bawah ini.

1. Cari CSS bagian Header seperti berikut:
#header{
width:980px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7I-8Wz6enVIBqd_u1iy4WciVP5QAMQBxtwlYnhD0vd4Gt4P96hial8C_gRR1OV0k5UWvBLw5YeDesXbBqKamgRgdWOS2v_aff3XOHjxufVjl6op5T5DjSkhhBNFDP84kpqsS_mpMVbOk/s1600/header2.jpg) no-repeat;
color:#000099;height:120px;
text-align:left}
#header h1{
margin:0;
padding:50px 20px 5px 15px;
line-height:1.2em;
text-align:left;
font:normal bold 200%'Trebuchet MS',Verdana,Arial,Sans-serif;
color:#00000}
 
2. Lakukan Penyesuaian Kode dengan cara Menambahkan Kode berikut tepat di bawahnya:

#header h1{
margin:0;
padding:50px 20px 5px 15px;
line-height:1.2em;
text-align:left;
font:normal bold 200%'Trebuchet MS',Verdana,Arial,Sans-serif;
color:#00000}
#header h2 {
margin:0;
padding:50px 20px 5px 15px;
line-height:1.2em;
text-align:left;
font:normal bold 200%'Trebuchet MS',Verdana,Arial,Sans-serif;
color:#00000}

3. Sehingga menjadi seperti berikut:

#header{
width:980px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7I-8Wz6enVIBqd_u1iy4WciVP5QAMQBxtwlYnhD0vd4Gt4P96hial8C_gRR1OV0k5UWvBLw5YeDesXbBqKamgRgdWOS2v_aff3XOHjxufVjl6op5T5DjSkhhBNFDP84kpqsS_mpMVbOk/s1600/header2.jpg) no-repeat;
color:#000099;height:120px;
text-align:left}

#header h1{
margin:0;
padding:50px 20px 5px 15px;
line-height:1.2em;
text-align:left;
font:normal bold 200%'Trebuchet MS',Verdana,Arial,Sans-serif;
color:#00000}
#header h1{
margin:0;
padding:50px 20px 5px 15px;
line-height:1.2em;
text-align:left;
font:normal bold 200%'Trebuchet MS',Verdana,Arial,Sans-serif;
color:#00000}
4. Simpan.
5. Selesai.

Demikianlah Cara Membuat Dynamic Tag Heading H1 H2 H3 diatas sudah saya terapkan di template ini dan Berhasil. untuk Mengecek Berhasil atau tidaknya apa yang telah kita coba terapkan ini, anda bisa mencar H and ALT Tag Checker di google atau SEO Quaqe addons).

Cara Memasang Widget Google Plus di Blog

|| || || 4 komentar
Tutorial | Cara Memasang Widget Google Plus di Blog.Google Plus atau Google + atau G+ atau + Me adalah situs jejaring sosial keluaran Google. Sudah anda memasang Widget Google + di blog anda? Kali ini bos tutorial akan mencoba berbagi tentang bagaimana Memasang Widget Google Plus di Blog. 

Cara Memasang Widget Google Plus di Blog
Walaupun kecil-kecil gini, tetapi sangat berpengaruh terhadap pamor kita terhadap om google, jika mempunya banyak teman atau lingkaran, maka om google akan lebih senang dengan kita. jadi bertambah satu langkah lagi dalam Teknik SEO kita.


Cara Memasang Widget Google Plus di Blog sangatlah mudah dan simple. Karena G+ merupakan milik om Google., maka kita tinggal menggunakan fasilitas elemen widget yang disediakan oleh blogger.com. Yang penting anda memiliki akun Google +. Tutor di bawah ini diberikan kepada kawan-kawan yang sudah memiliki akun Google +. Oh iya, nanti Blogger Tutorial di jadikan teman (masuk lingkaran) yah sama sobat sobat sekalian. hehe.

Memasang Widget Google Plus di Blog sebagai berikut:
1. Seperti biasa, bukalah akun blog anda.
2. Pada Dasbor blog, pilihlah Tata Letak (klik opsi lain tepatnya sebelah kiri lihat blog)
3. Pilih Tambah Gadget atau Add Widget (tampilannya seperti di bawah ini)

Cara Memasang Widget Google Plus di Blog

4. Selanjutnya akan muncul tampilan seperti di bawah ini

Cara Memasang Widget Google Plus di Blog

5. Pilihlah Lencana Google + biasanya letaknya no 2 tuh setelah Tombol +1, jadi tidak perlu menggeser mouse.


6. Setelah klik gadget Lencana Google + (biasa kalau belum ada gadget di blog anda, maka disebelah kanan pasti ada tanda + ) maka akan muncul gambar seperti di bawah ini.

Cara Memasang Widget Google Plus di Blog

7. Selanjutnya, isikan semua kolom yang tersedia.


Cara Memasang Widget Google Plus di Blog

6. Klik simpan apabila sudah ada tampilan pada pratinjau.
7. Simpan tamplate anda (simpan setelan) lalu lihat hasilnya. Beres.


Demikian tutorial Cara Memasang Widget Google Plus di Blog. Mudah bukan? Selamat mencoba. By the way,  jangan lupa Blogger Tutorial di tambahkan yah ke lingkaran Google + sobat-sobat yah. Selamat mencoba, semoga bermanfaat. Salam blogger :D