Cara mengganti template blogspot - Banyak blogger yang kurang puas pada tampilan blogspotnya yang sederhana dan itu  itu saja, dan ingin mendekorasi blog dengan berbagai hiasan yang akan membuat tampilan blog menjadi sekeren mungkin dan terlihat profesional.

Akan tetapi, untuk membuat tampilan blog yang  menarik harus mengikuti banyak tutorial cara mendesain blog, tahap demi tahap pemasangan gadget, penggantian background, pengaturan font, mengubah warna judul dan lain-lain hingga tampilan tampak seperti yang diinginkan.

Jika seperti itu akan menguras waktu yang sangat banyak karena harus memahami satu per satu trik membuat template blog, kemudian menerapkannya. Apalagi sampai lupa menulis artikel karena pusing memikirkan tampilan blog yang tak kunjung jadi.

»»  READMORE...

Bagaimana cara membuat animasi dengan semut seolah berjalan di layar komputer kita. Tutorial ini akan memberikan panduan bagaimana blog kamu ketika dikunjungi akan tampak semut sedang berjalan di layar monitor. Trik ini sekedar membuat lelucon kepada pengunjung dengan kerepotan mereka sesaat untuk membuang semut yang ada dil layar monitor mereka.

Baiklah mari kita mulai langkah sederhana cara membuat animasi semut berjalan di layar

1. Login ke dashboard blog kamu
2. Seperti biasa masuk kebagian tata letak dan tambahkan widget
3. Pilih Tambahkan fungsional pihak ketiga yaitu tombol HTML/Script
4. Paste kan kode dibawah ini pada kotak konten kemudian simpan pekerjaan kamu.

Kode animasi semut berjalan di layar monitor.

 <div style="display:scroll; position:fixed; top:150px; center:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>  

Sekarang coba kamu lihat blog kamu saat ini sudah ada semut yang sedang berjalan di layar kamu. Sebenarnya trik ini sangat mudah. Trik ini hanya memanfaatkan gambar animasi dari file gambar yang berbentuk gif, namun dengan latar belakang transparan. Kamu juga bisa mencoba membuat animasi lainnya dengan menggunakan kode diatas, cukup dengan mengganti url yang ada dengan url animasi yang ingin kamu gunakan.

»»  READMORE...

Membuat sebuah blog yang cantik dan manis tentunya merupakan kesenangan tersendiri. Tutorial kali ini sepertinya sangat cocok untuk wanita yang hobby mendesain blog. Bagaimana cara membuat animasi bunga berjatuhan di dalam blog kita merupakan bahasan tutorial hari ini.

Mari kita mulai cara membuat animasi bunga berjatuha di blog.

1. Langkah pertama silahkan kamu login dulu ke dashboard blog kamu.
2. Masuk kebagian desain atau tata letak pada menu dashboard
3. Pilih tambahkan gadget yang berada pada letak di bawah kolom header.
4. Kemudian setelah kotak  gadget terbuka pilih tambahkan fungsi html dan javascript
5. Copy kode di bawah ini kemudian paste dalam kotak kontent.

Kode cara membuat animasi bunga berjatuhan

»»  READMORE...

Tutorial kali ini masih mengusung bahasan bagaimana mempercantik blog kita. Kali ini saya akan menunjukkan bagaimana cara menampilkan animasi di widget blog kita. Saya akan memakai file swf animasi yang berbentuk jam

Langkah-langkah menampilkan jam digital pada blog

1. Login ke dashboad kamu

2. Edit template kamu dengan cara masuk ke menu tata letak

3. Kemudian pilih tambahkan widget

4. Di halaman tambahkan widget yang tampil pilih menu Tambahkan Html/Script kemudian masukkan kode dibawah ini

 <object type="application/x-shockwave-flash" data="https://sites.google.com/site/riskamudrika/jam-digital.swf" width="150" height="150"><param name="movie" value="https://sites.google.com/site/riskamudrika/jam-digital.swf" /><param name="wmode" value="transparent" /><a href="http://semuatentangwebsite.blogspot.com/" title="Blogger Templates">Blogger Templates</a><embed src="https://sites.google.com/site/riskamudrika/jam-digital.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>  

5. Pada bagian judul tulis saja Jam Digital, namun kamu bebas menggantinya dengan judul apa saja.

6. Simpan hasil pekerjaan kamu dan refresh blog kamu akan tampil widget baru dengan tampilan jam berbentuk animasi.

Jika kamu perhatikan pada barisan script Cara Menampilkan Animasi, kamu akan lihat beberapa url yang menunjukkan dimana file animasi atau file swf berada. Kamu bisa mengganti animasi jam digital itu dengan file swf yang kamu miliki. Caranya cukup upload file swf kamu ke sebuah hosting server, kemudian ambil url tempat file swf kamu di simpan, lalu ganti barisan url pada script dengan url milik kamu.

Teknik ini berlaku bukan hanya menempatkan jam digital animasi saja, semua file swf  yang memiliki animasi dapat kamu tampilkan di widget dengan langkah-langkah ini.

»»  READMORE...

Seo 2103 - Seo atau sering diesbut sebagai Search Engine Optimize adalah bagaimana membuat artikel yang ada di blog kita masuk dalam halaman daftar mesin pencarian. Mesin pencarian yang paling populer saat ini adalah google. Sebagian besar orang mencari segala bentuk informasi melalui mesin pencarian ini.

Berdasarkan hal tersebut, maka kali ini kita kan membahas tentang Seo khusus untuk mesin pencarian yang bernama google. Banyak faktor yang menentukan agar artikel kita masuk dihalaman google search engine. Faktor yang paling utama adalah dimana website atau blog kita memiliki banyak informasi yang bermanfaat. Semakin banyak informasi yang bermanfaat pada blog kita, maka semakin ramai orang akan mendatangi blog kita, hal ini otomatis akan mempengaruhi skor kepercayaan blog kita di mata mesin pencarian.

Seo sendiri merupakan teknik yang tidak dapat dipastikan bagaimana teknik paling benar dalam menerapkan seo. Dari tahun ke tahun google sendiri terus merubah algoritma yang menjadi landasan dasar bekerjanya sebuah mesin pencarian. Seo 2013 atau teknik seo yang sedang populer di tahun 2013 menjadi bahasan pokok para pakar seo. Teknik pada seo di tahun 2013 ini setelah terjadinya pergantian algoritma terbaru yang dilakukan google sedikit terjadi perubahan dalam hal mendasar. Beberapa informasi mengenai teknik seo dalam mengoptimasi sebuah blog dapat kita lihat di bawah ini.

SEO ONPAGE 2013

Seo onpage pada teknik seo tahun ini memiliki peranan penting untuk meningkatkan kualitas sebuah artikel blog di mesin pencarian. Beberapa dasar SEO onpage adalah sebagai berikut

Artikel Semantik

