Cara Pasang Iklan Otomatis Dibawah Postingan

Cara Pasang Iklan Otomatis Dibawah Postingan - Banyak cara untuk memasang iklan di blog guna meningkatkan jumlah klik iklan yang di pasang pada blog tersebut, salah satunya seperti contoh iklan Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia. Untuk posting kali ini Arif Poetra Yunar Blog akan coba share kembali tutorial tentang Cara Pasang Iklan Otomatis Dibawah Postingan. Posting ini kelanjutan dari posting sebelumnya tentang memasang iklan melayang diblog, memasang Iklan Melayang di Atas Header Blog.

Mungkin bagi para blogger master sudah mengerti dengan Cara pasang iklan di bawah posting blog secara otomatis, tapi bagaimana dengan para blogger newbie seperti saya yang ingin memasang iklan secara otomatis dibawah postingan.? Memang sudah banyak yang membahas tentang Cara Pasang Iklan Otomatis Dibawah Postingan Blog, akan tetapi tidak ada salahnya bila saya kembali menjelaskannya di blog ini. nah bagi yang kesulitan untuk memasang iklan otomatis dibawah postingan blog, ikuti langkah langkahnya dibawah ini.

Perlu diingat, Sebelum memasang kode script iklan, sobat harus memparse kode script iklannya terlebih dahulu agar pada saat dipasang di template blog tidak mengalami error. Silahkan mengunjungi situs www.blogcrowds.com untuk memparse kode script iklannya. Setelah itu, ikuti langkah selanjutnya dibawah ini.

1. Login Menggunakan account Blogger Sobat.

2. Pada bagian Dasbor pilih tab Rancangan.

3. Setelah itu pilih tab Edit HTML.

4. Jangan lupa Centang tulisan Expand Template Widget.

5. Cari kode dibawah ini. (gunakan Ctrl + f pada browser sobat untuk mempermudah pencarian).

<data:post.body/>

atau lebih tepatnya kodenya seperti dibawah ini :

<div class='post-body entry-content'><data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

6. Setelah ketemu kode diatas, Selanjutnya, masukkan kode script dibawah ini tepat diantara kode <data:post.body/> dan <div style='clear: both;'/> <!-- clear for photos floats -->;

<b:if cond='data:blog.pageType == "item"'> <p> Letakkan kode iklan yang tadi sudah sobat parse disini </p> </b:if>

Maka hasil kodenya akan seperti dibawah ini;

<div class='post-body entry-content'>
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <p> Letakkan kode iklan yang tadi sudah sobat parse disini </p> </b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

7. Langkah terakhir Save Template. dan lihat hasilnya, Tarrraaa...

Gimana sobat? sangat mudah bukan Cara Pasang Iklan Otomatis Dibawah Postingan, bila ada kesulitan jangan sungkan untuk bertanya pada kolom komentar dibawah yah.. Semoga postingan ini bermanfaat untuk anda.

Cara Pasang Iklan di Bawah Judul Posting

Cara Pasang Iklan di Bawah Judul Posting - Posting kali ini Arif Poetra Yunar Blog akan memberikan tutorial tentang Cara Pasang Iklan di Bawah Judul Posting.Tutorial ini kelanjutan dari posting Cara Membuat Iklan Melayang Di Atas Header Blog, memang banyak cara memasang iklan di blog, salah satunya dengan memasang iklan di bawah judul posting. Walaupun sebenarnya iklan bisa dipasang diseluruh tempat di blog kita, akan tetapi jangan asal asalan dalam memasang iklan di blog. Sobat harus berusaha menempatkan iklan pada tempat yang mempunyai target dan sasaran serta pada tempat yang banyak dilihat oleh pengunjung atau visitor. Hal ini merupakan suatu tujuan untuk dapat meningkatkan jumlah klik iklan yang kita pasang di blog.

Oleh karena itu penempatan iklan yang tepat dapat mempermudah pengunjung blog agar dapat dengan mudah untuk 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. Pasang iklan di bawah judul postingan terbilang cukup stategis. Sobat dapat memasang salah satu program periklanan Pay Per Click (PPC) lokal Indonesia, seperti Iklan Internet Murah Efektif Berkualitas Indonesia atau PPC Lokal lainnya.

Sebelum sobat memasang iklan di bawah judul posting blog, 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.

Caranya Memphrase Kode Iklan

• Kunjungi situs blogcrowds.com
• Masukkan kode iklan yang akan anda phrase ke dalam kolom yang ditampilkan, seperti gambar di bawah ini:

• Selanjutnya klik PARSE dan tunggu beberapa saat sampai berhasil di phrase, seperti gambar di bawah ini:

• Copy kode iklan yang telah berhasil di phrase dan simpan pada notepad atau di tempat lain.

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

