Cara Menambah Gadget Dasar Pada Blogspot

Huruf yang ingin dijadikan huruf besar
Menurut Blog's Eko Gadget adalah bagian terpenting dari suatu Blog, Maka Saat ini Blog's Eko akan menjelaskan pada anda bagaimana menambah gadget pada blog blogspot? Caranya sebenarnya sangat mudah. Silahkan ikuti tutorialnya dengan sangat singkat, yaitu :

Pertama, tentu saja anda harus login ke www.blogger.com.

Kedua, tuju ke alamat blog yang ingin anda tambahkan Gadgetnya lalu klik Design/Rancangan. Anda akan masuk ke halaman struktur blog anda berupa area tampilan posting dan side bar. Ini tergantung template dasar anda. Template macam-macam. Ada yang berformat side kanan dan kiri sementara di tengah adalah artikel. Ada yang side bar 1 saja di bagian kanan atau kiri. Di side bar inilah kita bisa menambah Gadget. Lihat gambar di bawah ini


Ketiga, klik Tambah Gadget/Add Gadget. Akan muncul window baru seperti di bawah ini.




Di sinilah kita bisa memanmbahkan Gadget yang kita inginkan dan tentu saja yang kita sukai. Untuk lebih mengenalkan, saya akan berikan listnya untuk anda berikut ini :

• Ikuti lewat Email (Baru!), gadget agar visitor bisa mendaftarkan email sehingga mereka bisa mengikuti setiap artikel baru yang kita posting
• Entri Populer (Baru!), jika anda memilih gadget ini maka akan muncul di side bar posting yang paling banyak dibaca visitor
• Statistik blog, menampilkan lalu lintas pengunjung berupa angka yang menunjukkan berapa kali posting artikel anda dibaca
• Daftar Link, Gadget untuk menambah link blog yang lain, misalnya blog teman.
• HTML/JavaScript, gadget jika kita mau menambahkan banner, text html, script iklan adsense dll.
• Gambar, tampilkan gambar anda di sini
• Arsip Blog, tambahkan Gadget ini jika mau arsip artikel yang telah anda tulis muncul di side bar
• Laman
• Pengikut
• Kotak Penelusuran
• Kotak Penelusuran
• Teks
• Tampilan slide
• Baris Video
• Polling Polling
• Daftar Blog
• Daftar
• Feed
• Newsreel
• Label
• Tautan Berlangganan
• Logo
• Profil
• Header Halaman

Untuk Gadget lainnya silakan sobat cari sendiri penjelasannya. Bagaimana cara menambahkan gadget di atas? Caranya gampang kok. Tuju Gadget yang ingin anda tambahkan lalu klik tanda + yang ada di samping kanannya. Misalnya anda mau menambahkan gadget Ikuti lewat email dan Entri Populer, klik saya tanda + seperti gambar di bawah ini.


Selamat mencoba semoga manfaat.

Read more

Membuat Widget Tampil di Homepage Saja

Dulu waktu pertama kalie melihat blog temen ada yang aneh/unik, aq langsung pengen mencoba mempelajari bagaimana cara membuatnya,sama halnya saat melihat blog dari template buatan kang rohman yang ada sebagian widgetnya hanya muncul pada homepage,sedangkan saat di klik postinganya halamanya berubah

1. Masuk ke blogger.com
2. Log-in dengan username dan password kamu
3. Menuju layoutEdit HTMLCentang "expand widget template" nya, karena kalau tidak kode di bawah nanti tidak akan keluar.Sebenarnya kita hanya perlu menambah kan 2 tag kode saja,lihat kode dibawah ini:

<code><b:widget id='HTML1' locked='false' title='Blog Upp' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Lihat kode yang berwarna merah tadi,itu adalah selipan kedua tag kode tadi, dan warna Pink yang berkedip itu adalah judul wigetkamu. silahkan aja sesuaikan dengan judul widget yang ada pada blog kamu jika kamu pengen widget tersebut hanya tampil hanya pada homepage,sebaigai contoh kamu klik beranda blog ini maka akan ada 4 footer dibawah yang hanya muncul pada homepage.

source : http://infonetmu.blogspot.com/2010/05/cara-membuat-widget-hanya-tampil-di.html