Artikel semantik adalah artikel yang memiliki barisan-barisan kata, dimana dari setiap kata kunci memiliki kata kunci lainnya yang berhubungan erat dengan kata kunci utama. Misalnya seperti ini. jika kamu menggunakan kata kunci motor, maka sebutlah kata-kata yang berhubungan erat dengan kata motor, mulai dari type motor, harga motor, dealer motor, hingga kata perawatan yang merujuk pada kata kunci motor. Penggunaan teknik ini akan menciptakan sebuah artikel yang memiliki informasi lengkap sebagai satu kesatuan.

Internal Link

Internal link adalah cara mengaitkan artikel lain yang memiliki hubungan erat. Perbanyak internal link yang memiliki hubungan sangat erat sehingga artikel satu dengan artikel lainnya membentuk sebuah hubungan yang bernama semantik. Misalnya jika dalam artikel utama anda membahas tentang motor, maka sebutlah kata cara merawat motor dengan memberikan link pada kata tersebut ke artikel yang memuat informasi mengenai cara merawat motor.

External Link

Gunakan satu atau dua buah external link yang merujuk pada website atau blog lain yang memiliki pembahasan sama pada artikel kamu. Seperti contoh jika kamu membahas tema motor, maka kamu bisa memberikan external link pada website yang membahas tentang motor atau link langsung ke dealer motor terkemuka. Ingat jangan beri link pada website yang memiliki nilai otoritas  rendah, karena akan memberi pengaruh buruk pada otoritas blog anda sendiri

Penggunaan Tag Heading

Pada Seo 2013 penggunaan tag H2 pada kata kunci tidak memberikan pengaruh pada rangkaian teknik optimasi. Penggunaan tag h2 atau h3 lebih cenderung untuk mempercantik halaman artikel kita dengan memberikan perbedaan pada baris judul dan artikel.

Keunikan dan kesegaran informasi.

Faktor ini sangat sangat penting dalam teknik optimasi pada seo 2013. Buatlah artikel yang memiliki metode semantik dengan tema yang segar dan rangkaian kata yang unik. Rangkaian kata unik yaitu seluruh  isi tulisan tidak memiliki kesamaan pada artikel yang berada pada website lain di internet. Harus di ingat perbedaaan artikel unik atau artikel segar. Jika artikel unik lebih menitikberatkan pada perbedaan dengan artikel lainnya dalam bentuk tulisan maupun gaya, maka artikel segar adalah artikel yang memuat informasi baru yang belum atau jarang dibahas. Artikel segar ini biasanya didapat pada blog-blog yang mengusung tema berita.

SEO OFF PAGE 2013

Seo off page atau biasa disebut sebagai memberikan backlink kepada website kita dari website lain, pada seo 2013 ini tindakan memberikan backlink harus dengan hati-hati, kesalahan menempatkan backlink untuk blog kita akan membuat blog kita hilang dari peredaran mesin pencarian. Bangunlah satu blog lagi untuk mendukung blog utama kamu, teknik ini biasanya disebut dummy. 

Dalam membuat blog dummy harus mempunyai standar optimasi sama dengan blog utama. Ketika blog dummy telah menjadi kuat, maka pada teknik external link di blog dummy kamu dapat mencantumkan blog utama kamu sebagai referensi dari blog dummy. Kemudian berikan pula external link pada blog dummy yang merujuk pada website atau blog ber otoritas tinggi. Misalnya, anda membahas tentang motor, maka berikan external link yang merujuk pada website dealer motor terkemuka, kemudian rujuk pula blog utama kamu sebagai external link yang memberitahu informasi mengenai motor di blog utama. Pada teknik seo 2013 metode ini sangat disarankan untuk digunakan.

»»  READMORE...

Cara membuat recent post atau artikel terdahulu pada blogspot dapat kita lakukan dengan memasang bebarapa script sederhana pada widget. Recent post atau artikel terdahulu berfungsi untuk menampilkan artikel yang sudah kita posting agar dapat di akses oleh pengunjung kita dengan mudah. Ikuti langkah-langkah di bawah ini untuk memulai membuat recent post di blogspot kamu.

1. Login ke dashboard blogspot kamu
2. Masuk kedalam mode tata letak atau layout

3. Saat sobat menambahkan widget pilih tombol HTML/SCRIPT

4. Pada kotak isian tambahkan dengan judul Artikel Terkait atau terserah kamu mau membuat judul apa. Judul ini akan tampil sebagai judul widget sobat

5. Tambahkan kode di bawah ini pada kotak Konten

 <div id="24work">  
 <script style="text/javascript" >function showrecentposts(json) {  
 for (var i = 0; i < numposts; i++) {  
 var entry = json.feed.entry[i];  
 var posttitle = entry.title.$t;  
 var posturl;  
 if (i == json.feed.entry.length) break;  
 for (var k = 0; k < entry.link.length; k++) {  
 if (entry.link[k].rel == 'alternate') {  
 posturl = entry.link[k].href;  
 break;  
 }  
 }  
 posttitle = posttitle.link(posturl);  
 var readmorelink = "....";  
 readmorelink = readmorelink.link(posturl);  
 var postdate = entry.published.$t;  
 var cdyear = postdate.substring(0,4);  
 var cdmonth = postdate.substring(5,7);  
 var cdday = postdate.substring(8,10);  
 var monthnames = new Array();  
 monthnames[1] = "Jan";  
 monthnames[2] = "Feb";  
 monthnames[3] = "Mar";  
 monthnames[4] = "Apr";  
 monthnames[5] = "May";  
 monthnames[6] = "Jun";  
 monthnames[7] = "Jul";  
 monthnames[8] = "Aug";  
 monthnames[9] = "Sep";  
 monthnames[10] = "Oct";  
 monthnames[11] = "Nov";  
 monthnames[12] = "Dec";  
 if ("content" in entry) {  
 var postcontent = entry.content.$t;}  
 else  
 if ("summary" in entry) {  
 var postcontent = entry.summary.$t;}  
 else var postcontent = "";  
 var re = /<\S[^>]*>/g;   
 postcontent = postcontent.replace(re, "");  
 document.write('<div class="mtrpw">');  
 if (standardstyling) document.write('<br/>');  
 document.write(posttitle);  
 if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);  
 document.write('</div><div class="mtrpwsumm">');  
 if (showpostsummary == true) {  
 if (standardstyling) document.write('');  
 if (postcontent.length < numchars) {  
 if (standardstyling) document.write('<i>');  
 document.write(postcontent);  
 if (standardstyling) document.write('</i>');}  
 else {  
 if (standardstyling) document.write('');  
 postcontent = postcontent.substring(0, numchars);  
 var quoteEnd = postcontent.lastIndexOf(" ");  
 postcontent = postcontent.substring(0,quoteEnd);  
 document.write(postcontent + ' ' + readmorelink);  
 if (standardstyling) document.write('');}  
 }  
 document.write('</div>');  
 if (standardstyling) document.write('');  
 }  
 if (!standardstyling) document.write('<div class="bbwidgetfooter">');  
 if (standardstyling) document.write('');  
 document.write('');  
 if (!standardstyling) document.write('');  
 };document.write('<a href="http://semuatentangwebsite.blogspot.com" style="font-size: 1px; text-decoration:none; color: #cccccc;">Blogspot Tutorial</a>');</script>  
 <script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>  
 <script src="http://semuatentangwebsite.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>  
 <div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr">  
 </div><noscript>Your browser does not support JavaScript!</noscript>  
 <style type=text/css>  
 #rpdr, #rpdr a {color:#808080;}  
 #mtrpwa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}  
 .mtrpw a {font-weight:bold; }  
 .mtrpwsumm {}  
 </style></div>  

