Cara Memasang Script Google Analytics di Blog

Cara Memasang Scrip Google Analytics di Blog - Membangun sebuah blog memang tidak hanya memposting artikel saja, ada banyak macam tahapan yang perlu dilalui, jika dipikir memang terasa rumit, namun jika dijalani semuanya akan menyenangkan, apalagi sudah mendapati blog yang kamu bangun sudah banyak pengunjung lebih-lebih menghasilkan uang. Dari sekian banyak tahapan yang sudah dilalui, yang tidak kalah penting lagi ialah memantau aktifikas blog yang kita bangun, melihat berapa jumlah pengunjung blog kita, berapa banyak pentalan, dari mana mereka berasal, disni kamu akan mengetahui sejauh mana hasil yang kamu peroleh dalam membangun sebuah blog.

Google Analytics adalah alat terbaik yang dapat kamu lakukan untuk urusan melacak aktifikas blog kamu, alat ini memiliki akurasi yang pas, artinya data yang ditampilkan memang sesuai yang kenyataannya terjadi, selain itu, jika kamu menggunakan blogger, proses registrasinya cukup mudah, namun untuk benar-benar memantau aktifitas blog kamu, kamu tidak cukup hanya memiliki akun Google Analytics saja, ada beberapa langkah-langkah yang salah satunya kamu harus meletakkan script analytics di blog kamu. Untuk langkah-langkahnya berikut saya jelaskan.

1. Daftar dan buat akun dlu di  https://www.google.com/analytics
2. Masuk pada di Google Analytics

3. Ambil script Google Analytics dengan cara masuk pada laman Admin, pada properti kamu klik info pelacak di kolom blog kamu, kemudian pilih kode pelacak, maka muncul laman seperti gambar di atas.
4. Copy script-nya, letakkan script tersebut di atas kode </body> di template blog kamu, jika sudah klik simpan.

5. Langkah selanjutnya ialah meletakkan ID Google Analytics. kembali ke blog kamu, buka setelan, kemudian klik lainnya, pada kotak ID Properti Web Analytics letakkan ID Analytics disana, jangan lupa klik simpan.

Langkah Awal Membangun Sebuah Blog

Langkah Awal Membangun Sebuah Blog - Apa yang akan saya saat kamu mempunyai sebuah blog atau baru saja membuat sebuah blog.? pertanyaan itu sempat terlontar di fikiran saya saat saya mulai merintis blog ini hingga seperti saat ini, tak punya bekal apapun, tak mengerti HTML, tak paham SEO bahkan saat pertama kali saya membuat blog ini saya masih belum tahu apa itu Blogger? apa fungsi Blogger? dan untuk apa Blogger itu? membuat blog berawal dari ketidak sengajaan saya pada waktu membuat Akun Gmail, secara tidak senga saya mengikuti arah Google untuk masuk ke Blogger, pada saat itu saya beru pertama tahu tentang Blogger, baru pertama kali kenal dengan Blogger. berbekal Bonek saya perlahan-lahan membangun blog ini dengan search di Google mencoba memahami hingga seperti saat ini. Saya sangat berterimakasih pada kawan-kawan blogger yang telah mempost artikel-artikel tentang berbagai cara membangun sebuah blog, dari optimasi Blog, SEO, tentang HTML, Penyedia Template dll yang semuanya saya membantu saya.

Seperti yang saya kata, saya bukanlah ahli SEO dan tak paham HTML, namun saya ingin mencoba share bagaimana pengalaman saya membangun blog ini hingga seperti sekarang ini. Jika terdapat kekeliruan mohon koreksinya karena memang saya buka seorang ahli, namun yang saya share ini merupakan pengalaman yang saya lakukan saat membangun blog ini, dengan tertatih-tatih, jatuh-bangun, namun dengan semangat ingin tahu saya terus maju. Satu tahun sudah saya membangun blog ini, hingga saat ini adanya.
Jadi apa yang harus kamu lakukan untuk membangun sebuah blog yang sudah kamu buat, menurut pengalaman saya dan ini yang saya lakukan :

1. Buat judul yang unik
Judul yang unik terkadang membuat pengunjung kita akan selalu mengingat blog kita, jadi buatlah judul se-unik mungkin dan usahakan judul tersebut masih belum di gunakan oleh Blogger lain.

2. Tujuan membuat blog
Tentukan apa tujuan kamu membuat blog. kira-kira apa yang ingin kamu tulis di blog kamu. Tentang Resep Makana, Gadged, Tentang Blogger, Tentang Computer, Windows, Offcie dll. tentukan itu.!

3. Tentukan Tema
Tentukan tema yang ingin kamu gunakan di blog kamu, Usahakan cari Template yang SEO, Responsive, pilih warna yang sesuai dalam arti pilihan warna yang tidak mencolok atau apapun yang sekiranya membuat orang lain tidak betah melihat tampilan blog kamu. Kenapa harus SEO? SEO paling tidak nantinya akan yang akan menjaga posisi artikel kamu, begitulah yang saya pahami. Kenapa hatus Responsive? Responsive akan mengurangi daya pentalan yang tinggi, hal itu juga meruakan upaya Optimasi SEO blog kamu.

4. Tentukan Keyword (kata kunci)
Kata kunci termasuk hal wajib yang harus kamu lakukan untuk membangun blog kamu gunakan Google Keyword Tool untuk menentukan Kata kunci apa yang sedang popular yang saat ini banya di cari di seacrh engine Google.

5. Daftarkan di Google Webmaster tool
Ini merupakan cara agar blog kamu cepat ter index, di webmaster tool kamu dapat membertahu google bahwa kamu membuat sebuah blog baru, atau sedang membangun sebuah blog baru. Kunjungi Webmaster Tool

6. Gunakan PING setelah kamu update blog
Ping merupakan hal yang perlu kamu lakukan saat kamu selesai update blog kamu, yang perlu di ketahui, gunakanlah satu layanan Ping saja, dilarang menggunakan lebih dari satu, jika hal itu kamu lakukan, Google akanm mengaggap blog kamu sebagai Spam. Jika saya boleh menyarankan, gunakan layanan Ping milik Google saya, untuk cara ping di google ping Lihat disni