1. Login Menggunakan account Blogger Sobat.

2. Pada bagian Dasbor pilih tab Rancangan.

3. Setelah itu pilih tab Edit HTML.

4. Jangan lupa Centang tulisan Expand Template Widget.

5. Cari kode <div class='post-body entry-content'> atau <div class='post-header-line-1'> atau <data:post.body/>.
(gunakan Ctrl + f pada browser sobat untuk mempermudah pencarian).

6. Setelah ketemu dengan kode di atas, letakkan kode iklan yang telah di phrase tepat di bawah kode <div class='post-body entry-content'> atau <div class='post-header-line-1'> atau sobat bisa menempatkan kode iklan yang telah diphrase tadi tepat di atas kode <data:post.body/> yang pertama.

7. Langkah terakhir Save Template. dan lihat hasilnya.

Sekarang di setiap postingan sobat, tepat dibawah judul posting akan menampilkan iklan yang telah sobat pasang. Gimana? sangan mudah bukan Cara Pasang Iklan di Bawah Judul Posting. jika ada kesulitan jangan sungkan untuk bertanya dikolom komentar. 

Semoga bermanfaat. sumber

Cara Membuat Iklan Melayang Di Atas Header Blog

Cara Membuat Iklan Melayang Di Atas Header Blog - Banyak cara untuk memasang iklan di blog, salah satunya dengan cara pasang iklan melayang di blog. Tapi bagaimana bila kita ingin memasang iklan melayang tersebut hanya di atas header blog saja?. Posting kali ini, Arif Poetra Yunar Blog akan menjelaskan tentang bagaimana Cara Membuat Iklan Melayang Di Atas Header Blog. Tutorial ini saya dapat ketika sedang blogwalking mengunjungi blog sahabat guna mempererat tali silaturahmi antar blogger dan mencari informasi mengenai Iklan Internet Murah Efektif Berkualitas Indonesia. Untuk lebih jelasnya bisa sobat lihat gambar iklan melayang di atas header blog dibawah ini.

Jika sobat tertarik ingin memasang iklan tersebut melayang di atas header blog, silahkan ikuti langkah-langkahnya dibawah ini.

1. Login Menggunakan account Blogger Sobat.

2. Pada bagian Dasbor pilih tab Rancangan.

3. Setelah itu pilih tab Edit HTML.

4. Jangan lupa Centang tulisan Expand Template Widget.

5. Cari kode dibawah ini. (gunakan Ctrl + f  pada browser sobat untuk mempermudah pencarian).

<div id='outer-wrapper'>

6. Setelah ketemu kode <div id='outer-wrapper'> , Letakkan kode dibawah ini tepat dibawah kode <div id='outer-wrapper'>

<div style='display:scroll; top:0px;position:fixed;'>
<!-- Start Kode -->
<a href='http://arifpoetrayunar.blogspot.com'><img alt='jalan menuju keberhasilan' border='0' height='54' src='http://i1111.photobucket.com/albums/h465/asistenikopin/JasaBuatIklanBanner.gif' width='972'/></a><!-- End Kode -->
</div>

NB: Warna biru diatas adalah nilai tinggi dan lebar iklan, jadi sesuaikan dengan header blog sobat, sedangkan untuk yang berwarna merah adalah Gambar iklannya.

7. Langkah terakhir Save Template. dan lihat hasilnya, Tarrraaa...

Gimana sobat? sangat mudah bukan Cara Membuat Iklan Melayang Di Atas Header Blog, bila ada kesulitan jangan sungkan untuk bertanya pada kolom komentar dibawah yah.. Semoga postingan ini bermanfaat.

Cara Pasang Iklan Melayang di Blog

Cara Pasang Iklan Melayang di Blog - Pada postingan kali ini, Arif Poetra Yunar Blog akan memberikan sedikit tutorial tentang Cara Pasang Iklan Melayang di Blog. Posting ini kelanjutan dari Cara Pasang Iklan di Blog, Buat soabat sobat yang ingin memasang Iklan Internet Murah Efektif Berkualitas Indonesia dengan posisi melayang di blog, silahkan saja ikuti langkah langkahnya dibawah ini.

Cara Pasang Iklan Melayang di Blog

Tutorial kali ini akan meningkatkan jumlah klik iklan yang di pasang di blog sobat, Tentunya tidak akan membuat pengunjung blog sobat merasa tidak nyaman, karena script dibawah ini sudah di lengkapi dengan tombol close, jadi bila pengunjung ingin menghilangkan iklan tersebut, tinggal klik tombol close saja.

Sebelum sobat memasang iklan melayang di blog, pastikan terlebih dahulu kalau sudah memiliki Script iklan yang akan di pasang dengan posisi melayang di blog, jika sudah punya script iklannya, langsung ke langkah selanjutnya.