Pada bagian  url yang berwarna merah ganti dengan url blogspot kamu. Lalu simpan kode yang kamu buat untuk melihat perubahan. Sebelum melakukan modifikasi cara membuat recent post ini sebaiknya sobat melakukan backup dulu pada file template blogspot sobat.

Demikianlah tutorial cara membuat recent post di widget pada blogspot. Lakukan langkah-langkah diatas dengan teliti dan hati-hati.

»»  READMORE...

Mempercepat loading blog kita memberikan manfaat yang bagus bagi kenyamanan pengunjung blog. Jika blog kita dapat di loading atau ditampilkan dengan cepat maka pengunjung blog akan segera mendapatkan berbagai informasi dari blog kita. Lain hal jika loading blog kita lambat atau bahkan sangat lambat, hal ini tentu akan membuat kesal pengunjung blog dan pada akhirnya meninggalkan blog kita.

Cara mempercepat loading blog dapat dilakukan dengan mudah, beberapa hal yang harus kita lakukan agar blog kita dapat terloading dengan baik.

1, Hindari penggunaan  gambar yang memiliki ukuran besar, sebaiknya usahakan untuk melakukan kompresi dahulu pada gambar yang akan kita tampilkan di blog kita. Cara mengkompresi gambar dapat dilakukan dengan beberapa software salah satunya photoshop.

2. Hindari penggunaan script yang berlebihan. Script memiliki karakteristik yang berat, penggunaan script yang berlebihan dijamin akan membuat loading blog kamu sangat berat atau bahkan tidak dapat di akses. Pilihlah script yang benar-benar kamu butuhkan, jika tidak terlalu penting sebaiknya tidak usah digunakan.

3. Kurangi penggunaan widget, Widget memag kadang dapat memberikan tampilan yang bagus pada blog kita. Namun jika widget tersebut dapat membuat blog kamu  menjadi lambat, sebaiknya menghindari penggunaan widget tersebut. Pasanglah widget sesuai kebutuhan, widget yang mungkin tidak perlu digunakan adalah widget kalender atau tanggalan, Setiap komputer sudah memiliki informasi tanggal sendiri, jadi pemasangan widget kalender tidak memberikan manfaat apa-apa pada blog kita.

4. Batasi Tampilan display post pada homepage. Semakin banyak post yang terdisplay pada homepage, maka semakin banyak yang akan di load oleh blog kita.

5. Gunakan script mempercepat loading blog. Berikut baris script yang dapat kamu sisipkan pada template kamu untuk meningkatkan kecepatan loading  blog kamu.

 <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>  
 <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>  
 <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4U8qEJHGRqaNHvsKTpzaMqVYzW-ha6PY1xnAma2iKdVEp2b9o2fpRnuVdEsPXvRIzKAoeCE9ROaxY6ZADBUq7Sw0Cn42aSRg0_4Mi7dxoPye2nazdkwciDnLkea39w_rJegjb879enA/&quot;,threshold : 200}); }); </script>  

Cara menyisipkan script diatas sangat gampang, Masuk ke bagian Edit Html pada template kamu, lalu cari kode </head> kemudian letakkan kode script diatas tepat diatas kode </head>. Kemudian simpan template kamu dan coba akses blog kamu, adakah perubahan dalam kecepatan loading blog kamu. Perlu diperhatikan sebaiknya backup terlebih dahulu template kamu sebelum melakukan perubahan.

»»  READMORE...

Tips Menulis Artikel kali ini mencoba memandu sobat-sobat yang kesulitan ketika mencoba menulis artikel di blog sobat. Sedangkan kita ketahui untuk mendapatkan blog yang memiliki trafik atau pengunjung yang banyak, syarat utamanya adalah memiliki banyak artikel yang bermanfaat.

Banyak pemiliki blog mengeluhkan bagaimana sulitnya membuat sebuah artikel untuk blog mereka, padahal jika ingin telaah lebih dalam, menulis artikel sebenarnya tidak sesulit yang sobat bayangkan. Namun kita juga perlu mengerti beberapa panduan bagaimana menulis artikel yang baik dengan mudah. Coba sobat perhatikan panduan tips menulis artikel dibawah ini.

Artikel sebaiknya memiliki struktur dan penekanan pada setiap alinea

Alinea Pertama
Alinea ini sebaiknya memiliki kata-kata yang dapat menarik perhatian pembaca. Hal-hal yang penting dan menonjol dari sebuah artikel sebaiknya di tulis pada alinea pertama

Alinea kedua
Masukan segala bentuk penguraian informasi dan pemaparan data secara objektif di alinea kedua. Intinya pada alinea ini kamu menuliskan rincian dari penjelasan dari artikel yang kamu tulis. Usahakan gunakan kalimat yang sederhana agar penjelasan kamu dapat dengan mudah di tangkap dan dibaca oleh pengunjung.

Alinea ketiga
Di alinea ini kamu memaparkan berbagai argumen yang dapat memperkuat rincian penjelasan kamu di alinea kedua. kemukakan semua informasi yang memiliki keterkaitan dengan artikel kamu.

Alinea ke empat.
Berikan solusi dari masalah yang kamu angkat pada topik bahasan artikel kamu. Rincikan secara jelas solusi itu dengan bahasa yang sederhana.

Empat langkah diatas sebenarnya hanya sekedar panduan bagaimana kita membuat alur sebuah artikel yang akan kita tulis. Tapi saran saya jangan pernah terpaku pada panduan diatas. Kamu dapat mengembangkannya dengan gaya penulisan kamu sendiri.

Tips menulis artikel dengan cara mudah

Tentukan tema, usahakan ambil tema yang kamu kuasai, ini penting agar jari kamu tidak macet saat sedang asyik menulis dan kamu kehilangan kemampuan dan referensi untuk menjelaskan detail artikel kamu.

Siapkan beberapa referensi, kamu bisa mendapatkan referensi mengenai artikel kamu dari berbagai artikel lain yang masih memiliki keterkaitan erat dengan artikel yang akan kamu tulis.

Tulislah tanpa memikirkan banyak pertimbangan. Hambatan terbesar bagi seorang penulis adalah terlalu banyak mempertimbangkan kata-kata yang akan ditulis, mukadimah awal mukadimah akhir, kepantasan sebuah tulisan dll. Abaikan semua itu biarkan jari kamu mengetik semua yang ada dipikiran kamu yang sudah kamu batasi dengan referensi yang kamu dapat.