7. Buatlah isi blog kamu mudah di jangkau oleh pengunjung
Lalulintas pengunjung juga sangat berpengaruh pada perkembangan blog kamu, buatlah pengunjung merasa mudah untuk mengkases semua isi blog kamu, hal itu akan mengurangi pentalan pengunjung yang juga sangat berpengarus terhadap SEO, hal ini bisa kamu lakukan dengan menambahkan Site Map (peta situs) / Daftar Isi, Related Posts dll.

8. Share artikel
Bagikan artikel/conten blog kamu ke beberapa jejaring sosial, tujuannya iala mendulang pengunjung blog lebih banyak lagi, kamu dapat men-share artikel kamu ke Facebook, Twitter dll, atau submit artikel kamu ke media sosial bookmarking seperti Lintas me. Dewa Seo. Lintas berita dll. cara ini dapat kamu lakukan dengan manambahkan Widget Share this dll.

Hal-hal lain

1. Gunakan Alexa Toolbar, untuk mempercepat menurunkan peringkat alexa rank
2. Poting blog secara langsung, artinya tidak menggunakan aplikasi lain seperti Windows live writter dll
3. Tukar Link
5. Berkomentar di blog lain. usahakan berkomentar dengan blog sejenis.
6. Posting artikel secara teratur dan disiplin, jika kamu membuat posting artikel hanya 1 dalam sehari dan di waktu misal jam 8. malam, lakukan yang sama untuk ke esokan harinya dan seterusnya.

Mungkin hanya itu yang dapat saya share, jika terdapat kekurang berilah tanggapan kamu dengan berkomentar, semoga pengalaman saya bermanfaat dan membantu sahabat-sahabat blogger semua.

Cara Membuat Share Button Melayang

Banyak cara bagi kita untuk meningkatkan jumlah pengunjung di blog kita, yang salah satunya ialah dengan share artikel ke jejaring sosial seperti Facebook Twitter dll. Begitu pentingnya Widget ini untuk suatu blog hingga akhirnya saya menerbitkan postingan ini yaitu tentang Cara Membuat Share Button Melayang. Widget ini nantinya akan menjadi media baik bagi admin ataupun pengunjung untuk menyebarluaskan artikel blog kamu, dengan begitu, memungkinkan blog kamu akan bertambah visitor.

Cara membuatnya:

1. Kamu masuk ke Tata Letak

2. Tambah Gadged dan pilih HTML Java Script

3. Masukkan Kode berikut

Theme Transparan

<!-- AddThis Smart Layers BEGIN -->

<!-- Go to http://www.addthis.com/get/smart-layers to customize -->

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-528f0b215be50fed"></script>

<script type="text/javascript">

  var addthis_product = 'blg-1.0';

  addthis.layers({

    'theme' : 'transparent',

    'share' : {

      'position' : 'left',

      'numPreferredServices' : 5

    }   

  });

</script>

<!-- AddThis Smart Layers END -->

Theme Light

<!-- AddThis Smart Layers BEGIN -->

<!-- Go to http://www.addthis.com/get/smart-layers to customize -->

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-528f0b215be50fed"></script>

<script type="text/javascript">

  var addthis_product = 'blg-1.0';

  addthis.layers({

    'theme' : 'light',

    'share' : {

      'position' : 'left',

      'numPreferredServices' : 5

    }   

  });

</script>

<!-- AddThis Smart Layers END -->

Theme Dark

<!-- AddThis Smart Layers BEGIN -->

<!-- Go to http://www.addthis.com/get/smart-layers to customize -->

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-528f0b215be50fed"></script>

<script type="text/javascript">

  var addthis_product = 'blg-1.0';

  addthis.layers({

    'theme' : 'dark',

    'share' : {

      'position' : 'left',

      'numPreferredServices' : 5

    }   

  });

</script>

<!-- AddThis Smart Layers END -->

Klik simpan dan lihat hasilnya. Kamu juga dapat membuat langsung Disini, Selamat mencoba.!!!

Cara Mengetahui URL FeedBurner Blog

Salah satu pengunjung blog ini sempat melontarkan pertanyaan kepada saya bagaimana Cara Mengetahui URL FeedBurner Blog, saya sempat menyarankan padanya untuk search di google untuk cara ini karena memang topik ini sudah ramai di bahas di blog-blog tetangga, namun dia sempat menghubungi saya melalui akun Facebook yang mengatakan bahwa dia sulit memahami tips-tips yang dia baca tentang topik ini, saya harap ini menjadi solusi bagi dia dan juga pengunjuk blog ini. yang perlu kamu lakukan untuk mengetahui url feed blog :
1. Kunjungi alamat ini http://feedburner.google.com
2. Silahkan kamu masuk menggunakan akun blogger kamu

3. Dilaman seperti gambar di atas, masukkan alamat blog kamu di kotak url kemudian kamu klik next untuk meneruskan langkah selanjutnya.

4. Setelah kamu meng-klik next di langkah ketiga tadi, maka kamu akan di arahkan ke laman seperti gambar di atas, selanjutnya kamu klik next.

5. Pada langkah ini, kamu akan diberikan url feed blog kamu pada kota Feed Address seperti gambar di atas, url tersebut dapat kamu rubah sesuai yang kamu inginkan, namun ditahap ini url kamu masih belum aktif. Untuk mengaktifkannya, kamu klik next yang nantinya kamu akan kembali diarahkan pada laman baru disan kamu klik next, klik next lagi, klik lagi next hingga muncul laman seperti gambar dibawah ini.

Jika kamu sudah menemukan laman seperti gambar di atas, itu artinya kamu telah berhasil membuat url feed blog kamu, dan saya ucapkan selamat.
Bagi kamu yang sudah pernah membuat url feed blog namun sudah lupa url-nya, berikut solusinya.
1. Kunjungi alamt ini http://feedburner.google.com
2. Masuk menggunakan akun blogger kamu

3. Jika sudah berhasil masuk, pada laman my feed kamu klik nama blog kamu.

4. Klik Publicize dan selanjutnya klik Email Subscriptions, maka disan kamu akan menemukan script seperti gambar di atas, yang lebih jelasnya script-nya seperti dibawah ini.

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/faridelly', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blogspot/farid" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Tulisan yang berwarna merah di atas merupakan url feedburner blog kamu.
Semoga tips ini mudah dipahami dan menjadi solusi bagi semuanya. Selamat mencoba..!

Cara Menbuat Widget Kotak Berlangganan FeedBurner di Blog