1. Langkah awal, login ke account blogger sobat.

2. Pada bagian Dasbor pilih tab Rancangan.

3. Tambah Widget atau Add Gadget, kemudian pilih HTML/Javascript

4. Setelah itu, Copy Paste script dibawah ini.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

KODE SCRIPT IKLAN SOBAT

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

5. Langkah terakhir, tinggal sobat simpan deh.

Untuk huruf yang berwarna merah di atas, silahkan ganti dengan script iklan yang sudah sobat dapatkan pada situs penyedia layanan pemasang iklan. Gimana sobat? sangat mudah bukan Cara Pasang Iklan Melayang di Blog. Semoga tutorial kali ini bermanfaat untuk para Blogger Indonesia.

Cara Pasang Iklan di Blog

Cara Pasang Iklan di Blog, mungkin bagi sebagian blogger sudah mengetahui bagaimana cara pasang iklan di Blog, khususnya blog yang berplatform blogspot. Tapi bagaimana dengan para blogger awam seperti Arif Poetra Yunar Blog jika ingin pasang iklan di blog? Pada tutorial kali ini saya akan memberikan sedikit informasi mengenai Cara Pasang Ikan di Blog.

Pada posting sebelumnya saya pernah membahas mengenai Pengertian Iklan Dan masih bingung bagaimana cara memasang iklan yang jitu dan tepat agar serasi dengan template dan isi posting. Walaupun trafik blog masih sepi pengunjung, dengan sedikit trik memasang iklan dengan memilih ukuran dan tempat yang pas, maka dapat memaksimalkan peningkatkan pendapatan blog.

Untuk mendapatkan iklan itu sendiri, kita bisa mendapatkannya secara Gratis dari para web menyediakan Pasang Iklan Gratis di blog seperti iklan PPC, PTC, CPM, Program Affiliasi, dll. Sebagai contoh pada situs Iklan Internet Murah Efektif Berkualitas Indonesia yaitu SITTI, Dan tentunya dengan berbagai macam persyaratan yang diberikan kepada kita sebagai penerbit atau istilah marketingnya Publisher.

Banyak para master blogger di Indonesia yang sekarang sukses menggait pelanggan dan refferal melalui perantara pasang iklan di blog. Bahkan hampir 85% refferal umumnya didapat dari hasil pasang iklan di blog. Baik pasang iklan di blog sendiri maupun pasang iklan di blog orang lain yang menyediakan jasa pasang iklan. Ini sangat baik sekali bagi anda pelaku bisnis multi level yang masih kesulitan mencari refferal.

Contoh iklan SITTI

Sedikit pemahaman tentang bentuk dan model iklan PPC. Umumnya dibedakan menjadi 2 model yaitu iklan teks dan iklan gambar atau banner. Dengan bentuk Horizontal, Vertikal dan Square yang membedakannya. Dan biasanya Iklan yang berbentuk horizontal memiliki berbagai ukuran seperti : 728 X 90 , 468 X 60 , 125 X 125 , 234 X 60 dll.

Dan Iklan yang berbentuk Vertikal umumnya memiliki ukuran seperti : 120 X 600 , 160 X 600 , 120 X 240. Sedangkan untuk iklan bentuk Square umumnya memiliki ukuan : 200 X 200 , 250 X 250 , 300 X 250 , 336 X 280. Dan dari semua model dan bentuk iklan tersebut yang harus kita lakukan adalah memilih iklan yang pas dan paling sesuai dengan kondisi template blog kita.

Dalam memasang iklan kita harus benar benar jeli memilih lokasi dimana saja tempat yang paling pas dan tepat dalam memasang iklan agar iklan yang dipasang tidak terlalu berlebihan. Iklan yang berlebihan dipasang diblog membawa dampak buruk dan kurang baik pula dalam segi SEO, karena biasanya blog yang memiliki iklan yang banyak atau terlalu berlebihan akan mengakibatkan pengunjung blog merasa kurang nyaman dengan kondisi seperti itu. Dan menyebabkan para visitor blog kita tidak akan berlama lama untuk membaca di blog kita. Dan tentunya mereka sudah paham untuk tidak mengklik iklan yang ada di blog atau fenomena ini biasanya disebut dengan ads blindness.

Untuk Posting selanjutnya saya akan membuat sedikit tutorial Cara Memasang Iklan yang pass sesuai selera sobat, tutorial itu sendiri diantaranya;

• Cara Pasang Iklan Melayang di Blog
• Cara Pasang Iklan Melayang di Atas Header Blog
• Cara Pasang Iklan Dibawah Judul Postingan
• Cara Pasang Iklan Otomatis Dibawah Postingan
• Cara Pasang Iklan Berdampingan dengan Postingan Blog