Perbanyak perbendaharan kata, baik itu persamaan kata, hubungan antar kata, dll. Semakin banyak perbendaharaan kata yang kamu punya, maka semakin mudah kamu menulis. Misalnya seperti ini:
Tips menulis artikel dapat kamu pelajari dengan cara banyak membaca
Kata diatas dapat kamu tulis ulang dengan perbendaharaan kata yang kamu miliki
Aktifitas membaca yang rutin merupakan salah satu tips menulis artikel yang dapat kamu gunakan.

Kamu lihat bagaimana barisan kata awal dapat kamu rubah menjadi kata-kata baru dengan makna dan tujuan yang sama persis tanpa menghilangkan kata kunci yang digunakan pada tulisan awal. Teknik ini disebut dengan menulis ulang atau biasa disebut oleh para blogger sebagai aktifitas rewrite.

Setelah kamu terbiasa dengan teknik menulis ulang, maka dengan sendirinya kamu akan terbiasa menulis artikel hanya bermodalkan referensi dari artikel lain.

»»  READMORE...

Banyak cara membuat blog kita tampil cantik dan menarik, Setelah kemarin kita sudah  mencoba bagaimana cara membuat tombol share melayang, selanjutnya bahasan kali ini kita akan mencoba bagaimana cara membuat gambar berputar ketika di sentuh oleh mouse. Teknik ini biasanya disebut dengan Image hover.

Tehnik membuat gambar berputar ini menggunakan kode css yang akan kita letakkan di source html template kita. Tidak sulit untuk menerapkan tutorial ini, hanya dibutuhkan kehati-hatian dan ketelitian ketika meletakkan beberapa kode ke dalam template. Untuk berjaga-jaga jika terjadi kesalahan, ada baiknya sobat melakukan backup terlebih dahulu seluruh isi html template sobat.

Berikut langkah-langkah cara membuat gambar berputar di blog kita.

1. Pertama-tama sobat masuk ke bagian edit html dengan menuju bagian template kemudian pilih edit html.
2. Cari kode seperti ini ]]></b:skin> Gunakan ctrl find untuk memudahkan pencarian
3. Copy kode CSS dibawah ini :

 #gambar {  
 float: left;  
 margin: 10px;  
 overflow: hidden;  
 position: relative;  
  -webkit-transition-duration: 0.8s;  
   -moz-transition-duration: 0.8s;  
   -o-transition-duration: 0.8s;  
   transition-duration: 0.8s;  
   -webkit-transition-property: -webkit-transform;  
   -moz-transition-property: -moz-transform;  
   -o-transition-property: -o-transform;  
   transition-property: transform;  
   overflow:hidden;  
 }  
 #gambar:hover {  
  -webkit-transform:rotate(360deg);  
   -moz-transform:rotate(360deg);  
   -o-transform:rotate(360deg);  
 }  

Kemudian paste tepat diatas  kode ]]></b:skin> yang sobat cari tadi. Simpan perubahan template sobat.

4. Buatlah postingan baru dengan judul Cara membuat gambar berputar. masukkan kode dibawah ini kedalam postingan melalui mode html, ingat memasukkannya harus dalam mode html bukan dalam mode Compose.

 <div id="gambar">  
 <img src="url Gambar" />  
 </div>  

Ganti url gambar yang berwarna biru dengan url gambar yang ingin sobat tampilkan agar berputar.
Sampai disini tutorial selesai, silahkan sobat semua mencobanya pada blog sobat.  Untuk posisi gambar bisa langsung di atur melalui pengaturan yang ada di dashboard blog sobat.

Referensi mengenai CSS hover dapat di lihat di w3schools.com.

»»  READMORE...

Memiliki blog dengan tampilan menarik dan menawan tentunya sangat membanggakan. Kalau kita melihat tampilan template-template bawaan blogspot tentu semuanya hanya memiliki tampilan standar, kita perlu sedikit kreatif mengotak-atik html template agar terlihat lebih indah.

Pada artikel terdahulu kita sudah mencoba membuat judul title yang bergerak pada title browser. Tutorial kali ini akan membahas bagaimana caranya membuat tombol share melayang untuk sosial media seperti facebook, twitter, google dan Rss Feed. Tombol share yang akan kita buat akan lebih variatif dan cantik dengan menggunakan CSS dan sedikit script sederhana. Tombol share sangat penting loh untuk mempopulerkan website kita, jadi sebisa mungkin usahakan blog kita memiliki tombol share yang memancing para pengunjung mau mencoba tombol share yang ada di website kita.

Nah berikut lihat tampilan gambar tombol share yang sudah di modifikasi.

Contoh Gambar Tombol Share Melayang

Insert gambar


Bagaimana cara membuat tombol share seperti gambar diatas, ikuti langkah-langkah di bawah ini :

1. Masuk ke dashboard akun blogger kamu
2. Lalu tentukan blog mana yang akan kamu rubah
3. langsung menuju ke pilihan Tata letak di sisi sidebar
4. Pilih Tambahkan widget
5. Kemudian tambahkan HTML/JavaScript
6. Setelah terbuka halaman menambahkan html atau javascript masukkan kode dibawah ini kedalam kotak yang berjudul konten. "Ingat untuk judul biarkan kosong"

Yang harus kamu perhatikan sebelum melakukan copy paste pada kode dibawah, coba kamu lihat kode dibagian paling akhir. Nah silahkan ganti informasi pada url dan title dengan url blogspot kamu dan title blogspot kamu. Untuk bagian RSS cukup ganti dengan nama blog kamu.

Kekurangan dari kode ini adalah tidak bisa melakukan share berdasarkan title posting, tombol share hanya melakukan share pada URL dan Title blogspot secara umum. Insya Allah jika nanti saya temukan kode untuk share berdasarkan postingan, akan saya posting lanjutan artikel membuat tombol share dengan kode sederhana.