Tutorial kali saya akan membahas tentang Cara Membuat Widget Kotak Berlangganan FeedBurner tips ini sudah banyak sekali dibahas di blog-blog sahabat dan bukan merupakan suatu pembahasan yang asing lagi di dunia blogger, namun itu bagi mereka-mereka yang sudah sekian lama menggeluti dunia blogger. Sebenarnya apa fungsi membuat Widget tersebut. Singkat saja saya jelaskan, Widget ini memiliki fungsi sebagai sarana bagi pungunjung blog kita untuk berlangganan artikel-artikel terbaru di blog tersebut, jadi pengunjung akan selalu mendapatkan kiriman artikel terbaru dari blog tersebut melalui email yang di daftarkan. Kurang lebih begitulah mengenai fungsi dari Widget ini. Seakarang seperti apa tampilan Widgetnya, berikut saya tampilkan Screenshot-nya.

Untuk membuat Widget yang seperti gambar di atas, caranya:
1. Login ke blog kamu>masuk ke Tata letak
2. Tambah Gadget dan pilih HTML Java Script, masukkan kode dibawah ini.

<style>

.mbt-email{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpu_oH8P4qoXPOGICngCT7EVjxgdMEfHEe_0W6C0Q9Gs6Ax2P9jAm4Jrt-FXqo4Rbclc-onLbRfIf90wIiSWxKAKSdkB_7dXwIGQVQOXt15XZagLYb2O1ozMS_ciDt3g86ue8N50pGvK4M/s1600/email.png) no-repeat 0px 12px ;

width:300px;

padding:10px 0 0 55px;

float:left;

font-size:1.4em;

font-weight:bold;

margin:0 0 10px 0;

color:#686B6C;

}

.mbt-emailsubmit{

background:#9B9895;

cursor:pointer;

color:#fff;

border:none;

padding:3px;

text-shadow:0 -1px 1px rgba(0,0,0,0.25);

-moz-border-radius:6px;

-webkit-border-radius:6px;

border-radius:6px;

font:12px sans-serif;

}

.mbt-emailsubmit:hover{

background:#E98313;

}

.textarea{

padding:2px;

margin:6px 2px 6px 2px;

background:#f9f9f9;

border:1px solid #ccc;

resize:none;

box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);

-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);

-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;

width:170px;

color:#666;}

</style>

<div class="mbt-email">

Subscribe via Email

<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/faridelly', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />

<input type="hidden" value="blogspot/faridelly" name="uri"/><input type="hidden" name="loc" value="en_US"/>

<input class="mbt-emailsubmit" value="Submit" type="submit" />

</form>

</div>

3. Ganti tulisan yang berwarna merah di atas dengan alamt FeedBurner blog kamu
4. Klik simpan.

Untuk cara mengetahui URL FeedBurner blog kamu, kunjungi lama dibawah ini
Cara Mengetahui URL FeedBurner Blog

Source

Cara Posting Blog di Blogspot Menggunakan Hp Symbian

Pada kesempat kali ini, saya akan membahas bagaimana cara posting artikel di blog menggunakan HP Symbian, sebelumnya saya sudah pernah membahas tentang bagaiman melakukan postingan menggunakan Blackberry.! Tutorial ini, sengaja saya buat dengan menggunakan HP saya. Bayangkan saja, jika biasa kamu hanya bisa update blog km di rumah atau di warnet dengan computer, dengan cari ini kamu dapat melakukanya dimanapun kamu berada dengan hanya menggunakan HP km, tutorial ini pun saya buat ketika saya mengikuti pelatihan, karena jenuh dengan suasana formal, saya mencoba menghibur diri untuk share artikel ini buat kamu, yang saya harap dapat bermanfaat.!
Untuk melakukannya.!!
1. Akun blog kamu harus dalam ke adaan terbuka, jika tidak kamu login dulu ke akun blogger kamu.
2. Gunakan web browser operamini di HP kamu
3. Ketikkan atau copy url ini di adders bar operamini kamu. (Pilih salah satu saja)
______________
www.blogger.com/blog-this.g
______________
draft.blogger.com/blog-this.g
______________
beta.blogger.com/blog-this.g
______________
Tekan enter, maka kamu akan di arahkan pada menu entri yang sama persis dengan saat kamu membuka menggunakan computer. Jika kamu mempunyai blog lebih dari satu dalam satu akun. Pilih dimana kamu akan membuat posting. Tombol pilihan tersebut berada di pojok kanan atas.! Jika sudah dan akan mempublikasikan posting yang kamu buat. Klik "Terbitkan entri" dan selesai.!!
Jika kita cermati, proses membuat posting di blog menggunakan HP Symbian ini yg paling di butuhkan atau menjadi kunci ialah penggunaan browse "Operamini" dari sana saya berkesimpulan menurut pendapat saya pribadi, bahwa cari ini dapat kamu lakukan juga di luar HP yg berbasis symbian, bisa saja HP berplatform JAVA asal ada Operamini. Namu saya tidak menjamin hal itu, karen saya belum menerapkanya di lain Symbian.. Buat agan-agan tidak ada salahnya jika agan mencoba! Karena tips ini 100% gratis, 100% aman, 100% menambah pengalaman.hehe..! Selamat mencoba gan.!
Powered by Telkomsel BlackBerry®

Cara Mudah Parse HTML

Cara Mudah Parse HTML – Cara ini buat kamu para Publisher yang ingin menampilkan iklan di setiap postingan blog kamu. Encode HTML kata lain dari Parse HTML merupakan langkah penting, karena setiap Script Iklan ingin kamu tampilkan di halaman postingan blog kamu harus melalui proses Encode HTML ini. Bagaimana cara melakukan proses Parse HTML ini? berikut Cara Mudah Parse HTML.

1. Yang pertama kali yang harus kamu lakukan ialah menyiapkan Script yang ingin kamu parse.

2. Selanjutnya kamu kunjungi alamat ini http://www.blogcrowds.com

3. Setelah proses loading selesai, kamu akan menemukan lama seperti gambar di atas, copy dan pastekan Script yang ingin kamu parse di kotak yang sudah disediakan, selanjutnya kamu klik Parse

4. Setelah menunggu proses loading selesai, maka akan muncul hasil dari Script yang tadinya kamu parse, tinggal kamu copy dan pastekan.

Artister 4, Aplikasi Untuk Membuat Template Blog Sendiri