So, Stay On Arif Poetra Yunar Blog, heheheheheheheheee...

Semoga posting ini dapat berguna untuk membantu para sobat blogger yang ingin membuat blognya memiliki penghasilan tambahan dengan cara pasang iklan di blog.

Cara Mudah Membuat Rating Bintang Rich Snippets di Blog

Cara Mudah Membuat Rating Bintang Rich Snippets di Blog - Sudah lama rasanya tidak update tutorial blog, malam ini saya ingin berbagi kepada sobat-sobat semua tentang Cara Mudah Membuat Rating Bintang Rich Snippets di hasil pencarian / search Google. Sebenarnya sudah banyak Blog yang membahas tentang memasang Rating Bintang atau yang lebih populer dengan sebutan Rich Snippets di Blog. Jadi tidak ada salahnya bila saya pun ingin berbagi kepada sobat semua.
Sebelum sobat Membuat Rating Bintang atau Rich Snippet, terlebih dahulu sobat mengetaui Apa itu Rich Snippet? arti dari Rich Snippet itu sendiri adalah data tambahan dari blog atau postingan sobat yang akan ikut ditampilkan pada halaman hasil pencarian / search Google (SERP). Berbagai data dari hasil mesin pencarian yang bisa dimasukkan seperti rating bintang(stars), vote, author, tanggal, dan banyak masih banyak lagi. Untuk lebih jelasnya silahkan sobat lihat SS dibawah ini:

Nah, bila sobat tertarik ingin membuat Rating Bintang atau Rich Snippets di Blog sobat. Silahkan ikuti Langkah - langkah nya dibawah ini:

• Syarat utama untuk membuat Rating Bintang atau Rich Snippets ini, terlebih dahulu sobat harus mempunyai account Google+, untuk cara membuat account Google+, silahkan sobat baca postingan saya sebelumnya mengenai Cara Daftar Google Plus +,

• Selanjutnya menghubungkan page google+ dengan Blog sobat, Caranya: Tambahkan code berikut tepat dibawah code <head>

    <link href='https://plus.google.com/101922883122912704290' rel='publisher'/>

Nb: Untuk code berwarna biru diatas, ganti dengan code halaman google+ sobat, caranya: Buka account google+ sobat, kemudian lihat addres bar di browser sobat, supaya lebih jelasnya, silahkan sobat lihat SS dibawah ini:

• Setelah sobat selesai melakukan dua cara diatas, silahkan cek salah satu link postingan blog sobat di Rich Snippets Testing Tools. Bila status data "Publisher" sudah ter "Verified", berarti sobat bisa lanjut ke tahap selanjutnya.

Langkah selanjutnya, Cara Mudah Membuat Rating Bintang Rich Snippets di Blog:

1. Buka Tab Rancangan, kemudian klik Edit HTML, untuk berjaga-jaga agar tidak terjadi hal yang tidak diinginkan ada baiknya bila sobat BackUp Template terlebih dahulu. setelah selesai BackUp Template, beri tanda centang padaExpand Template Widget

2. Masukkan kode dibawah ini setelah tag <body> :

<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

Kemudian cari code </body> letakkan kode dibawah ini sebelum tag </body>

</div></div>

3. Masih pada edit HTML Template, cari kode Judul Postingan sobat, karena blog ini menggunakan tag h1 sebagai judul posting, maka bentuk kodenya kurang lebih seperti SS dibawah ini:

Tambahkan kode di bawah ini di Atas Judul Posting Blog:

<span itemprop='itemreviewed'><span itemprop='description'>

Judul Posting Blog

</span></span>

Nb: Setiap Template pasti berbeda-beda kode Judul Posting seperti tag h1, h2, dan h3, jadi sesuaikan dengan tag Judul Posting Blog sobat.

4. Selanjutnya mencari kode Author untuk Rich Snippets, biasanya kode Post Author di tuliskan seperti ini, "posted by..." , "dipost kan oleh..." , dll. Cari kode HTML untuk Post Author, contoh kode HTML untuk Post Author di template blog ini kurang lebih seperti ini <data:post.author/>.

Setelah ketemu kode post author <data:post.author/>, tambahkan kode untuk rich snippets nya menjadi

<span itemprop='reviewer'><data:post.author/></span>

5. Memasang Jumlah Rating Bintang Rich Snippet.
sekarang saatnya sobat Memasang Jumlah Rating Bintang Rich Snippet di Blogger dari rentang 1 - 5 (sesuai jumlah bintang yang sobat inginkan).

Ada 2 cara untuk memasang jumlah rating bintang rich snippets ini.

• Cara Manual:  tambahkan kode Rating: <span itemprop="rating">4.5</span> di akhir posting sobat sebelum mem-publish postingan.