Kode yang harus mau dimasukkan:

 <style>  
 ul#navigation {  
 position: fixed;  
 margin: 0px;  
 padding: 0px;  
 top: 0px;  
 right: 0px;  
 list-style: none;  
 z-index:999999;  
 width:721px;  
 }  
 ul#navigation li {  
 width: 103px;  
 display:inline;  
 float:left;  
 border:0;  
 }  
 ul#navigation li a {  
 display: block;  
 float:left;  
 margin-top: -2px;  
 width: 100px;  
 height: 25px;  
 background-color:#eeeeee;  
 background-repeat:no-repeat;  
 background-position:50% 10px;  
 border:1px solid #BDDCEF;  
 -moz-border-radius:0px 0px 10px 10px;  
 -webkit-border-bottom-right-radius: 10px;  
 -webkit-border-bottom-left-radius: 10px;  
 -khtml-border-bottom-right-radius: 10px;  
 -khtml-border-bottom-left-radius: 10px;  
 text-decoration:none;  
 text-align:center;  
 padding-top:80px;  
 opacity: 0.96;  
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
 }  
 ul#navigation li a:hover{  
 background-color:#CAE3F2;  
 }  
 ul#navigation li a span{  
 letter-spacing:2px;  
 font-size:11px;  
 color:#60ACD8;  
 font-family:trebuchet-ms, arial, tahoma, Sans-Serif;  
 font-weight:bold;  
 text-shadow: 0 -1px 1px #fff;  
 }  
 ul#navigation .rss a{  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2IO-656JJjuFH4jwOX31bXuAppPMhQvRuK3ASTb_cSBBZ3GHuUUxxk61wIKYJ-oHq0OW4voPkvxFuaoRKOlmEERxARL8kWK4mE0ZqB0y25uqNEohgKl1BWhrYih_H_jgYr-EHBQU3hzM/s1600/64x64.png);  
 }  
 ul#navigation .facebook a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2STeARcxNur9_U38js4rI2GUambUYWVS502D0s9DknUpUn_kxk_vQTgxYuGGjRmKnmQfCsNJY_FO9kEQRyqL72ieaUroveHA17JnPR1GdTTXaah205vJbI9fV8PwWucbNyixF_QUCdgU/s1600/64x64.png);  
 }  
 ul#navigation .twitter a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJJas13EH6tIA-f2SehmlLLgueZFS992-TQ0zmVMAZv3u9-1F-g7espzvmAq6R7lfItLnoibHysou76S9BGinxJfD0FCcPw0NzOCbQ-NBobzUJqS7EVNZwXyrch7W_CjWRIlrkFMiCZpU/h120/twitter.png);  
 }  
 ul#navigation .googlebookmarks a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kpL7h6a4aKh9x7C_qOQnoGEoHBM6SsDA1RJnki1o4IPVAuyvAr0cbcw5gW3V8ne00Hs9fU6qqkP4TMxeDUvY7X6xM2oG_Z1tJqvbUTgEzX5Sx9RXdhLERdUvJV34-SGCyxVOrLhkQ44/s1600/64x64.png);  
 }  
 ul#navigation .e-mail a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT26ji9phSXYpljeJm8ju3aPcZBrjClLLKV7hqe74jqSYRlCkdy4-pylqy-BHHBB_DLUs9mrSjjWFqWsW7EowhzwcMpm_zdftUnuvtGPZ2nXhtUCNF85DoJkQlHurwqjxuSQys9_WofUyb/s400/yahoo_64x64.png);  
 }  
 </style>  
 <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">  
 </script>  
 <script type="text/javascript">  
 $(function() {  
 var d=300;  
 $('#navigation a').each(function(){  
 $(this).stop().animate({  
 'marginTop':'-80px'  
 },d+=150);  
 });  
 $('#navigation > li').hover(  
 function () {  
 $('a',$(this)).stop().animate({  
 'marginTop':'-2px'  
 },200);  
 },  
 function () {  
 $('a',$(this)).stop().animate({  
 'marginTop':'-80px'  
 },200);  
 }  
 );  
 });  
 </script>  
 <ul id="navigation">  
 <li class="rss"><a href="http://BLOG-KAMU.blogspot.com/atom.xml">RSS Feed</a></li>  
 <li class="facebook"><a href="http://www.facebook.com/share.php?u=[URL]&title=[TITLE]">Facebook</a></li>  
 <li class="twitter"><a href="http://twitter.com/home?status=[TITLE]+[URL]">Twitter</a></li>  
 <li class="googlebookmarks"><a href="https://plus.google.com/share?url=[URL]">Google</a></li>  
 <li class="e-mail">Yahoo!</li>  
 </ul>  

Selanjutnya kamu tinggal menyesuaikan tombol share hendak diletakkan dimana, berexplorasilah dengan blog kamu, agar mendapatkan hasil yang maksimal. Selamat mencoba!

»»  READMORE...

Tutorial kali ini membahas bagaimana judul pada title browser di blog kita bergerak seperti layaknya script marquee. Tujuaannya adalah mempercantik blog kita agar lebih terlihat indah dan berbeda dari blog yang lainnya. Caranya membuat judul blog bergerak sangat gampang sekali, seperti biasa kita hanya meletakkan beberapa kode baris skrip sederhana pada source html template blogspot kita.

Berikut caranya membuat judul Blog Bergerak pada title browser.

1. Pertama-tama silahkan login ke akun blogger kamu.

2. Kemudian masuk ke menu template dan pilih edit html

3. Cari kode seperti dibawah ini :

 <title><data:blog.pageTitle/></title>

Lalu ganti dengan kode di bawah ini. Gunakan ctrl find untuk memudahkan pencarian.

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>

var txt="<data:blog.pageTitle/>";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script>

Hasilnya akan terlihat seperti gambar di bawah ini :

Jika di template kamu sudah ada kode <b:include data='blog' name='all-head-content'/> maka kamu cukup mereplace kode <title><data:blog.pageTitle/></title> saja dengan kode script di atas. Setelah kode script diletakkan, simpan perubahan pada file html, kemudian coba buka blog kamu dan perhatikan title yang ada pada browser.

Mudah bukan cara membuat judul blog bergerak pada title di browser. Jangan lupa perhatikan kode script pada bagian var kecepatan yang diatur pada angka 100, semakin besar nilai angka pada var kecepatan maka semakin lambat pergerakan yang terjadi pada title browser, begitu juga sebaliknya, semakin kecil angkanya maka pergerakan akan semakin cepat. kamu bisa menggantinya dengan angka yang kamu inginkan, hitung-hitung sambil melakukan latihan.

Sebelum melakukan langkah-langkah membuat judul blog bergerak, ada baiknya kamu melakukan backup terlebih dahulu file html template kamu, sehingga jika terjadi kesalahan kamu tinggal mempaste file backup kamu pada halaman edit html template kamu. Cara backup file html cukup gampang, letakkan kursor kamu pada halaman html lalu tekan ctrl A untuk melakukan blok pada seluruh html kemudian tekan ctrl C untuk mengcopy semua isi html dan langkah terakhir paste kode html template kamu yang barusan kamu copy ke notepad. Jangan lupa untuk menyimpan backup kamu. agar sewaktu-waktu dapat kamu gunakan kembali. Cara backup file html ini dapat kamu lakukan setiap kamu ingin melakukan perubahan pada file html template.

»»  READMORE...

Cara Menambah 2 Widget Diatas Postingan 
-Hai Tips Gobel balik lagi dengan tutorial yang kali ini berjudul Cara Menambah 2 Widget Diatas Postingan, widget ini sangat berfungsi untuk blog agan yang punya trafik tinggi dan ikut iklan PPC sehingga dapat menggunakan 2 kolom tambahan ini untuk memasang iklan..
Untuk tutorialnya silahkan perhatikan cara-cara dibawah ini

 