Artister 4, Aplikasi Untuk Membuat Template Blog Sendiri. Bagi kamu yang sudah lama menggeluti dunia blogger aplikasi ini bukanlah hal asing lagi, aplikasi ini memberikan kemudahan bagi kamu yang ingin membuat template blog sendiri di blog kamu. Template yang di hasilkan Artister dapat kamu gunakan di Blogspot, Wordpress dll.


Di Artister, kamu akan diberikan beberapa pilhan poject yang mana project tersebut yang dapat kamu edit sesuai dengan yang kamu inginkan. Keseluruhan bagian template mulai dari header, sedibar, footer dan layout dapat kamu sesuaikan dengan yang kamu inginkan, disna sudah terdapat beberapa pilhan header, sedibar, footer dan juga page, dengan kata lain, kamu tidak harus mahir Photoshop dan alhli kode-kode HTML untuk menemukan bentuk dan warna yang pas untuk template buat kamu sendiri itu, blogger newbie seperti sayapun bisa membuatnya.
Untuk menampilkan gambar dibagian template yang kamu buat, biasanya gambar tersebut harus kamu upload terlenih dahulu, dengan kata lain, kamu hanya butuh url gambar tersebut di antara kode-kode html, di Artister, gambar yang kamu gunakan akan dengan sendirinya terupload. Jadi kamu bisa meletakkan gambar apapun untuk menambah variasi dari template yang kamu buat langsung melalui drive computer kamu.
Semua proses pembuatan template, dapat kamu lakukan tanpa koneksi internet, hanya saja saat kita ingin publish template tersebut ke blog kamu, disitulah koneksi internet dibutuhkan.
Proses pergantian template, dari template blog yang lama ke template baru asli buatan kamu, kamu dapat melakukannnya langsung di Artister dengan mengklik tombol Export, setelah proses selesai, maka secara otomatis template blog kamu berubah.

Membuat Halaman Daftar Isi Blog Berdasarkan Kategori

Membuat Halaman Daftar Isi Blog Berdasarkan Kategori. Daftar isi atau Sitemap memang bisa dikatakan suatu laman wajib yang memang harus ada pada blog kita, mengingat manfaatnya yang banyak bagi para pengunjung blog kita. dengan Daftar Isi para pengunjung dapat melihat postingan kita secara keseluruhan yang ditampilkan berdasarkan kategori. Berikut tampilannya.

Untuk membuat Daftar Isi seperti gambar diatas sangatlah mudah, yang anda butuhkan hanyalah Script dari Daftar Isi yang mana kode ini yang akan membentuk suatu tampilan seperti gambar diatas. Jika anda berminat, langsung saja anda simak langkah-langkahnya dibawah ini:

1. Buat Entri Baru (buat posting baru)
2. Pastekan Kode berikut di "HTML"

<style type="text/css">
#tabbed-toc {
  margin:0 auto;
  background-color:#8A94F0;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  overflow:hidden;
  position:relative;
  color:#000;
}
#tabbed-toc .loading {
  display:block;
  padding:5px 10px;
  font:normal bold 12px Tahoma,Sans-Serif;
  color:white;
}
#tabbed-toc ul,
#tabbed-toc ol,
#tabbed-toc li {
  margin:0 0;
  padding:0 0;
  list-style:none;
}
#tabbed-toc .toc-tabs {
  width:20%;
  float:left;
}
#tabbed-toc .toc-tabs li a {
  display:block;
  font:normal bold 10px/28px Tahoma,Sans-Serif;
  height:28px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#000;
  text-transform:uppercase;
  text-decoration:none;
  padding:0 12px;
  cursor:pointer;
}
#tabbed-toc .toc-tabs li a:hover {
  background-color:#C4C9F8;
  color:black;
}
#tabbed-toc .toc-tabs li a.active-tab {
  background-color:#181D67;
  color:white;
  -webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  -moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  position:relative;
  z-index:5;
  margin:0 -1px 0 0;
  /* cursor:text; */
}
#tabbed-toc .toc-content,
#tabbed-toc .divider-layer {
  width:80%;
  float:right;
  background-color:white;
  border-left:5px solid #181D67;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#tabbed-toc .divider-layer {
  float:none;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  -webkit-box-shadow:0 0 7px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 7px rgba(0,0,0,.7);
  box-shadow:0 0 7px rgba(0,0,0,.7);
}
#tabbed-toc .panel {
  position:relative;
  z-index:5;
  font:normal normal 10px Tahoma,Sans-Serif;
}
#tabbed-toc .panel li a {
  display:block;
  position:relative;
  font-weight:bold;
  font-size:11px;
  color:#051466;
  line-height:20px;
  height:20px;
  padding:0 12px;
  text-decoration:none;
  outline:none;
  overflow:hidden;
}
#tabbed-toc .panel li time {
  display:block;
  font-style:italic;
  font-weight:normal;
  font-size:10px;
  color:#666;
  float:right;
}
#tabbed-toc .panel li .summary {
  display:block;
  padding:10px 12px 10px;
  font-style:italic;
  border-bottom:4px solid #275827;
  overflow:hidden;
}
#tabbed-toc .panel li .summary img.thumbnail {
  float:left;
  display:block;
  margin:0 8px 0 0;
  padding:4px 4px;
  width:72px;
  height:72px;
  border:1px solid #dcdcdc;
  background-color:#fafafa;
}
#tabbed-toc .panel li:nth-child(even) {
  background-color:#eee;
}
#tabbed-toc .panel li a:hover,
#tabbed-toc .panel li a:focus,
#tabbed-toc .panel li a:hover time,
#tabbed-toc .panel li.bold a {
  background-color:#999;
  color:none;
  outline:none;
}
#tabbed-toc .panel li.bold a:hover,
#tabbed-toc .panel li.bold a:hover time {
  background-color:#222;
}
@media (max-width:700px) {
  #tabbed-toc {
    border:2px solid #333;
  }
  #tabbed-toc .toc-tabs,
  #tabbed-toc .toc-content {
    overflow:hidden;
    width:auto;
    float:none;
    display:block;
  }
  #tabbed-toc .toc-tabs li {
    display:inline;
    float:left;
  }
  #tabbed-toc .toc-tabs li a,
  #tabbed-toc .toc-tabs li a.active-tab {
    background-color:#224C19;
    -webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);
    -moz-box-shadow:2px 0 7px rgba(0,0,0,.4);
    box-shadow:2px 0 7px rgba(0,0,0,.4);
  }
  #tabbed-toc .toc-tabs li a.active-tab {
    background-color:white;
    color:#333;
  }
  #tabbed-toc .toc-content {
    border:none;
  }
  #tabbed-toc .divider-layer,
  #tabbed-toc .panel li time {
    display:none;
  }
}
</style>