• Cara ini menurut saya lebih mempermudah sobat tanpa harus menambahkan kode secara manual, sobat simpan saja kode tersebut ke "Template Entri", agar setiap kita ingin posting, kita bisa memasukkan nilai rating saat itu juga.
Caranya sebagai berikut: Pertama-tama sobat masuk ke Dashboard Blogspot. Pilih tab Setting atau Setelan kemudian klik tab Format. Lihat paling bawah ada tulisan "Entry Template / Templat Entri" Tambahkan kode rich snippet ini: Rating: <span itemprop="rating">4.5</span>

Simpan setelan / Save

Nb: Setiap kamu membuat postingan, ubah angka "4.5" tersebut sesuai keinginan. Jumlah pada rating ini adalah jumlah bintang yang akan ditampilkan di hasil pencarian (SERP), dengan nilai terendah adalah "0.5" hingga tertinggi adalah "5".

6. Setelah semuanya selesai, jangan lupa untuk mengecek di Rich Snippets Testing Tools, untuk mengetahui apakah rating bintang atau rich snippets yang telah sobat pasang pada blog, bekerja dengan baik.

Gimana? sangat mudah bukan Cara Mudah Membuat Rating Bintang Rich Snippets di Blog..!!!
Bila ada kesulitan, jangan sungkan untuk bertanya di kolom komentar yah sob... Jangan lupa dukung saya di kontes Ultrabook Notebook Tipis Harga Murah Terbaik.

Semoga postingan ini bermanfaat....

Cara Membuat / Menambahkan Tombol Reply Pada Komentar Blog

Met malam sobat, apa kabarnya nih, mudah mudahan sehat selalu kan,,amiin. Pada postingan kali ini, saya mau membahas mengenai Cara Membuat / Menambahkan Tombol Reply Pada Komentar Blog.

Begitu lah judulnya. Gara-gara baru ganti template blog, fitur Tombol Reply Komentar nya jadi ilang, mau gak mau bikin ulang lagi deh, iseng utak atik template, sekalian aja Saya tulis posting Cara Membuat / Menambahkan Tombol Reply Pada Komentar Blog ini,,, heheheheheheheee.

Oia buat sobat yang ingin mengganti template blog, bisa baca panduan Cara Mengganti Template disini.
Langsung aja yukh bagi yang ingin Membuat / Menambahkan Tombol Reply Pada Komentar Blog, silahkan ikuti langkah-langkahnya dibawah ini:

1. Login Menggunakan account Blogger Sobat.

2. Pada bagian Dasbor pilih tab Rancangan.

3. Setelah itu pilih tab Edit HTML.

4. Jangan lupa Centang tulisan Expand Template Widget.

5. Cari kode dibawah ini. (gunakan Ctrl + f  pada browser sobat untuk mempermudah pencarian).

<data:commentPostedByMsg/>

6. Setelah ketemu kode seperti di atas, Copy kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4378893982374898150&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd; float:right'>Reply Comment</a>
</b:if>

7. Kemudian Paste kode diatas, Tepat dibawah kode
     <data:commentPostedByMsg/>

8. Perhatikan angka yang berwarna merah pada kode diatas (blogID=4378893982374898150), ganti angka tersebut dengan angka blogID sobat.

Hayoo dapet dari mana tuh angka blogID nya? tenang, cara mendapatkan angka blogID sobat gampang kok, Lihat langkah No.2 diatas, kemudian lihat pada address bar browser sobat, nah pasti kelihatan tuh angka blogID nya, copy angka blogID sobat, kemudian ganti angka yang berwarna merah tersebut dengan angka blogID sobat. Supaya lebih jelas lihat gambar dibawah ini.

9. Langkah terakhir Save Template. dan lihat hasilnya, Tarrraaa...

Gimana? sangat mudah bukan Cara Membuat / Menambahkan Tombol Reply Pada Komentar Blog, bila ada kesulitan jangan sungkan untuk bertanya pada kolom komentar dibawah yah..

Semoga postingan ini bermanfaat.

Free Domain .Com .Net .Org Gratis

Semalem abis Blogwalking, eh dapet info menarik neh, Info ini saya dapet dari Blognya Chumhienk, langsung aja deh saya repost postingnya di Blog ini, heheheheheee,,,

Mau tau apa itu Info menariknya? mungkin dari judulnya saja sobat Blogger sudah pada tau kan maksudnya,, Betul betul betul, kita akan mendapatkan Domain .Com .Net .Org secara Free / Gratis, Hari gini siapa sih yang gak mau sama yang namanya Gretongan,,, heheheheheee..

Tapi ada syaratnya loh, klo menurut saya sih syaratnya lumayan gampang, kita hanya disuruh mencari Referral sebanyak 9orang, selanjutnya kita akan diberi Hadiah sebuah Domain .Com .Net .Org secara Gratis.