• Login Blogger Sobat.
• Pilih Template > Edit HTML.
• Ceklis / Centang Expand Widget Template.
• Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
• Letakkan script berikut ini diatas ]]></b:skin> : 

#box-main-container {clear:both;}.box-column {padding:0px 10px 10px 10px;border:1px dotted $bordercolor;} 

 *Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ). 
*Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.

• Kemudian cari kode
  
  •   <div id='main-wrapper'>
  •   <div id='content-wrapper'>
  •   <div id='header'> atau <div id='header-wrapper'>
  •   <div id='sidebar-wrapper'>
  •   <div id='bottom'>
  Keterangan :
  *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
  *<div id='content-wrapper'> adalah posisi postingan.
  *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
  *<div id='sidebar-wrapper'> adalah posisi sidebar blog.
  *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
  Silakan pilih salah satu, mau menempatkannya dimana.
• Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini

<div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div><div style="clear: both;"> </div></div>

Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.

• Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.

Itu dia tutorial Menambah 2 Kolom Widget Diatas Postingan. Semoga Bermanfaat..
Baca Juga Afiliasi Terbaik Indonesia

 

»»  READMORE...

Cara mendapatkan Traffic Tinggi Untuk Blog tanpa SEO

apa bisa? Saya mendapat tips ini dari adsense-id. Katanya tips ini cukup ampuh dan terbukti mendatangkan banyak traffic yang tetap yang jumlahnya cukup besar dan terus bertambah hanya dalah beberapa minggu saja. Wahh, penasaran dengan hal ini?

Yupz, sebelumnya, Seorang Internet Marketing tentu saja harus menguasai Ilmu SEO atau Search Engine Optimasi, Jika hal ini sudah dikuasai maka Traffic dari search Engine pun akan berdatangan, artinya earning akan semakin bertambah. Tapi sobat yang merasa males mempelajari SEO karena ilmu SEO ini selalu berubah setiap saatnya, gak ada yang tahu pasti konsep SEO untuk optimasi blog karena algoritma search engine selalu berubah.

Google telah mengisyaratkan kalau teknik yang ampuh sebenarnya Blog tanpa SEO yakni "Content Is King" and "trend is A Power". Artinya apa? Konten yang berkualitas serta harus mengikuti trend yang sedang ramai dibicarakan.

Namun Faktanya, banyak yang mencoba menerapkan saran Mbah Google ini. Dengan Konten yang benar-benar asli dan menarik ternyata gak jaminan bisa menempati posisi atas di Search engine. Kenapa? kemungkinan karena ada Blog dengan kata Kunci sama dengan blog kita tapi konten berbeda serta blog tersebut sudah mempunyai kekuatan yang besar. Dan kemungkinan kedua ada yang mengcopy habis tulisan kita namun tanpa menyertakan link sumbernya.

Dan sudah ada yang nyoba, dengan membidik satu kata kunci yang sedang trend, kemudian memilih website paling atas dari kata kunci tersebut di Google, ambil 2 atau 3 website yang bakal dikuntit tiap hari, kemudian copas artikel mereka tanpa menyertakan Link sumber. artikel dibikin random saja yakni paragrap satu ke dua, 3 ke empat atau bebas lah yang penting di random, lebih bagus pake kata pengantar sedikit saja.

Hasilnya dalam 1 bulan Blog Cpas tersebut sudah mampu menyerap visitor unik nyampe 1000an perharinya. Nah sobat tertarik? Untuk menguntit website yang akan dicopas sebaiknya ketika mereka baru update artikel, sobat jangan nunggu terlalu lama langsung copas dan update juga.

Silahkan dicoba :-)
Baca Juga Humor Dewasa "Oh Sekertarisku"

»»  READMORE...

Cara Membuat Blog Secara Online 
- Apakabar sahabat tips-gobel.. Ada yang cari tamplate blog tapi ga ada yang cocok dengan keinginan kita..???
Sedah saatnya blogger membuat atau meng-edit tamplate agar sesuai keinginan kita..
ini ada beberapa aplikasi yang bisa digunakan untuk mengedit tamplate blog..

• Windows Live Writer :
http://download.live.com/writer
• Blogdesk :
www.blogdesk.org/en/download.htm
• Zoundry Raven :
www.zoundryraven.com/download.html
• Wblogger :
http://wbloggar.com/download.php
• Thingamablog :
http://thingamablog.sourceforge.net/download.html
• Qumana :
www.qumana.com/download.htm
• Scribefire :
www.scribefire.com
• BlogJet :
www.codingrobots.com/blogjet/download
• Flog :
http://mac.softpedia.com/progDownload/Flog-Download-42874.html
• Post2Blog
http://post2blog.en.softonic.com
• Bleezer :
http://bleezer.en.softonic.com

semoga bermanfaat ya..

»»  READMORE...

Hai sobat Gobel, ada yang ingin membuat tabel pada postingan sobat namun tidak tahu caranya..??
Kali ini saya akan memberi tahu caranya.
Membuat tabel pada postingan blog memang sangat membantu, dengan membuat tabel kita bisa membuat postingan terlihat rapih dan tidak berantakan.

Pada pembuatan tabel sobat harus berada dalam mode HTML (berdampingan dengan Compose) disaat melakukan posting. Perintah dasar membuat tabel di posting blog.
Berikut ini script sedehananya

<table border="1"><tr><td align="center" colspan="3">Tips Gobel</td></tr><tr><td>Adhitya</td> <td>Cinta</td> <td>Fatma</td> </tr></table> 

Tips Gobel
Adhitya	Cinta	Fatma

catatan:
Untuk tulisan warna merah sobat ganti dengan data yang sobat inginkan.
Untuk tulisan warna hijau atau border sobat bisa sesuaikan.
Untuk tulisan warna biru sobat dapat menyesuaikan dengan banyak kolom yang akan digabungkan  

Cukup sederhana bukan sobat..
nah silahkan praktek jika ada kesusahan silahkan tanyakan di sini.

»»  READMORE...

Tips dan Trik Agar Blog Tidak Dihapus Google
-Hai sejarang saya bakal ngebagiin supaya blog sobat aman dari banned google.
langsung saja yaa..

Seiring maraknya rumor yang beredar dikalangan blogger mengenai banyaknya blog yang dihapaus google tahun ini, maka melalui kesempatan dan postingan ini saya akan mengulas beberapa tips dan cara yang dapat Anda lakukan agar blog atau website kesayangan Anda terhidar dari banned/penghapusan oleh google atau blogger. Dengan demikian usaha dan upaya Anda dalam membangun blog atau website yang Anda miliki tidak sia-sia karena kesalahan tindakan yang Anda lakukan sendiri yang melanggar TOS google dan blogger.