<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<a href="
http://faridelly.blogspot.com/2013/10/membuat-halaman-daftar-isi-blog.html" style="display: block; font: normal bold 8px Tahoma,Sans-Serif; margin: 9px; text-align: right; text-decoration: none;" title="ARSIP">arsip</a>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://faridelly.blogspot.com",
    containerId: "tabbed-toc",
    activeTab: 1,
    showDates: false,
    showSummaries: false,
    numChars: 200,
    showThumbnails: false,
    monthNames: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    newTabLink: true,
    maxResults: 99999,
    preload: 0 // Load the feed after 0 seconds (option => time in milliseconds || "onload")
};
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js" type="text/javascript"></script>

3. Jika sudah anda pastekan, Klik "Publikasikan"
4. Selesai .........

Cara Modifikasi Widget About Me

Cara Modifikasi Widget Aboute Me. Anda sudah pasti tahu apa fungsi dari Widget yang satu ini, Widget ini yang menggambarkan secara singkat tentang profil admin suatu blog, hampir di setiap blog menggunakan widget ini sebagai suatu sarana untuk mengenalkan diri para blogger ke semua pengunjung, dan sebagian besar para blogger menggunakan Widget Aboute Me bawaan Blogger yang otomatis hampir semua tampilan Widget ini memiliki kesamaan.

Disini saya akan memberikan wajah baru dari Widget About Me yang merupakan hasil modifikasi para blogger negeri ini. Lihat gambar di atas, atau lebih jelasnya lihat di blog ini. Untuk merubah widget ini anda copy kode di bawah ini.