Read more

Cara Memasang Tag Permalink Di Blog

Cara Memasang Tag Permalink Di Blog. Tag permalink,   sudah banyak para blogger senior yang mengetahui trik ini untuk memperkuat SEO blog-nya. Tag permalink ini biasanya digunakan para blogger untuk memperkuat SEO blog-nya dan untuk memberikan pesan bagi pengunjung blog-nya yang ingin mengcopy paste artikelnya agar mencantumkan link sumber pada postingan-nya.

Tag permalink atau permanen link adalah sebuah kotak yang berada di bawah postingan, yang berisi pesan dan alamat url  link postingan. Pemasangan permalink di blog sangat penting untuk menambah link internal di artikel postingan kita. Karena permalink yang satu ini akan memperkuat SEO blog kita sehingga mudah di baca oleh mesin pencari. Dan juga link ini akan tampil pada serp google setelah kita selesai mosting artikel. Cara Memasang Tag Permalink Di Blog berikut ini.

1.Log in ke blogger dengan akun anda.
2.Klik rancangan » edit HTML » centang kotak expand template widget. Atau yang menggunakan tampilan blogger yang baru, klik template » edit HTML » centag kotak expand template widget.
3.Cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atasnya.

.permalink {border: 2px dotted #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;} .permalink a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

Keterangan:

• Kode yang berwarna merah adalah lebar border nya.
• Kode yang berwarna orange adalah warna border.
• Kode yang berwarna hijau adalah warna background kotak permalink.

4.Cari kode <data:post.body/>, jika ada 2 pilih yang kedua dan letakkan kode dibawah ini tepat di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalink'> <left>Terimakasih, sudah meluangkan waktunya untuk membaca artikel saya yang berjudul <strong><u><data:blog.pageName/></u></strong> . Anda bisa menemukan artikel ini dengan url <strong><data:post.url/></strong>, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi anda dan mungkin teman anda, tetapi jangan lupa untuk meletakkan link  <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya. Jadilah blogger yang ber-etika!</left></div></b:if>

Keterangan:

• kode yang berwarna orange bisa anda ganti dengan kata-kata anda sendiri.

 5.Save template anda.

Sekian artikel kali ini yang berjudul Cara Memasang Tag Permalink Di Blog semoga bisa bermanfaat bagi anda.

Read more

Cara Modifikasi Kotak Berlangganan Via Email

Cara Modifikasi Kotak Berlangganan Via Email. Apakah anda memiliki kotak form subscribe via email dari feedburner? bagaimana menurutmu tampilannya   apakah sudah menarik atau belum?. Kalau menurut saya kotak form subscribe via email dari feedburner itu kurang menarik.

Sebenarnya kotak form subscribe vias email dari feedburner itu bisa di modifikasi lho. Hanya dengan sentuhan sedikit CSS maka kita bisa mengubah tampilan kotak form subscribe via email itu menjadi lebih menarik dan lebih enak di pandang.

Karena fungsi dari widget ini sangat bermanfaat, yaitu untuk memudahkan pengunjung untuk membaca artikel yang terbit dari suatu blog memalui email yang mereka miliki. Jadi si pengunjung akan di mudahkan untuk mendapatkan artikel dari blog kita yang langsung terkirim ke kotak masuk email mereka secara otomatis dan kita tidak perlu untuk mengirimi mereka email satu persatu, tetapi sudah terkirim secara otomatis ke kotak masuk email mereka dengan fasilitas feedburner ini.

Nah sebelum membahas tutorial blogger yang satu ini saya akan memberikan screenshot dari kotak form berlangganan via email ini.

Untuk melihatnya lebih jelas silahkan untuk mengklik gambarnya. Setelah melihat gambarnya apakah tersirat di fikiran anda untuk memasangnya di blog anda? Jika ya ikuti langkah-langkah Cara Modifikasi Kotak Berlangganan Via Email berikut ini.


1.Log in ke blogger dengan akun yang anda miliki.
2.Pergi kerancangan » Tata letak » Tambah gadget » Html/Java script.
3.Berikan judul sesuka anda.
4.Pastekan kode di bawah ini di kolom yang sudah tersedia.

<style>
.form{border:1px solid #d8d8d8;background:#fff padding:3px;width:358px;height:204px;-moz-border-radius:6px;-webkit-border-radius: 6px;}.rss{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSanMvm7ggJJopTwODyPlM8PTkuQvPtId3JPYD-cg0C8UNZU069Gy6LNNkELdCyGp9vZoo-uaN44ekT8PIHMO_nOLj-h6O3FNP6422P8-NqmilRsdFOi6zZ8HW0tcWeV8tsmfcrGoverW_/s400/feedreader_2.jpg") no-repeat center right;padding:1px;}.button{background:#9b9b9b;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;border:1px solid #fff;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius: 5px;}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/blogspot/xLwPs"><img src="http://feedburner.google.com/fb/lib/images/icons/feed-icon-16x16-gray.gif" /></a> <a href="http://feeds.feedburner.com/blogspot/xLwPs">Dapatkan Update Artikel Via Email</a></div>
<div style="font-weight:bold; padding:10px 10px;">Dapatkan Update Artikel  Via Email</div>
<div style="padding-left:10px">Jika anda suka dengan artikel yang ada di blog ini, silahkan untuk berlangganan artikel blog ini via email <b>gratis</b>. Isikan alamat email anda di bawah ini!!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/xlwps', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}" onfocus="if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;}" type="text" value="Ketikkan email anda disini" /> <input type="hidden" value="blogspot/xLwPs" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="Daftar" /></div></form>
<div style="padding-left:10px">
<a href="http://feeds.feedburner.com/blogspot/xLwPs"><img src="http://feeds.feedburner.com/~fc/blogspot/xLwPs?bg=9b9b9b&amp;fg=fffffff&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></div>
</div></div>

Catatan :

• Ganti kode blogspot/xLwPs dengan id feedburner anda.
• Kode yang berwarna orange adalah tinggi dan lebar widgetnya.
• Kode yang berwarna hijau bisa anda ganti dengan kata-kata anda sendiri.
• Kode yang berwarna merah bisa adalah background gambar kotak berlangganan via emailnya anda bisa menggantinya dengan gambar anda sendiri, tetapi kalau tidak di ganti juga tak masalah.
• Kode yang berwarna biru adalah posisi gambar backgroud nya, anda bisa menggantinya dengan top right (untuk posisi kanan atas), center right (untuk posisi kanan tengah), bottom right (untuk posisi kanan bawah), top left (untuk posisi kiri atas), center right (untuk posisi kiri tengah), bottom right (untuk posisi kiri bawah).

5.Save dan lihat hasilnya.

Sekian tutorial tentang Cara Modifikasi Kotak Berlangganan Via Email, bagi yang masih bingung silahkan untuk bertanya pada kotak komentar.

Read more

Cara Membuat Recent Comment

Cara Membuat Recent Comment. Pastinya anda sudah tahu bukan dengan fasilitas recent comment ini, dan sudah banyak dibahas diblognya para guru blogger. Recent comment berfungsi untuk menampilkan komentar terbaru pada suatu blog.

Hal ini membantu kita untuk mengetahui komentar terbaru yang ada di blog kita, sehingga kita bisa membalas komentar yang di berikan komentator tanpa usah log in ke blogger atau membuka email kita untuk mengetahui komentar terbaru di blog kita.

Untuk demonya anda bisa melihat recent comment yang ada di blog saya ini. Bagaimana apakah anda tertarik untuk memasangnya juga di blog anda? jika jawabannya ya, maka silahkan ikuti langkah-langkah Cara Membuat Recent Comment berikut ini.

1.Log in ke blogger.
2.Klik Rancangan » elemen halaman » tambah gadget/ add widget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.

<script style="text/javascript" src="http://bdigg.googlecode.com/files/recentcomment.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://eko-tipsntrick.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

 Keterangan :

• Url blog saya silahkan anda ganti dengan url blog anda.
• Kode yang berwarna merah adalah jumlah recent comment yang ditampilkan, anda bisa menggantinya sesuai keinginan anda.

4.Klik simpan.

Selesailah tutorial singkat tentang Cara Membuat Recent Comment. bagaimana, mudah bukan? Mudah-mudahan postingan ini bisa bermanfaat bagi anda.

Read more