Cara daftarnya pun sangat mudah, Langkah awal, Sobat kunjungi Situs http://www.freepremiumdomain.com

Biar lebih jelas cara daftarnya, saya kasih SSnya di bawah ini.

1. Setelah sobat kunjungi situs http://www.freepremiumdomain.com/, kemudian sobat bisa pilih ingin yang 1 domain ( 9 referrals ), atau 2 domain ( 16 referrals )

2. Selanjutnya masukin alamat Email sobat dan buat password untuk login di situs tersebut, jangan lupa untuk centang I agree to the Terms of Service.

3. Klik Register.

4. Selanjutnya akan keluar Form Shipping Information, Isi sesuai biodata sobat, klik Register, Selesai deh,,

Tahap akhir kita tinggal mencari referrals sebanyak 9 orang, atau sesuai dengan yang sobat pilih tadi, gimana? lumayan mudah bukan syaratnya,

Buat sobat blogger yang ingin mendapatkan Domain .Com .Net .Org secara Gratis langsung saja Daftar di Situs tersebut.
Oya Jika Sobat tidak keberatan, Bisa Daftar menggunakan link Referral saya dibawah ini.:


>>> "Free Domain .Com .Net .Org Gratis" <<<


Jangan sungkan untuk saling membantu sesama Blogger, heheheee,,,
Semoga info ini bermanfaat...

Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger di Blog

     Pada saat kita baru membuat blog di Blogger / Blogspot pasti kita kan memakai Template blog standar bawaan Blogger, dimana pada bagian bawah / footer Template blog tersebut terdapat sebuah Link tulisan Powered by Blogger. yang secara default tidak bisa kita edit atau di rubah-rubah kembali. Beda hal nya bila kita sudah Mengganti Template dari hasil Download pasti sudah tidak ada Link tulisan tersebut..
Buat sobat Blogger yg ingin Menghapus Link tulisan Powered by Blogger ini, silahkan baca artikel ini sampai tuntass..

Contoh nya seperti gambar dibawah ini.

Sebenernya sudah banyak blog yang membahas mengenai hal ini, tapi tidak ada salah nya kalau Saya pun ingin berbagi kepada sobat blogger semua.. intinya kalau dapat ilmu yang baru itu harus saling berbagi dong ,, heheheheheee....

Untuk Menghapus / Menghilangkan Link tulisan Powered by Blogger di Blog. bisa sobat ikuti langkah demi langkah di bawah ini.:

1. Login Menggunakan account Blogger Sobat.

2.Pada bagian Dasbor pilih tab Rancangan.

3. Setelah itu pilih tab Edit HTML.

4. Jangan lupa Centang tulisan Expand Template Widget.

5. kemudian cari kode dibawah ini

<!-- outside of the include in order to lock Attribution widget -->

untuk mempermudah pencarian gunakan tombol (Ctrl + F) pada browser sobat.

6. Jika sobat sudah ketemu dengan kode diatas tadi, nanti pada bagian bawah kode tersebut terdapat barisan kode seperti dibwah ini.:

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != &quot;&quot;'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

7. Lalu Hapus barisan kode tersebut, kemudian SIMPAN TEMPLATE. nanti nya akan keluar tulisan "Warning", seperti gambar di bawah ini.

8.Langsung saja sobat klik tombol "DELET WIDGETS" dan lihat hasilnya pada Blog sobat sekarang.....

Bagaimana? sangat mudah bukan Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger di Blog tersebut. Selanjutnya tinggal sobat ganti saja dengan Widget baru HTML/Javascript. Selamat mencoba n Semoga berhasil....bila ada pertanyaan jangan sungkan utnuk bertanya pada kolom komentar di bawah yah sob...

Semoga Tutorial ini bermanfaat......

Cara Menambahkan Fungsi Scroll pada Widget Follower atau Pengikut Blog

     Sudah Lama Gak pernah update tentang tutorial blog. Pada kesempatan kali ini saya ingin berbagi sedikit tentang Cara Menambahkan Fungsi Scroll pada Widget Follower atau Pengikut Blog.
Menambahkan Fungsi Scroll pada sidebar blog tentunya sangat menghemat tempat pada blog. Apalagi kalau blog tersebut mempunyai banyak Widget atau Script, seperti Widget Follower yang terlalu panjang atau terlihat sedikit sembraut. Dengan menambahkan Fungsi Scroll pada Widget tersebut akan terlihat lebih rapih.

Bagi sobat yang kebingungan untuk menambahkan Fungsi Scroll pada Widget Follower atau Pengikut Blog sobat bisa baca tutorial ini sampai tuntas. Contoh nya bisa sobat lihat pada gambar di bawah ini.