<style>
#aboutme {
  background-color:#fff;
  -moz-box-shadow:0 0 3px #e0e0e0;
  -webkit-box-shadow:0 0 3px #e0e0e0;
  box-shadow:0 0 3px #e0e0e0;
  border:1px solid #666;
  padding:3px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin:0 auto;
  margin-top:15px;
  padding:10px;
  width:210px;
  height:auto;
}
.name-author {
  margin:0 0 7px;
  display:block;
  width:100%;
}
.name-author h3 {
  position:relative;
  display:inline;
  background-color:#0097BD;
  color:#FFF;
  font-family:Segoe UI;
  font-size:15px;
  font-weight:bold;
  margin:0 0 0 -3px;
  padding:3px 5px 3px 10px;
  width:100%;
  -moz-text-shadow:0 1px 0 black;
  -webkit-text-shadow:0 1px 0 black;
  text-shadow:0 1px 0 black;
}
.name-author h3:after {
  content:" ";
  width:0;
  height:0;
  position:absolute;
  left:100%;
  top:0;
  border-width:13px;
  border-style:solid;
  border-color:transparent transparent transparent #0097BD;
}
@-webkit-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-moz-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-keyframes name-author {
  0% {color:white}
 20% {color:Orange}
 40% {color:pink}
 60% {color:Orchid}
 80% {color:gold}
 100% {color:white}
}
/* Penerapan efek pada element yang akan diberi efek*/
.name-author h3 {
/* Waktu 10 detik */
  animation:10s infinite name-author linear;
  -webkit-animation:10s infinite name-author linear;
}
.aboutme-text {
  font-size:12px;
  text-align:left;
  margin:0;
}
.aboutme-image-container {
  float:left;
  width:70px;
  height:70px;
  margin-right:75px;
        z-index:1;
}
.aboutme-image-container {
  margin:-20px 0 5px 0;
  padding:9px;
  position:relative;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:100%;
  -moz-border-radius-bottomright:100%;
  -moz-border-radius-bottomleft:100%;
  border-bottom-right-radius:100%;
  border-bottom-left-radius:100%;
  -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  background-color:#59B52E;
}
.aboutme-image-container:before {
  content:' ';
  position:absolute;
  top:0;
  left:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 0 10px 10px;
  border-color:transparent transparent #333 transparent;
}
.aboutme-image-container:after {
  content:' ';
  position:absolute;
  top:0;
  right:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 0 0 10px;
  border-color:transparent transparent transparent #333;
}
.aboutme-image-container img {
  width:100%;
  height:100%;
  border:2px solid yellow;
  border-radius:100%;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
.aboutme-image-container img:hover {
  border:2px solid GOld;
  cursor:pointer;
  margin-left:0;
  -moz-transform:scale(1.2) rotate(360deg);
  -webkit-transform:scale(1.2) rotate(360deg);
  -o-transform:scale(1.2) rotate(360deg);
  -ms-transform:scale(1) rotate(-360deg);
  transform:scale(1.2) rotate(360deg);
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
</style><div id='aboutme'>
<div class='aboutme-image-container'>
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash3/c107.31.391.391/s160x160/1013266_1409689289243957_1398716582_n.jpg" />
</div>
<div class='name-author'>
<h3>Farid</h3></div>
<div class='aboutme-text'>Terlahir dan besar di Desa Gadingsari Kecamatan Binakal di Kabupaten Bondowoso, buka seorang pakar SEO, melaikan hanya seorang blogger biasa yang ingin selalu berbagi tentang segala hal yang bermanfaat <a href="https://plus.google.com/15678892627746464" style="color: #666;">...Lihat Profil Lengkapku</a>
</div></div>

Pastekan kode di atas di "HTML JavaScript"

Ket:

Tulisan warna hijau : untuk mengatur ukuran Widget Aboute Me
Tulisan warna biru : ganti dengan Url gambar yang anda inginkan
Tulisan berwarna merah : ganti dengan Nama anda, diskripsi singkat tentang anda dan ID  Google+ anda

Cara Ping Blog di Bing Search Engine

Cara Ping Blog di Bing Search Engine. Bing merupakan pesaing ketat Google memang mesin pencarian yang satu ini tidak banyak diminati tak seperti Google, namun catatan statistik mengungkap, Bing pelan tapi pasti kini Bing mulai diminati para pengguna internet.

Jika blog anda sudah memiliki banyak pengunjung melalui Search Engine Google, tidak ada salahnya jika kita mencoba mencari pengunjung melalui Search Engine Bing. Pada kenyataannya blog yang sudah terindeks oleh google belum tentu blog tersebut di indeks oleh Bing, perlu sedikit usaha agar blog kita juga nampang di Serch Engine Bing. Salah satu caranya yaitu melakukan Ping di Search Engine Bing. Namun sebelum melakukan itu daftarkan terlebih dahulu blog anda di Bing Webmaster Tool, dan saya angap anda telah melakukan langkah tersebut, dan untuk melakukan Ping di bing berikut caranya.

• Copy URL dibawah ini dan anda pastekan di Addres Bar Google Crome atau Mozilla anda
• http://www.bing.com/webmaster/ping.aspx?siteMap=http://faridelly.blogspot.com/atom.xml
• Ganti tulisan yang berwarna merah dengan URL blog anda
• Tekan Enter dan selesai.

Membuat Kotak Berlangganan Artikel Ala Johny Simple Blog

Kota Berlangganan dengan kata lain Subscribe ada sebagian orang mengatakan kalau widget ini memang harus ada pada blog kita, fungsi dari widget ini menurut sepengetahuan saya yaitu memudahkan pengunjung blog kita untuk berlangganan artikel - artikel terbaru kita melalui email, yang mana update artikel kita akan secara otomatis dikirimkan ke email tersebut. Anda tertarik? berikut ini penampilannya.

Berikut cara pasang Widget Kotak Berlangganan.

1. Login ke blog anda lalu Add Gadged pilih HTML Java Script

2. Copy dan paste kode dibawah ini

<center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWPTaUG_z48dptVg8pc7LyqWHH3ssSZHcic8meBh3JlxY3OSsRvVr3w5xNK4lGc-1cxn1yzbwil1aDalLS_GiR-xWor1egYRKxCANtlTisgwkKxU1ACoAXJCKmpVj17-KpbS3shNSGRfQ/s1600/mail.png" border="0" title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy2eIP0oM5Ce8hRJVg1fzUjLeOG1m8tAzND6moKdljKOU0DpaXYE6FSBI08i07eSVvc87Gjqq4QQm935ndGzv_oW6CrEM-u60GCrMYkefzBo2LLFvzuDrysDbr9wNJ7UsEmwPXMXUi0Fs/s1600/rss.png" border="0" title='rss'/></a> </td>
<td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3CGE5BR0Cn8UkLob5EANkrmVKrJThUM76MRpYbQvowVV_Vk6oVkfIkDhM2cQcCHLmVS8P6IvCOMoNbisag6Bj49luNLbPjLh8BAjqoW6Hhx4UgCKTGVBUdph0jAgfSqWgLnJ4Vt7BRCQ/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
<td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV-KHgeC3QT2EFuZrqWucJccJ_5sNTeNHGl7XPeTqyHn2aWcBv1WBZZjYeTmk0qTxUrW031oAe9cPBBjyVztm6WSAPo9WqcH218ic3ygceQqMUmZp8SQR7Bs6ytHyV1K3fO4hCfBIGiz4/s1600/facebook.png"  border="0" title='facebook'/></a> </td>
<td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8BMgqDS5Mn5jwHWOemOA3rm2ddFK1r9yu74JRiuN-pSNVDXfFvLZA-23bub4DzwoRfqs0w2ncrZDhxKAzhF2p4gKDOpw1BdmBjsobavb2LbcNdyUNvXgSitKReUjh8At_uDpi6jiAD0/s1600/youtube.png"  border="0" title='youtube'/></a>
</td></tr></tbody></table> </div></center>
<center>
<div class='sub-box'>
<div style="text-align: left; display: inline-block;">
<h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
<small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/maskolis' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="maskolis" name="uri"/>
<input type="hidden" name="loc" value="fr_FR" />
<input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="Enter" title='' alt='' />
</form></div></div></center>

Rubah tulisan "Maskolis" yang di cetak tebal sesuai dengan alamat Feedburner dan akun jejaring sosial anda. Semoga membantu.

Posting Blog Lebih Mudah Dengan Windows Live Writer

Hari ini merupakan posting saya yang pertama di bulan puasa ini, sebelumnya saya ingin mengucapkan selamat menunaikan ibadah puasa buat agan-agan yang menjalaninya.  Baiklah kita kembali pada pokok bahasan kita, yaitu bagaimana caranya posting blog menggunakan Windows Live Writer. Jika agan masih belum punya silahkan agan Download dulu Windows Live Essentials disitus resminya. Setelah anda Download, silahkan ikuti langkah-langkahnya sebagai berikut:

Perhatikan gambar di atas, anda Klik pada pilihan yang paling bawah sendiri (klik other blog service) kemudian anda klik Next. Setelah anda klik Next maka akan muncul seperti gambar dibawah ini.

Selanjutnya anda masukkan url blog anda, isikan Username dengan Username atau email Account blog anda, isikan password dengan password blog anda. Klik Next dan tunggu proses selanjutnya. Untuk pengguna Wordpress anda harus masuk ke Setting > Writing dan turun kebawah beri tanda centang XML-RPC. Demikian dulu sob..Semoga berhasil.!

SEO: Tips Memilih Keyword

SEO: Tips Memilih Keyword - Keberhasilan SEO sangat dipengaruhi oleh Kayword yang dipilih. Percuma anda meng-optimize Blog atau Website anda sedemikian rupa tetapi salah Keywordnya. Pada kesempatan kali ini, saya akan membahas tuntas tentang apa itu Keyword dan cara memilih Keyword yang tepat.

Apa Keywor itu? Keyword adalah sebuah 'Terms' (bisa satu kata atau lebih) yang apabila diketik di Google, Blog atau Website anda muncul. Sebagai contoh: apabila saya mengoptimize Blog ini dengan Keyword "Tutorials Blogging" maka apabila orang mengetik "Tutorials Blogging" di Google maka Blog saya yang muncul di hasil pencarian Google.

Ketika Blog kita muncul di halaman pencarian, yang pasti peringkatnya bermacam-macam di Google, hal itu yang kita kenal dengan sebutan SERP (search engine result position). Tujuan kita melaukan SEO ialah meraih SERP yang tinggi agar semua artikel yang kita buat selalu berada di halaman pertama pencarian Google. Untuk melakukan hal itu, anda selaku pemilik blog harus memilih Keyword yang sesuai, jangan sampai memilih Keyword "Tutorials Blogging" sementara isi dari blog anda tentang "Download Software and Game". Keyword tersebut kurang tepat, Keyword yang tepat akan semakin mengoptimasi Blog anda dan memiliki SERP yang tinggi. Berikut Tips memilih keyword yang tepat untuk anda:

1. Keyword anda harus umum: Jangan menggunakan Keyword yang sekiranya jarang orang ketahui, misalnya: Tips menjadi blogger masuk surga, dll.
2. Harus sesuai denga Blog anda. Jika Blog anda berisi tentang "Tutorials Blogging" pasang Keyword yang berhubungan dengan "Tutorial Blogging".
3. Keyword anda harus spesifik. Jika anda membuat Blog yang berisi tentang "Tutorial Blogging" maka incaran Keyword seperti: Cara cepat membuat blog, dll.

Sampai disini dulu penjelasan saya tentang Tips Memilih Keyword. Semoga bermanfaat untuk kita semua.

Tips SEO Terbaru Google 2013

Tips SEO Terbaru Google 2013 - Kalau tidak salah baru kali ini saya memposting artikel tentang SEO saya sendiri masih kurang paham tentang SEO yang memusingkan kepala, karena saya rasa tips ini bermanfaat jadi saya berniat untuk berbagi-bagi tips ini untuk anda semua. Silahkan disimak.

1. Konten adalah raja : Istilah ini memang tidak terbantahkan lagi. Munculnya algoritma Google Panda yang membagikan penalti bagi website/blog yang memiliki kualitas konten yang rendah. Jadi disni anda diminta untuk menjaga kualitas konten di website/blog anda. Konten yang berkualitas menurut aturan Google pada dasarnya adalah konten yang enak dibaca dan mudah dipahami oleh pembaca. Konten anda Harus asli, unik dan fresh dan hindari aktivitas Copy Paste konten, karena hal itu sangat dibenci Google.
2. Update Posting Secara Teratur : Anda harus membuat jadwal untuk mengupdate blog anda, misalnya: setiap hari minggu pukul 10 pagi, maka lakukanlah upadate posting blog anda di hari dan jam itu. Tujuannya adalah agar Google gampang mengingat kapan Google bisa mengunjungi website/blog anda.
3. Layanan Ping : Gunakan Ping setiap anda selesai mempublikasikan artikel, namun jangan menggunakan layanan Ping lebih dari satu karena Google akan menganggap Spamming. Untuk Ping anda dapat menggunakan layanan ping milik Google yaitu GooglePing untuk cara menggunakan ping di GooglePing silahkan anda baca Disini
4. Keyword : Gunakan keyword (kata kunci) secara efektif. baik dari segi jumlah maupun posisi, jangan berlebihan dalam menyisipkan kata kunci pada konten. Batas maksimal yaitu sekira 3% artinya pada 100 kata-kata dihalaman anda, anda hanya dibolehkan mengulang kata kunci sebanyak 3 kali. Anda dapat mengunjungi alamant ini http://adwords.google.com/select/KeywordToolExternal untuk mendapatkan keyword yang tepat sasaran.
5. Nama Domai Yang Sesuai : pilih nama domai yang sesuai denga keyword yang anda targetkan, misalkan anda menargetkan keyword SEO maka anda bisa memilih nama domian seperti tips-seo.com atau trikseo.com.
6. Long Tail Keyword : saat ini adalah eranya, Long Tail Keyword adalah dimana pencarian menggunakan kata kunci yang panjang atau spesifik. Contoh untuk keywod Software maka Long Tail Keywordnya adalah. Software Gratis untuk Windows.
7. Hindari Code Bloat : Yaitu ketika JavaScript dan CSS ditulis jadi satu dengan file HTML anda. Hal ini bisa menyusahkan mesin pencari mengkonversi kode HTML anda ke dalam bentuk konten, Maka tulislah Java Script dan CSS anda pada file yang terpisah dalam halaman utama anda.
8. Tautan Link : Jika tadi kita telah mengmbicarakan Panda, kali ini giliran Pinguin, pada algoritma panda anda di tuntut memiliki kualitas tautan (link). Pinguin akan akan memberikan penalti bagi website/blog yang memiliki kualitas link yang rendah. tautan link yang berkualitas adalah link yang tumbuh secara alami, dimana dia mempunyai relevansi dengan isi konten, bukan sekedar dipasang untuk kepentingan SEO. Usahakan anda untuk mencantumkan internal link, yaitu link yang menghubungkan pembaca dari satu halaman ke halaman lain di website/blog anda.
9. Backlink yang berkualitas : Untuk mendapatkan Backlink yang berkualitas ada dapat melakukan Blokwalking, membuat blog-blog dummy, menjadi penulis tamu di blog lain.
10. Submit Blog : Masih berkaitan dengan tip yang nomor 9. Submit blog anda ke layanan derektori, sosial media seperti Facebook, Twitter dan Google +.

Semoga apa yang saya bagikan juga dapat anda rasakan manfaatnya. Heppy Blogging..

Membuat Tombol Share Melayang di Blog

Membuat Tombol Share Melayang di Blog - Dimana-mana sitiap blog memiliki tombol share sebagai sarana untuk membagikan artikel blog tersebut ke jejaring sosial seperti Facebook, Twitter dll. Membagikan artikel ke jejaring sosial menurut saya perlu untuk dilakaukan sebgai sarana promosi untuk meningkatkan Visitor blog kita. Pada kesempatan kali ini saya akan memberikan Tips cara membuat Tombol Share di blog anda. cara ini cukup simple namun hasilnya saya jamin memuaskan anda. Tengok saja tampilan tombol sharenya dibawah ini.

DEMO

Masih merasa kurang jelas dan kurang puas, silahkan klik DEMO untuk melihat demonya.

Untuk membuat tombol share seperti gambar di atas, begini caranya:

1. Pada Dashboar pilih Tata Letak
2. Tambag Gadged dan pilih HTML Java Scriot
3. Copy dan letakkan kode dibawah ini.

<script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript">

</script>

Terakhir Klik Simpan dan lihat hasilnya.

Tips Mencari Kode HTML di Menu Edit HTML Baru

Tips Mencari Kode HTML di Menu Edit HTML Baru - Pada posting sebelumnya saya sudah Mengenalkan Menu Edit HTML yang Baru kepada anda, saat ini saya akan membahas bagaimana Cara Mencari Kode HTML di Menu HTML Baru. Untuk memnemukan Kode HML di Menu Edit HTML yang baru sangat berbeda pada Menu Edit HTML yang sebelumnya, pasalnya Menu Edit HTML yang baru sidah memliki Search/Kotak Pencarian sendiri. Jika anda menggunakan Kotak Pencarian lama maka bisa dipastikan kode yang ada cari tidak akan anda temuka. Jadi bagaimana caranya? simak berikut:

Pada gambar di atas menunjukkan kotak pencarian Menu Edit HTML yang baru berada di pojok kanan atas. namun kotak pencarian tersebut tidak secara default muncul, untuk memunculkannya yaitu dengan menggunakan Ctrl+F, namun sebelum anda menekan tombol Ctrl+F pidahkan dulu cursos anda ke dalam kode-kode HTML yang tertera dengan cara mengklik halaman kode-kode HTML lalu anda gunakan Ctrl+F maka akan muncul kotak pencarian di pojok kanan atas. Jika cursor anda tidak dipindahkan, yang akan muncul nantinya ialah kotak pencarian yang lama, dan kotak pencarian lama tersebut tidak berfungsi di Menu Edit HTML yang baru.

Selanjutnya untuk mencari kode HTML yang ingin anda cari, seperti gambar diatas, masukkan kode HTML yang ingin anda cari, lalu anda tekan Enter. Maka kode HTML akan muncul di halam Kode-kode HTML seperti gambar di atas.

Sebenarnya cukup mudah untuk anda lakukan, berhubung Menu Edit HTML Berpenampilan Baru, jadi tidak menutup kemungkinan masih ada yang bingung untuk melakukannya. Semoga membantu.....

Mengenal Tampilan Baru Menu Edit HTML Pada Template Blogger

Mengenal Tampilan Baru Menu Edit HTML Pada Template Blogger - Anda pasti tahu tentang Tampilan Baru Menu Edit HTML sebagian blogger mengatakan tampilan baru menu edit HTML membingungkan tidak terkecuali saya sendiri, memang kita butuh waktu untuk beradaptasi dengan tampilan baru menu edit HTML Blogger. Banyak perubahan yang menjadikan pembeda dengan tampilan menu edit HML  yang lama, perbedaan yang cukup besar yaitu pada saat kita mencari kode di menu HTML yang baru sangat berbeda dengan menu edit HTML yang lama, hal ini yang membuat saya kebingungan saat pertama kali mencoba mencari kode di menu edit HTML yang baru. Bagaimana dengan anda? Biar anda tidak merasa bingung berikut ulasan tentang tampilan baru menu edit HTML.

1. Kembali: Mengarahkan anda di halam untama Template
2. Simpan Template: Jika anda tidak sedang mengedit Template maka Tombol Simpan Template tidak akan berfungsi.
3. Lompat ke Widget: ini merupakan menu baru yang di khususkan untuk kolm Widget yang menampilkan menu-menu Widget yang ada pada template. Lompat ke Widget menampilkan Widget-widget dalam bentuk Dropdown. Tombol ini merupakan jalan pintas yang akan memudahkan anda untuk mengedit kolm widget blog anda.
4. Edit Template: Tombol ini tidak berfungsi pada saat anda berada di tampilan editing, tombol ini berfungsi saat anda melakukan pratinjau, dan untuk kembali ke tampilan editing anda gunakan tombol Edit Template.
5. Pratinjau Template: Tombol ini masih memiliki fungsi yang sama seperti pada tampilan yang sebelunya, gunakan tombol ini untuk melihat hasil editing anda sebelum melakukan penyimpanan hasil editing, namun ada yang berbeda, jika pada tampilan lama anda melakukan Pratinjau Template yang hasilnya akan terbuka di Tab baru, pada tampilan menu edit HTML yang baru tampilan Pratinjau Template muncul di menu edit HTML itu sendiri.
6. Kembalikan Perubahan: Tombol ini berfungsi untuk mengembalikan semua perubahan yang anda lakukan, meskipun anda telah menyimpan template, tombol ini akan mengembalikan semua perubahan yang telah anda lakukan.
7. Kembalika Template Widget ke Default: Jangan coba-coba anda mengklik tombol ini karena tombol ini memiliki fungsi untuk mengembalikan tampilan blog anda pada tampilan semula dan menghilangkan beberapa fungsi yang ada pada template anda. Lakukan ini jika anda merasa sangat terpaksa dan harus melakukannya.
8. Format Template: Tombol ini merupakan tombol baru dengan fungsi baru, saat saya melakukan dan mengklik tombol ini, saya langsung di arahkan ke sebuah kode di dalam template saya, dan sampai saat ini saya masih belum mengetahu fungsi sebenarnya.
9. Search/Kota Pencarian: Kota pencarian mencul di pojok kanan atas, namun untuk memunculkannya cursor PC/Laptop anda harus berada didalam menu edit HTML. Ada yang berbeda saat anda melakukan pencarian kode di tampilan baru ini. Untuk mencari kode HTML, anda masukkan kode pada Search/Kotak pencarian dan tekan enter untuk menemukan kode yang anda cari.

Demikian perkenal saya kepada anda tentang Tampilan Baru Menu Edit HTML semoga menambah pencerah bagi kita semua.

Cara Mudah Menambahkan Fungsi Scroll Pada Archive Blog

Cara Mudah Menambahkan Fungsi Scroll Pada Archive Blog. Kita tahu setiap posting artikel kita akan selalu dimuat di Blog Archive, semakin banyak artikel yang kitabuat makan akan semakin memanjang pulan Widget Archive Blog kita, jika sudah demikian maka sangat memakan tempat pada sedibar blog kita. Bagai mana caranya agar Blog Archive tidak memanjang dan memakan tempat di sedibar blog kita? Banyak cara untuk menjawab pertanyaan tersebut yang salah satunya adalah dengan menambahkan fungsi scroll pada Blog Archive. Mari kita simak pembahasannya.

1. Login ke akun blog anda
2. Pada Dasboard anda pilih Template
3. Kemudian Edit Template
4. Anda cari kode ]]></b:skin> . Jika anda menggunakan Ctrl+F untuk mencari kode ]]></b:skin> masukkan kode ]]></b:skin> ke kotak pencarian lalu tekan enter.
5. Selanjutnya anda masukkan kode dibawah ini tepat di atas kode]]></b:skin>

 

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Simpan Template.
Catatan: Jika pada template anda kode Blog Archive berkode <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'/>. Maka anda gati pada kode yang tertulis dengan warna merah diatas  #BlogArchive1 menjadi #BlogArchive2