Pernah saya sampaikan pada halaman cara membuat blog di blogger bahwa sebelum Anda memulai untuk membuat blog, "baca baik-baik syarat dan keharusan serta ketentuan yang wajib Anda penuhi yang telah blogger sampaikan". Banyak sekali para blogger yang tidak memahami peraturan yang telah dibuat oleh blogger dan google, sehingga pada akhirnya kecewa dan menjadi beban mental karena secara tiba-tiba blog yang telah lama di managenya menjadi salah satu blog yang menjadi daftar blog yang dihapus google.
Tragis dan miris memang ketika blog dihapus google, namun inilah kenyataan yang pahit yang harus dialami bagi mereka yang tidak mau mematuhi peraturan blogger dan google mungkin Anda salah satunya. Terlepas dari itu salah satu blog yang saya buat dan telah mengalami kepopuleran di search engine khususnya google.co.id pernah juga dihapus karena dianggap blog spam ketika mengikuti kontes seo. Hal inilah yang menjadi latarbelakang mengapa artikel ini saya buat, dengan harapan bagi sahabat super blog pedia agar waspada dan tetap mematuhi peraturan.

Ada beberapa sebab blog dihapus oleh google/blogger, namun yang paling sering terjadi adalah karena tindakan spam yang kita lakukan dengan berlebihan dalam link building atau optimasi seo yang dilarang (black hat seo).

Agar Blog Tidak Dihapus Google

Sebenarya cara agar blog tidak dihapus google itu sederhana, namun tidak sesederhana dalam pengaplikasiannya. Berikut adalah tips dan cara agar blog tidak dihapus google diantaranya yaitu

1. Patuhi TOS Blogger

Blogger telah membuat beberapa peraturan ketika kita ingin membuat blog, namun peraturan ini jarang sekali dibaca oleh para blogger, dengan demikian tidak jarang diantara mereka yang melanggar peraturan tersebut. Jika blog Anda ingin awet dan dipandang positif  serta tidak ingin dihapus oleh blogger patuhilah peraturan yang telah dibuat blogger, silahkan baca peraturannya disini.

2. Patuhi TOS Google

Sama seperti pada poin pertama (1) diatas, selain blogger, google juga memiliki TOS atau peraturan yang harus kita penuhi. Karena blogger adalah milik atau bagian dari produk google maka ruang linkup peraturannya juga lebih luas dan banyak. Namun yakinlah ketika kita telah memenuhi semua peraturan google maupun blogger, blog Anda hampir dipastikan tidak akan dihapus oleh google/blogger. Akan tetapi bisa saja hal ini terjadi karena kesalahan crawl oleh robot google yang mengakibatkan blog Anda "terhapus" Namun jangan khawatir, blog masih bisa dikembalikan seperti sediakala ketika Anda belakukan banding atau mengajukan pengaduan kepada pihak google. Selain itu flashback/intropeksi kembali teknik seo yang Anda aplikasikan untuk blog atau website yang Anda miliki. Berbicara teknik seo, Anda dapat membacanya pada halaman teknik dasar seo dari google. Dan mengenail TOS google Anda dapat membacanya disini.

Artikel atau tutorial cara mengembalikan blog yang dihapus google akan saya bahas pada kesempatan berikutnya, untuk itu pastikan Anda terus mengunjung tips-gobel.

Karena artikel tips dan cara agar blog tidak dihapus google sudah begitu panjang, maka saya akhiri sampai disini. Baca juga tutorial lainnya seperti cara mendapatkan pagerank google.

»»  READMORE...

Cara Menambah Kolom Header
- Hei apa kabar sobat blogger..?? Setelah lama tidak sharing tutorial blogging sekarang ane dikasih kesempatan lagi buat share..
Sesuai judul sekarang ane akan ngebahas Cara Menambah 2 Kolom Header

Bagi sobat yang tertarik, silahkan ikuti cara membuat 2 kolom header berikut ini.

 

 

 1. Pertama sobat login ke akun blog sobat
2. Klik rancangan--> edit HTML
3. Jangan centang kotak expand template widget
4. Cari kode css yang mirip di bawah ini:

#header-wrapper {
    width:900px;
    margin:0 auto 0px;
    background:$bgheadercolor;
    height:190px;
    }
    #header-inner {
    width:900px;
    background-position: center;
    margin-$startSide: auto;
    margin-$endSide: auto;
    }
    #header {
    margin: 0px;
    text-align: left;
    color:$pagetitlecolor;
    }

5. Ganti kode di atas dengan kode berikut.

#header-wrapper{
    width:980px;
    padding:20px 0 0 0;
    background:#000000;
    margin:0 auto;
    border:;}

    #header-inner{
    background-position:center;
    margin-left:auto;
    margin-right:auto}

    #header{
    float:$startSide;
    width:400px;
    margin:0 auto;
    border:0px solid $bordercolor;
    text-align:left;
    color:$pagetitlecolor
    }

    #header2{
    float:$endSide;
    width:400px;
    margin:0 auto;
    text-align:left;
    }

Tambahan :

• Edit kode di atas sesuai keinginan sobat terutama kode width yang harus di sesuaikan dengan ukuran header blog sobat.

6. Scroll ke bagian bawah, dan temukan kode yang mirip seperti ini

<div id='header-wrapper'>

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section>

Fokuskan pencarian pada kode

<div id='header-wrapper'>

7. Ganti kode di atas dengan kode berikut:

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog(Header)' type='Header'/>
</b:section>
      <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>
<div style='clear:both;'/>
      </div><!-- end header-wrapper -->

8. Klik simpan perubahan

9. Langkah terakhir, klik ELEMEN LAMAN dan lihat bila sudah menjadi 2 kolom.

 

Selesai.. Selamat memcoba dan semoga membantu yahh..

»»  READMORE...

Membuat Widget Pada Halaman Tertentu
Hai Sobat Gobel Sempat kemaren update tentang info-info unik untuk refreshing supaya sobaat blogger tidak stress dalalm dunia blogging.. Bagi yang belum lihat mungkin bisa klik disini
Nah klo mau langsung lanjut ke tutorial simak materi dibawah ini yahh..


Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

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

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini 

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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>  

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya


Untuk menempatkan di halaman depan/index digunakan code

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

Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>

Untuk menempatkan dihalaman item/posting saja digunakan code

<b:if cond='data:blog.pageType == "item"'>

Dan untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini

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

Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

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

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D
Ditunggu ya sobat blogger.. 

»»  READMORE...

Afiliasi Indonesia Hai Sobat blooger Gobels..Ada yang Mencari Bisnis apa yang cocok untuk blogger..??
Ada yang mencari bisnis afiliasi lokal dengan komisi yang sangat tinggi..???
Ini diaa tips Gobel Mempersembahkan....(Jrengjrengjreeennngggg.....:D)

Program Afiliasi Indonesia Terbaik Dengan Komisi Terbesar