Trus bagaimana Cara Menambahkan  Fungsi Scroll pada Widget Follower atau Pengikut Blog?

Caranya sangat mudah kok, pasti sobat blogger sudah pada mengerti, nah buat sobat yang belum tau dan ingin tau silahkan ikuti langkah-langkah nya dibawah ini:

1  Login terlebih dahulu dengan menggunakan account Blogger sobat.

2. Klik tab Rancangan >> Edit HTML.

3. Klik Download Template Lengkap untuk mem-back up template, fungsinya untuk menghindari hal-hal tidak di inginkan.

4. Kemudian cari kode ]]></b:skin> , Gunakan tombol Ctrl + F untuk memudahkan pencarian.

5. Biasanya kode id untuk Widget Pengikut atau Follower seperti di bawah ini.

<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>

Maka untuk menambahkan scroll pada Widget Follower atau Pengikut silakan Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#Followers1 .widget-content{
height:100px;
width:auto;
overflow:auto;
}

Nb: 100px merupakan tinggi scroll, silakan diatur tingginya jangan sampai melebihi tinggi Widget Follower aslinya agar terbentuk penggulung atau scroll.

7. Dan yang terakhir Klik tombol SIMPAN TEMPLATE. selesai.

Mudah bukan cara membuat nya....

tutorial ini saya dapet dari blog teman saya Munadi. bagi yang masih memiliki kesulitan dalam menambahkan scroll pada Widget Follower atau Pengikut Blog silahkan mengunjungi blog tersebut. atau sobat bisa bertanya langsung pada kolom komentar dibawah posting ini..

Semoga tutorial ini bermanfaat....

Pasang Widget Google Plus / Google+ di Blog

   Sebelumnya saya pernah share Cara Daftar Google Plus dan Cara Bermain Game Online di Google Plus, tapi buat anda yang belum tahu dan ingin tahu tentang Apakah Google Plus Itu? silahkan baca disini.

     Pada kesempatan posting kali ini saya mau share kembali tentang cara Pasang Widget Google+ Plus di Blog. Seperti yang saya pasang pada sidebar Blog saya ini, Widget ini memungkinkan anda untuk menunjukkan kepada pengunjung blog anda bahwa anda memiliki account Google+ Plus. Oleh karena itu kesempatan besar untuk berhubungan dengan pengunjung blog Anda!

Widget ini tersedia dalam Bahasa: China - Belanda - Inggris - Perancis - Jerman - Italia - Portugis - Spanyol dan Swedia. Sebenarnya widget ini bukan widget resmi dari Google Plus sendiri, melainkan dari pehak ketiga, semoga saja Google Plus meluncurkan widget yang lebih menarik lagi dari ini..

Yukh mari kita simak cara membuatnya.....

1. Anda harus mengetahui Link ID Google Plus anda. Caranya dengan pergi ke halaman Profile Google Plus anda

Salin kode digital dari address bar browser anda seperti ditunjukkan gambar di bawah ini,

2. Selanjutnya pergi ke alamat http://widgetsplus.com/

• Klik tombol Get Widget.

• Paste kode ID Google Plus yang tadi telah anda copy kedalam kolom Google+ ID

klik gambar untuk memperbesar

Anda pun dapat merubah tampilan widget tersebut sesuai dengan selera anda.

• Setelah itu Klik tombol Get Code. 
• Langkah terakhir, Salin dan paste kode yang tadi telah di generate kedalam Sidebar Blog anda.
• Selesai deh.

Bagaimana ? mudah bukan cara membuatnya,, bila ada kesulitan jangan sungkan untuk bertanya yah, karena, malu bertanya sesat di hutan,, hehehehehe......
Selamat mencoba......

Cara Menghapus Widget yang tidak bisa diHapus

     Kemarin saya pernah share Cara Menganganti Template di Blogspot atau Blogger, mungkin karena saya baru belajar ngblog kali yah jadi suka gonta ganti Template, pasang macam macam attribute, widget, dll, dari yang berguna sampai yang gak tau fungsinya buat apa.

Gara-gara sering gonta ganti Template, akhirnya binggung sendiri ada salah satu Widget yang tidak bisa dihapus, Pass udah saya hapus eh tiba tiba muncul lagi, ngeyel alias bandel banget tuh Widget gak mau di hapus.

Buat sobat Blogger, saya ada sedikit tips bagaimana Cara Menghapus Widget yang tidak bisa diHapus tersebut, Tips ini tentunya khusus bagi sobat yang belum tau dan ingin tau bagaimana Cara Menghapus Widget yang tidak bisa diHapus itu.

Dari Pengalaman saya,kira kira langkahnya seperti ini:

1. login ke akun blogger Sobat,
2. masuk ke menu Rancangan,
3. masuk lagi ke bagian Edit HTML,
4. Contoh kali ini adalah menghapus Widget Pagelist, kemudian jika Sobat menggunakan mozilla sebagai browser Sobat klik pada keyboard ctrl+f  atau f3 untuk menampilkan fasilitas search yang di sediakan mozilla dan pada kolom search ketik code ini

<;....id='pagelist' locked='true' title='pagelist' type='LinkList'/>;

Setelah ketemu ubah value locked='true' menjadi locked='false' , Klik Save Template.

5. Selanjutnya masuk ke Elemen Halaman atau Page Element, kemudian cari Widget Pagelist, klik Edit dan klik Hapus, Dijamin gak bakal nongol lagi deh tuh Widgetnya.
bila masih ada kesulitan untuk menghapus Widget yang tidak bisa dihapus, jangan sungkan untuk bertanya ya sob ,,
Selamat mencoba dan semoga bermanfaat.....

Cara membuat Menu MultiTab View Sidebar di Blogspot

     Sebenarnya sudah banyak Artikel / Postingan yang menjelaskan tentang hal ini, akan tetapi tidak ada salahnya jika saya bahas lagi mengenai Cara membuat Menu MultiTab View Sidebar di Blogspot ini. Mungkin saja Artikel / Postingan ini lebih mudah dimengerti oleh Sobat dibandingkan dengan Artikel / Postingan yang lain.

Menu MultiTab View adalah menu yang bisa memuat 2-3 menu bahkan lebih dalam satu kotak ini berfungsi untuk meminimalkan halaman yang kita pakai selain itu menu ini juga bisa mempercantik tampilan pada Blog kita.
Oke langsung saja kita terapkan Cara ini ke dalam Web/Blog Sobat, Tampilan Menu MultiTab View seperti gambar di bawah ini :

Cara membuatnya sangatlah mudah, Beginilah Cara membuat Menu MultiTab View Sidebar di Blogspot tersebut

Ikuti langkah-langkah berikut:

• Login ke akun Blogger Sobat


• Masuk ke rancangan / design


• Pilih Tata Letak


• Pilih Add New Widget / Tambah Gadget / Element


• klik HTML/Javascript.


• Kemudian copy paste kode dibawah ini:

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #222222; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span >TAB 1</span></a>
<a><span style="color:white">TAB 2</span></a>
<a><span >TAB 3</span></a>
</div>
<div style="width: 252px; height: 180px;" class="Pages">
<div class="Page">
<div class="Pad">

Disini Kode HTML Content Widget YANG INGIN SOBAT TAMPILKAN PADA TAB 1

</div>
</div>

<div class="Page">
<div class="Pad">

Disini Kode HTML Content Widget YANG INGIN SOBAT TAMPILKAN PADA TAB 2

</div>
</div>

<div class="Page">
<div class="Pad">

Disini Kode HTML Content Widget YANG INGIN SOBAT TAMPILKAN PADA TAB 3

</div>
</div>
</div></div></form>

<script style="text/javascript" src="http://projectloss.googlecode.com/files/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

Jangan lupa klik Simpan, Silahkan edit warna, ukuran menurut selera Sobat
Untuk mempermudah dalam pengeditan warna silahkan klik Disini
Selamat Mencoba,,,,,

Cara Mengganti Template di Blogspot atau Blogger

     Mungkin buat Sobat-sobat yang sudah mahir dalam dunia blog, Cara Mengganti Template ini tidak akan menemukan kesulitan yang berarti. Namun siapa tau masih banyak para Sobat Blogger yang belum mengetahui dengan jelas Cara Mengganti Template di Blogspot atau Blogger. Okelah Kalau begitu kita Langsung ke topik utama.

Cara Mengganti Template di Blogspot atau Blogger ada dua (2) cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template kita Berikut ulasannya :

Mengganti Template dengan Template yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan.

3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger.

4. Klik pada pilihan template yang tersedia. Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template, klik APPLY TO BLOG.

5. selesai


Mengganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :

1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.

2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip.

3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.

4. Silahkan login ke blogger dengan ID anda.
5. Klik Rancangan.

6. Klik menu Edit HTML.

7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.

9. Ada tulisan-tulisan berwarna merah. Maksudnya adalah sebagai peringatan apakah anda Mau menghapus widget dari template sebelumnya atau tidak. Jika mau Menghapus klik tombol HAPUS WIDGET. Jika tidak mau menghapus Klik saja PERTAHANKAN WIDGET..

10. Template berhasil diganti jika sudah ada tulisan seperti di bawah ini.

Selamat template anda telah berhasil diganti. Dan selamat dengan wajah blog anda yang baru . Semoga semakin semangat ngeblognya.....