Program Afiliasi Indonesia ~ Reseller Indonesia ~ Best Afiliate Reseller
    Affiliasi atau afiliasi adalah bisnis online yang hanya memerlukan sedikit atau bahkan tanpa modal. Anda tidak perlu membuat sebuah produk untuk anda jual melainkan anda hanya perlu memasarkan atau menjual produk orang lain, jika dalam memasarkan ada yang membeli melalui anda, maka anda akan diberi komisi sesuai kesepakatan awal dengan program afiliasi yang anda ikuti.

  Program afiliasi reseller dengan jumlah komisi terbesar di Indonesia yang sudah saya ikuti adalah program afiliasi dari Qbonk Media Group yakni 40% (afiliasi) & 60% (reseller). Produk yang  anda pasarkan dari Qbonk Media Group Adalah Ebook Teknisi. Anda dapat memperoleh komisi sangat besar yakni 40% dari penjualan atau sekitar Rp. 75.000,00 per penjualan bahkan jika anda menjadi resseler anda akan mendapatkan komisi 60% dari penjualan atau sekitar  Rp. 115.000,00,keuntungan anda selain mendapat komisi yang lebih besar pada program reseller, anda juga berhak mengakses dan mendownload semua ebook milik Qbonk Media Group bahkan jika anda ebook update terbaru anda tidak perlu membayar lagi untuk memilikinya, LANGSUNG AKSES GRATIISS... Qbonk Media Group adalah satu-satunya penyedia program afiliasi reseller terGILA di Indonesia yang saya temui. KOMISI BESAR + AKSES GRATIS
SEMUA EBOOK YANG ANDA JUAL (RESELLER).  

    Keuntungan-Keuntungan Lain Program Afiliasi Reseller Qbonk Media Group :

1. Pendaftaran Gratis ( afiliasi ), cepat dan mudah.
2. Program Afiliasi Reseller Yang Valid >> Lihat di https://www.facebook.com/groups/qbonkmedia/
3. Pembayaran Komisi Dilakukan Setiap Minggu Pada Hari Sabtu.
4. Komisi Terbesar.
5. Proses order, follow up dan afiliasi reseller dilakukan secara otomatis.
6. Tidak Mengeluarkan Biaya Produksi. Qbonk Yang Melakukannya.
7. Potensi Pendapatan Terbesar.
8. Tidak Perlu Pengalaman Sales, Banner Sudah disiapkan Oleh Qbonk Media Group.
9. Tidak Khawatir Habis Stok Karena Ini Buku Digital.
10. Tidak perlu repot melakukan pengiriman. Kalaupun ada yang minta kiriman CD maka kami yang meyiapkan untuk pembeli.
11. Menghasilkan Uang Bahkan Saat Anda Tidur.
12. Tanggung Jawab Isi Produk Ada Ditangan Qbonk Media Group, Anda Tidak Perlu Khawatir.
13. Qbonk memberikan Garansi kepada pembeli. Jika terjadi komplain maka anda bebas dari tuntutan kualitas barang.
14. QMG memproses transaksi yang terjadi, jadi anda tidak perlu repot dengan data penjualan,jumlah komisi yang harus di terima.
15. Info Pembayaran Perminggu Diumumkan  Di  https://www.facebook.com/groups/qbonkmedia/

•  Untuk mengikuti Program Affiliate, silahkan klik disini, kemudian pilih menu Paket Diskon  >> Isi Semua Data Yang Tersedia ( kode produk 101) >> Verifikasi Email Anda >> pilih Afiliasi ( Free)
  

• Untuk mengikuti Program Affiliate, silahkan klik disini, kemudian pilih menu Paket Diskon  >> Isi Semua Data Yang Tersedia ( kode produk 101) >> Verifikasi Email Anda >> pilih Afiliasi ( Free) 

bagaimana sobatt??
Alangkah Menggiurkann Komisi yang ditawarkan QMG..???
Jika Iya langsung saja daftarkan diri sobatt n jangan lupa UPGRADE keanggotaan sobat menjadi resseler sehingga mendapat komis Rp. 115.000,00/Penjualan..
Ditunggu ya sobatt...

»»  READMORE...

Cara Cepat Terindeks Google
Hai Sobat Gobel, setelah beberapa jam yang lalu saya posting tentang Cara Buat Emotion Blogger, sekarang saya bakal kasih tahu buat para blogger yang masih baru seperti saya tentang cara cepat terindeks google.. Seperti yang kita semua kutahui bahwa masa pengindeksian blog atau situs baru memakan waktu hingga berbulan-bulan, bahkan setelah submite ada tulisan untuk submit ulang jika dalam waktu 4 bulan masih belum terindeks--".. Sungguh Menyedihkan..
Tapi Jangan khawatir pengalaman saya  mendaftarkan sebuah blog hanya bituh waktu satu hari sudah terindeks, waktu yang lumayan cepat, ddann sekarang ini sayay akan bagi tipsnya. Dan Tidak Usah Khawatir Karna Saya Hanya Akan Membagikan 2 cara yang saya pernah gunakan dan terbukti berhasil serta tidak terlalu rumit..

 

1. Meta Tag

Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :

<meta name="robots" content="INDEX, FOLLOW"/>
<meta name="description" content="Deskripsi dari blog sobat di sini "/>
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sobat anggap sangat berhubungan dengan blog sobat "/>

Yang harus diperhatikan adalah tulisan-tulisan yang tercetak merah. Tulisan-tulisan tersebut haruslah di sesuaikan dengan kondisi blog sobat.

Untuk deskripsi, silahkan isi dengan deskripsi blog sobat. contoh untuk blog milik saya adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download software secara gratis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog sobat. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya.

Untuk judul blog, silahkan isi dengan judul dari blog sobat.Contoh : untuk blog ini adalah Blog tutorial.

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> .

2. Back Link/ Tukar Link

Salah satu cara agar blog kita lebih cepat terindeks di google adalah kita di link oleh blog yang mempunyai page rank yang tinggi, dan biasanya blog-blog tersebut adalah blog terkenal. Contoh blog Indonesia yang sangat terkenal adalah blog miliknya mas fatih syuhud yaitu http://fatihsyuhud.com, blognya kang Agus hery di http://edittag.blogspot.com, dan masih banyak lagi yang lainnya. Saran saya pasanglah terlebih dahulu link blog mereka pada halaman blog milik sobat, setelah itu mintalah agar blog sobat di linkback atau di link balik oleh mereka. Permintaan untuk di linkback bisa di ajukan pada buku tamu (shoutbox) atau bisa juga melalui komentar pada postingan atau jika ingin lebih pribadi kirim melalui email. Saya yakin mereka akan segera memasang link sobat pada blog mereka, atau jika dalam waktu tiga hari masih belum di linkback, ajukan kembali permintaan untuk dilinkback karena untuk blog-blog terkenal dalam sehari tidak hanya satu atau dua blog saja yang pasang link blog mereka, maka wajar saja apabila ada satu atau dua blog yang terlewatkan untuk di linkback.

Nah itu dulu bahasan hari ini, sebenanya ada banyak cara untuk cepat terindeks google namun saya hanya memberikan apa yang elah saya praktekkan dan itu berhasil..

Oh ya jangan lupa tombol G(+) dan Komennya ya..

»»  READMORE...