Cara Membuat Tulisan Berjalan Di Blog

Cara Membuat Tulisan Berjalan Di Blog - Terkadang kita melihat blog sering dihiasi sebuah teks yang dapat berjalan atau sering disebut teks marque. Teks berjalan tersebut dapat bergerak ke kanan, ke kiri, ke atas maupun ke bawah. Efek tulisan semacam ini bisa dibuat dengan mudah, berikut caranya:

1. Login dahulu ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1.Teks berjalan dari kanan ke kiri
kode :<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

2.Teks berjalan dari kiri ke kanan

kode :<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

3. Teks berjalan bolak balik
kode :<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

4. Teks berjalan dari atas ke bawah
kode : <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

5. Teks berjalan dari bawah ke atas
kode : <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

6. Teks berjalan mondar-mandir
kode : <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

7. Teks berjalan zig-zag nembus
kode : <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

            8. Teks berjalan zig-zag mantul
            kode : <center><marquee direction="up" scrollmount="2" align="center"
            behavior="alternate" width="90%"><marquee direction="right"
            behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

Cara Membuat Headline News Versi Berjalan

Jika Anda pernah melihat tayangan berita di televisi, biasanya di bagian bawah layar televisi Anda muncul berita terbaru (headline news) atau informasi yang lain.

Pada kesempatan ini, saya akan berbagi tips cara membuat headline news versi berjalan pada blog seperti yang kita lihat pada tayangan berita di televesi, yang terletak di bagian atas atau bawah blog.

Penasaran cara membuat headline news di blog, berikut langkah-langkahnya :

1. Login akun blogger 
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
3. Copy-Paste kode di bawah ini pada HTML/JavaScript
   <script type="text/javascript">
   var hn_url_blog = http://sekitarduniaunik.blogspot.com;
   var hn_jumlah_post = 7;
   var hn_warna_latar = "#EEEEEE";
   var hn_warna_garis = "#000000";
   var hn_posisi = "bottom";
   var hn_tampilkan_judul = true;
   var hn_backlink = true;
   </script>
   <script src="http://blogatap.googlecode.com/files/headline-news.txt">
   </script>
   Keterangan :
   http://sekitarduniaunik.blogspot.com : Ganti alamat URL blog Anda
   7 : Jumlah judul posting yang akan ditampilkan
   #EEEEEE : Warna background headline news
   #000000 : Warna bingkai atau border blog
   Bottom : Posisi headline news, jika diatas ganti “top”
   True : Menampilkan tulisan “Headline news of NAMABLOG”, jika tidak ingin ditampilkan “false” 
4. Kemudian klik Simpan

Semoga bermanfaat bagi kita semua.

Cara Membuat Komentar Blog Dan Facebook Berdampingan

Cara Membuat Komentar Blog Dan Facebook Berdampingan - Sebelum kita masuk ke cara pembuatannya, saya ingin sekali menyampaikan kepada Anda bahwa, komentar facebook yang kita pasang di blog menggunakan trik ini, juga secara tidak langsung merupakan sarana promosi blog yang kita miliki. Artinya jika pengunjung menggunakan komentar facebook untuk berkomentar maka secara otomatis ada pemberitahuan di wall sipengunjung tersebut bahwa dia berkomentar di blog Anda. Agar lebih jelas, silahkan Anda berkomentar di blog sekitarduniaunik ini dengan menggunakan komentar facebook. Kemudian setelah berkomentar coba Anda lihat diwall facebook Anda, disana akan tertera berupa pemberitahuan bahwa Anda berkomentar di blog sekitarduniaunik ini.

Sekarang bagaimana, tertarik untuk membuat komentar blog dan facebook ke dalam blog Anda ? Jika demikian perhatikan tutorial berikut ini :


1. Login ke account blogger Anda

2. Klik rancangan lalu klik Edit HTML

3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan

4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget

5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)

6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

7. Kemudian Anda cari kode </head>

8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda disini' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/nama Anda maka ID Anda berada pada tulisan yang berwana biru. Namun jika Anda belum merubah ID Anda maka yang tertera adalah berupa angka. Udah ngertikan ? jika sudah maka Akan saya lanjut.

8. Kemudian cari kode  <div class='comments' id='comments'>

Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode
<div class='comments' id='comments'> yang pertama dan kedua.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>

<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan angka yang berwarna merah dan biru diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Anda agar kelihatan rapi. Dan perhatikan pula kode yang berwarna merah, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua terdapat kode yang sama, maka hapus salah satu kode tersebut.

contoh :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>

<div class='comments comments-page' id='blogger-comments-page'>

<div class='comments comments-page' id='blogger-comments-page'> ( hapus salah satu)

9. Kemudian klik save, dan lihat hasilnya.

Jika semua langkah-langkah membuat komentar blog dan facebook berdampingan ini Anda ikuti dengan benar, maka seharusnya Anda berhasil melakukannya. Karena langkah diatas sudah saya lakukan dan berhasil seperti yang Anda lihat milik saya. Namun jika Anda memiliki struktur template yang berbeda, Anda dapat meletakkan kode pada poin no.8 dibawah kode <div class='comments' id='comments'> yang kedua saja.

Cara Membuat Auto Hide (spoiler) Di Blog

Cara Membuat Auto Hide (Spoiler) Di Blog - Berhubung ada sebuah pertanyaan tentang bagaimana cara membuat spoiler di blog seperti dalam postingan blog, maka kali ini saya akan mensharenya.  Spoiler atau AutoHide sering kita jumpai jika Anda sering berkunjung di situs-situs forum seperti kaskus yang membuat AutoHide untuk memaksimalkan ruang postingan jika terdapat tulisan, foto, link yang banyak demi menghemat tempat. Atau biasanya ada juga blogger yang jahil dengan bermaksud untuk membuat pembaca menjadi penasaran akan isinya. 

Cara Membuat Spoiler di Postingan Blog sendiri sangat mudah sekali. Yang perlu kita lakukan hanya memasang kode script pada postingan yang ingin dipasang AutoHide. Dari pada penasaran baiknya kita langsung praktekan saja dibawah ini, sebelumnya berikut contoh Spoiler (Buka Tutup) yang saya terapkan pada beberapa tulisan di blog ini :

Berikut caranya :

1. Seperti biasa Login ke akun anda masing-masing

2. Buat Entri Baru/New Post = Membuat postingan

3. Jika sudah, pada menu Entri, Pilih mode penulisan HTML (Bukan Compose) jika ingin menerapkan Spoiler/AutoHide. Jika dipasang pada Mode Compose maka tidak akan berfungsi code scriptnya.

4. Lalu copy dan paste Script dibawah ini pada postingan yang akan dipasang autohide :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video), link di sini   <br>
</div>
</div>
</div>

5. Kita dapat merubah Judul Spoiler, Buka, Tutup dengan bahasa kita masing2, dan Letakkan Teks, gambar, video, kode2 script, atau link yang ingin dimasukkan didalam Spoiler

6. Publikasikan ! dan lihat hasilnya.

Membaca tulisan tentang Guru kreatif dan produktif

Membaca tulisan tentang Guru kreatif dan produktif

Malam ini setelah "Pulang Ngapel" Dari rumah Calon Istri saya, saya Langsung kembali ke dashboard blog saya yang biasanya pagi-pagi ba'da subuh selalu saya kasih sarapan (diisi tulisan maksudnya). Dan topik kali ini adalah guru kreatif dan guru produktif. Ide tulisan ini saya dapatkan dari blog tetangga, belaiau guru di Lab.School Jakarta yang juga blogger dan trainer. Ada satu posting yang menurut saya menarik, yaitu pada posting dengan judul "yuk menjadi guru kreatif dan produktif." Saya pikir tulisan tersebut sangat relevan dengan topik yang akan saya tulis Malam ini. Dua hal yang menarik adalah tentang guru kreatif dan guru produktif, seperti apa itu?

Untuk jelasnya sengaja saya repost beberapa paragraf, agar yang dituliskan ..... dalam blognya bisa pula langsung dibaca oleh pembaca blog ini sesuai dengan aslinya.

Tentang Guru kreatif

Guru kreatif adalah guru yang tak pernah puas dengan apa yang disampaikannya kepada peserta didik. Dia berusaha menemukan cara-cara baru untuk menemukan potensi atau bakat unik siswa. Baginya, setiap tahun harus ada kreativitas yang dikembangkan dalam dirinya. Sehingga materi yang disampaikannya tak melulu itu-itu saja setiap tahunnya. Bila dia mengajar sudah 10 tahun, maka 10 tahun itulah dia mengulang materi yang itu-itu saja tanpa ada kreativitas di dalamnya. Padahal setiap tahun tentu kita akan mengalami peserta didik yang tidak sama dengan tahun sebelumnya. Di situlah guru dituntut harus kreatif dalam menyampaikan bahan ajarnya sehinggsa sampai ke otak siswa dengan cara-cara menyenangkan.

Tentang Guru produktif

Guru produktif adalah guru kreatif yang tidak pernah puas dengan pembelajaran yang dilaksanakannya. Dia selalu melakukan refleksi diri melalui penelitian Tindakan Kelas (PTK) di kelasnya sendiri. Melalui kolaborasi dengan teman sejawat, dia akan memperbaiki kekurangannya dalam pembelajaran, dan segera dituliskannya. Hal itulah yang membuatnya menjadi produktif. Apa yang dikerjakannya selalu dituliskan.

Guru produktif akan menuliskan apa yang dikerjakan dan mengerjakan apa yang dituliskan. Konsisten dan komitmen dalam menjaga diri untuk menulis membuatnya menjadi guru yang produktif. Salah satu contoh yang paling mudah adalah buku pelajaran yang diampunya sudah dibuatnya sendiri dengan perbaikan terus menerus. Diapun belajar dari penulis buku lainnya. Dengan begitu terjadi edupreneurship dimana guru dilatih dan berlatih untuk membuat buku yang berkualitas.

Ada satu runtut kalimat yang patut kita impelentasikan tentunya, jika kita ingin memperbaiki derajat sebagai seorang guru. Artinya, mengembalikan semangat untuk merubah pola pikir dari yang sekedar guru menjadi benar-benar guru, yang bukan sekedar memberi pengetahuan dari buku yang sudah kita baca, melainkan berdasar pada apa yang telah kita lakukan atau yang sedang kita lakukan. Dan kreatifitas membawa seorang guru menjadi produktif. Dari produktifitasnya itu seorang guru bisa menghasilkan produk, dan produk tersebut tentu bisa bernilai jual dan itu semua bisa menjadi salah satu jalan untuk mensejahterakan guru itu sendiri.

Sumber : Jiplakers

Blog itu tidak berarti apa-apa, jika kita.......

Blog itu tidak berarti apa-apa, jika kita.......

Bagi seorang blogger, blognya tentu sangat berharga. Sebab melalui blognya tersebut dia mendapatkan banyak hal dan bisa menyampaikan banyak hal pula. Berbeda dengan orang yang hanya sekedar mempunyai blog, blognya tidak akan berarti apa-apa karena dia pun  tidak mendapatkan apa-apa dari blognya. Begitulah, prolog untuk topik tulisan kali ini. Lalu?

Seperti tulisan yang sudah saya posting sebelumnya, bahwa ada dua alasan populer kenapa orang membuat blog? Alasan pertama, ingin berbagi dan alasan kedua adalah ingin mendapatkan duit. Itu alasan populernya. Alasan lainya, disesuiakan dengan profesi orang yang membuat blog tersebut. Kalau yang membuat blog adalah guru, biasanya alasan utamanya adalah untuk learning, karena kontenya rata-rata berisi materi pelajaran. Dan kalau yang membuat blog profesinya desainer, maka alasan utamanya untuk berbagi konten desain. Begitu seterusnya.

Apa yang membuat blog menjadi berarti?
Ada orang yang membuat blog dengan serius. Maksudnya, dia memang serius mau ngeblog. Makanya dia melakukan perencanaan yang serius pula, dari mulai pemilihan tema blog, alamat blog (nama domain), target kata kunci, tampilan dan hal-hal lainya. Ketika blognya sudah jadi, dia pun mengisi kontenya juga serius tidak main-main, seperti konsisten dalam menulis dan promosi. Sampai pada tahap berikutnya orang ini berhasil memposisikan dirinya sebagai blogger, menempatkan blognya populer di index mesin pencari. Dari konten-kontenya yang bermanfaat dan dicari banyak orang, menjadikan si blogger mendapat pekerjaan baru seperti mendapatkan undangan sharing di seminar-seminar, mengajar untuk kuliah umum, free lance sesuai profesinya. Blognya menjadi branding yang menglirkan rupiah  ke rekening pribadinya. Tentu blog yang Seperti ini akan sangat berarti bagi si empunya blog.

Sumber : Jiplakers

Membuat Blog Lantaran Ingin Mendapatkan Penghasilan Tambahan

Membuat Blog Lantaran Ingin Mendapatkan Penghasilan Tambahan

Kadang kita termotivasi melakukan sesuatu yang dilakukan orang lain lantaran kesuksesanya. Termotivasi melakukan sesuatu bukan lantaran kreativitas atau ide baik kita sendiri. Misalnya saja, dalam blogging. Belakangan banyak rekan guru yang tiba-tiba semangat ingin membuat blog lantaran termotivasi untuk mendapatkan penghasilan dari blog tersebut. Syah-syah saja sebenarnya, toh seperti yang pernah saya tulis, bahwa orang membuat blog biasanya termotivasi oleh dua hal, ingin berbagi atau ingin mendapatkan duit. Sebenarnya saya sebagai blogger Newbie, saya sangat senang melihat sobat semua tertarik untk membuat blog. Artinya Sobat mulai melirik kreativitas menulis dan berbagi. Tapi, mirisnya yaitu tadi motivasinya bukan lantaran ingin menulis dan berbagi. Melainkan ingin mendapatkan duit secara instan. Lalu?

Saya takut, semangat ngeblog yang seperti ini tidak akan bertahan lama, dan akhirnya blog yang mereka buat cuma menjadi sampah google saja. Bisanya seperti itu. Ngeblog itu pekerjaan mudah, tapi butuh konsistensi dan ketertarikan berbagi yang kuat. Mudah artinya, tinggal registrasi di blogger atau wordpress tidak sampai 5 menit juga jadi. Butuh konsistensi artinya, ya harus mengisi konten terus menerus, kalau bisa setiap hari kalau tidak bisa minimal seminggu sekali atau sebualan sekali. Ketertatikan berbagi artinya, senang berbagi sesuatu yang bisa dibagi melalui blog kita, bisa berupa tulisan, photo, gambar, video atau audio. 

Sia-sia saja kalau harapan ngeblog hanya untuk mendapatkan duit.....
Tidak ada yang melarang jika motivasi ngeblog hanya untuk mendapatkan duit. Cuma itu tadi, jika motivasinya seperti itu, maka dibutuhkan keseriusan tingkat tinggi, dan saya pernah menulisnya dalam posting Bagaimana cara mendapat penghasilan dari Blog? atau pada tulisan ini Jika sobat ingin mendapatkan penghasilan dari Internet, perbanyak artikel blog sobat lalu lalu daftarkan blog sobat ke goolge adsense atau ke PPC Lokal yang ada di internet.

Dan apapun motivasinya, ngeblog itu bagian dari kreativitas, dan banyak penulis hebat yang dilahirkan dari kreativitas bloggingya. Banyak judul-judul film yang diambil dari cerita hari-hari yang ditulis secara sederhana oleh seorang blogger. Banyak pula aksi-aksi sosial yang berawal dari tulisan seorang blogger. Dan kita ambil positifnya, blogger untuk pendidikan. Dan jadilah guru blogger yang mendidik. Dan kalaupun motivasinya ingin mendapatkan penghasilan, itu perlu waktu dan kerja keras dan itu tidak instan.

Salam Sukses Untuk semua sobat blogger indonesia
Sumber : Jiplakers

Kenapa Akun Adsense Sering Kena Banned?

Kenapa Akun Adsense Sering Kena Banned? 
Ini pertanyaan yang kalau search di internet pasti jawabanya banyak, tapi rata-rata tidak ada yang benar-benar bisa menjelaskan dengan benar. Sebab rata-rata jawaban yang ditulis "podo" alias sama, mungkin sumbernya sama dari support adsense. Lari ke forum, jawabanya juga tidak jauh beda. Lantaran hal tersebut mungkin sampai saat ini banyak sekali blogger-blogger matre yang kelimpungan saat akun adsense mereka kena banned. Saya juga mulanya seperti itu, tapi belakangan saya masa bodoh dengan hal tersebut dan tidak mau mendramatisir, walaupun tentu saya merasa dirugikan terlebih dollar saya mesti angus begitu saja.


Penyebab akun adsense di banned
Pada support adsense, sudah ditulis sejelas-jelasnya apa saja yang bisa menyebabkan akun kita kena banned. Bisa karena pelanggaran yang dilakukan oleh kita karena ketamakan yang disebabkan ingin cepat kaya secara instan, atau hal-hal lain yang kita juga tidak tahu penyebabnya. Dan Google punya kebijakan sendiri untuk urusan banned mem banned akun adsense, kalau dia mau banned ya banned saja.

Jadi kalau sudah kena banned, ya jangan lantas cemberut, patah hati seolah-olah ngeblog sudah tak ada artinya lagi (leb@y). Apalagi sampai "curiga" sana sini. Dulu saya pun demikian ketika akun adsense saya pertama kali kena banned, saya curiga blog saya ada yang jailin. Tapi setelah dipikir-pikir tingkah saya tersebut malah lucu, buat apa juga orang ngejailin blog kita. Dan kalaupun benar ada yang jailin, ah terimakasih saja, berarti yang jailin itu orang baik yang mau mengingatkan kita agar tidak terlalu "ngoyo" ngejar kekayaan dari adsense. 

Dan saya yakin penyebab disabled nya akun adsense saya lantaran kecerobohan atau ketidak tahuan saya akan aturan main google adsense. Ceroboh, saya akui memang saya ceroboh, buktinya saya sering membuat tautan yang dibuat di beberapa blog saya yang mengarah ke blog yang ada iklan adsensenya. Itu kan pelanggaran bos. Terus saya juga sering bikin trik-trik seo buat "ngedongkrak" trafik, walaupun trik seo nya dari google juga ternyata ini juga termasuk pelanggaran. Dan banyak deh, kecerobohan-kecerobohan saya.

Dan yang terakhir, ya mungkin karen ketidak tahuan saya. Kan saya bukan pakar GA, jadi pasti banyak sekali ketidaktahuan tentang aturan-aturan yang mestinya saya patuhi jika ingin berlama-lama jadi pengiklan GA. 

Hiburanya?
Dan hiburanya buat saya, tentu untuk segera insyap. Bahwa mencari uang itu mesti kerja keras yang benar-benar riil, bukan sekedar nulis dan ngedongkrak trafik (walaupun itu juga memerlukan kerja keras lho), tapi mesti mempunyai produk dan memasarkanya. Dan kembali ke prinsip awal mencari penghasilan melalui internet, yaitu ingin mencari kebebasan bekerja dan mendapatkan uang. Kalau ngandelin GA, ya sama saja kita bekerja dengan orang lain, kita mesti taat aturan dan kapan-kapan pasti kena pecat. Jadi, segeralah menulis untuk banyak ebook bermanfaat, promosikan, dan dapatkan pembeli. Atau kuatkan branding, bekali dan terus perbaharui skill, buat promosi, dan bekerjalah sesuai skill tersebut. Dengan begitu, uang kita dapat, dan kita tak mesti taat pada aturan orang lain.

Sumber : Jiplakers

Cara Membuat Tombol Up Dan Down

Cara membuat tombol up dan down - Kali ini saya juga akan kembali berbagi tips, tetapi ada sedikit tambahan yaitu adanya tombol back to down. Jadi pengunjung langsung bisa ke bagian paling bawah dan juga ke atas dengan hanya mengklik icon back to top dan back to down seperti yang ada pada blog saya.


Langsung saja pada intinya, setelah anda Login ke blog. Pilih "Opsi lainya">>Template>>Edit HTML>>Lanjutkan.

Seletah itu cari kode

</body>

Setelah kode diatas ditemukan. Copy paste kode dibawah ini tepat diatas kode </body>

<!-- Back To Top-Back To Down -->

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:15px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://i1086.photobucket.com/albums/j454/sudirman10/navigate-up-icthoncopy.png'/></a>

<a href='#gotodown' style='display:scroll;position:fixed;top:5px;right:15px;' title='Back to Down'><img onclick='MGJS.goDown();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg167MRNPH3RTVQwRjK7CjHGkAuqmufQSTzLBFj42WDv6khjduTl8UMEqopiTghJEUVFRbs_2KOi3HCsZfDhLqcphYeey3WpYYCSsddDWYEdqeDq2RlgvmVxCRgRmAZpusDdghP7Z3HsM/s1600/navigate-down-icthoncopy.png'/></a>

<a name='gotodown'/>

Setelah itu Save dan lihat hasilnya.

Sekian artikel Cara Membuat Tombol Back To Top dan Back To Down.

Selamat mencoba.

Cara Membuat Link Warna Warni Di Blog

Cara membuat link warna warni di blog - Anda tentunya pernah melihat link di blog ketika didekati kursor alias di sorot pake kursor linknya berwarna-warni bukan?. Hal seperti itu sebenarnya adalah cara lama tapi mutakhir untuk membuat tampilan blog lebih berwarna seperti pelangi, caranya mudah kok, kita tinggal pasang kode Java Script.

Cara membuat link warna-warni di Blog

- Cara pertama :

1. Login ke blogger.com
2. Pilih rancangan>>Edit HTML.
3. Letakkan script dibawah ini di bawah tag <head> (sebaiknya di bawah <title><data:blog.pageTitle/></title>), yang letaknya ada di barisan awal script agar lebih optimal.
4. Save dan lihat hasilnya.

<script src='http://misbahudin-dcaesga.googlecode.com/files/rainbowlink.js'/>

- Cara kedua :

1. Login ke blogger.com
2. Pilih tata letak
3. Pilih Add Gadget
4. Pilih HTML/Java Script
5. Copy paste script diatas
6. Save dan lihat hasilnya.

Demikian cara membuat link warna warni di blog. Semoga bermanfaat.

Cara Membuat Next Page Di Blog

Cara Membuat Next Page Di Blog - Saya bingung menyebut ini apa namanya...makanya saya sebut saja widget Next Page / Halaman Berikutnya saja ya ...

Nah Cara memasangnya adalah sebagai berikut :
1. Masuk ke Dashbor,
2. klik rancangan.
3. Tambah Gadget
4. Pilih HTML
5. Lalu Masukkan kode :

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#000000;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000000;
}

</style>




<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Sebelumnya';
var downPageWord ='Berikutnya';


var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span class="showpage"> Jumlah Halaman '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

selanjutnya Save, dan simpan dibawah posting.

Cara Membuat Pesan Pembuka Dan Penutup Pada Blog

Pada postingan kali ini saya akan memberikan trik untuk membuat pesan pembuka dan penutup pada blog kita. Artinya, apabila ada pengunjung yang masuk dan keluar dari blog kita, maka akan terbuka sebuah pesan yang isinya  “Selamat datang di blog saya, jangan lupa komentarnya ya..” contohnya sebagai berikut :

Berikut tutorialnya  :

1. Masuk ke akun Blogger anda,
2. Dari Dasbor > Rancangan > Edit HTML
3. Pada bagian atas cari kode <head>dan masukan script berikut ini dibawahnya :

<script type='text/javascript'>alert("Selamat datang di blog saya, semoga artikel saya bermanfaat bagi anda, jangan lupa beri komentar")</script>

4. Sedangkan untuk ucapan selamat tinggal apabila pengunjung akan keluar dari blog kita adalah sebagai berikut :

5. Letakkan script dibawah ini tepat dibawah kode <head> atau tepat dibawah kode ‘selamat datang’ yang dipasang pertama tadi.

<script type='text/javascript'>// goodbye alertfunction goodbye(){alert(&#39;Terima kasih telah berkunjung, salam blogger&#39;);}parent.window.onunload=goodbye;</script>

Catatan : Ganti tulisan yang berwarna merah dengan pesan tulisan anda.

Sekian tutorial ini, semoga bermanfaat bagi pembaca label tutorial blog.

Terima kasih telah membaca artikel saya.

Cara Membuat Widget Populer Post Yang Keren

Cara membuat widget populer post yang keren - Sebenarnya Widget "popular post" sudah ada dari bawaan Blogger. Namun terkadang kita ingin agar blog terlihat lebih "hidup" dengan cara menambahkan widget yang kita buat sendiri. Banyak sekali gaya atau style yang kita inginkan untuk menambah widget demi memperindah tampilan blog.



Berikut ini langkah langkah cara membuat widget popular post yang keren :

• Langkah pertama pastikan widget popular post anda sudah aktik/terpasang (cara pasang : login ke blogger > klik tata letak > klik add gadget > klik populer entri> kemudian klik save/simpan)

•  Setelah langkah diatas berhasil silahkan masuk ke template>edit HTML>centang Expand Template Widget, Cari kode seperti ini ]]></b:skin> untuk mempercepat pencarian tekan CTRL+F.
  Setelah berhasil menemukan kode di atas copy dan pastekan kode berikut tepat di atasnya :

<style>

.popular-posts ul{padding-left:0px;}

.popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEx5_5Av7V4oBGtMkLxk3APVLZSWSlEDRO8KbujVMxxcTCaw-3J25JgKlDeOsRlucm4sjCGtfFoy8PnqcHi11Wi9bhHWwDmo9EUrxYAQ0EjYtuHVfx5rTcf0f61ODM2I7kMaA4ZesMh90/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;

list-style-type: none;

margin: 0 0 5px 0px;

padding: 5px 5px 5px 33px !important;

border: 1px dashed #dddddd;

border-radius: 10px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

}

.popular-posts ul li:hover {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79NBu6L29sexIGl1d2JA5RnS_sZp4pGArktLeyJ77H8YIyuEhZwG574mM3C7CW4Jf9n-dIn66LGfqWe4bH_nRcm4PSRpgh0B2BMrySj0giI7y8DiTEXvR394-NYvMADqb6phqMr4SZRI/s1600/rb+mark+icon...jpg) no-repeat 2px;

border: 2px solid #b60000;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

}

.popular-posts ul li a:hover {

text-decoration:none;

}

</style>

Langkah terakhir SAVE dan lihat hasilnya.

Jika anda mengalami masalah dalam membuat widget populer post keren ini, silahkan komen di bawah. Terima kasih.

Semoga bermanfaat.

Cara Membuat Kotak Search Di Blog

Berikut ini saya akan menulis tentang cara membuat Kotak Search di blog, agar memudahkan pengunjung dalam mencari artikel yang mereka cari di blog anda.

Berikut langkah - langkahnya :

1. Add widget

2. Pilih html

3. Masukan kode berikut :

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text"/>
<input id="search-btn" value="Search" type="submit"/></form>

4. Kemudian klik Save/Simpan

5. dan lihat hasilnya.

Demikian cara membuat kotak search di blog yang sangat sederhana.

Cara Membuat Arsip Blog dengan Gaya Scroll

Cara ini sudah sangat umum tetapi mungkin ada yang belum menggunakan cara yang satu ini, cara ini sangat efektif untuk menghemat isi dari arsip blog kita, karena kalau blog yang sudah memiliki postingan lebih dari 1000 pasti arsip blognya akan sangat panjang jika ditampilkan dengan gaya hirarki.

Bagi yang mau mencoba silakan ikuti langkah berikut:
1. Masuk tab rancangan - edit HTML
2. Centang expand template widget
3. Ctrl+F cari kode berikut

</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

4. Tambahkan kode berikut pada script di atas sehingga akan seperti ini tampilannya:

</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>

5. Kode yang saya tandai dengan warna merah, itu adalah kode yang harus anda tambahkan. Anda juga bisa mengatur tingginya dengan mengatur height:300px.

Cara Membuat Artikel Terkait (Related Post) Dengan Thumbnail

Artikel Terkait atau related post sangatlah penting dalam sebuah blog yang sangat mengutamakan SEO. Karena dengan adanya artikel terkait, pengunjung tidak akan bosan membaca artikel blog kita. Sehingga Bounce Rate akan semakin kecil.

Dan kali ini saya akan share bagaimana cara membuat artikel terkait dengan gambar, Berikut langsung saja kita simak bersama-sama :)

Screenshoot :

Cara Membuat Artikel Terkait dengan Gambar :

1. Login Blogger
2. Masuk Menu Template - Edit HTML - Lanjutkan
3. Centang pada Expand Template Widget
4. Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
5. Lalu Copy kode berikut dan letakan tepat diatas kode </head>

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcPgwOqrFPzBgbXhL4jjFKhyphenhyphenoHqR-gtCJBw5IkU4UKrMYZQjzh7i-CH3IvRrhLLWQhs8Rzleuvmq7-XMx0rOzvQCmN3NXRBDjllqectEPg_c372AUSnSjFc-ipn656PxLOaxfiuDlPW1up/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

    6. Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) :

<data:post.body/>

 
    7. Kalau kode diatas sudah ketemu, Sekarang copy'lah script berikut :

<!-- Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

    8. Paste'kan kode script diatas tepat dibawah kode :

<data:post.body/>

 
    9. Jika sudah, klik Simpan Template.

Catatan :
Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

• Menampilkan jumlah artikel terkait yang muncul max-results=7
• Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
• Warna Tulisan var splittercolor=&quot;#000000&quot;;

Ok, Sekian saja postingan saya kali ini tentang Cara Membuat Artikel Terkait dengan Gambar.

 

Semoga bermanfaat.

Cara Menampilkan Hanya Judul Postingan

Kita sering menjumpai pada banyak blog ketika kita mengklik tabel atau category postingan yang tampil sangat banyak sesuai dengan banyaknya postingan yang diberi label yang kita klik dan parahnya jika blog tersebut tidak menggunakan readmore sehingga loading page akan sangat lama dan berat, nah untuk solusinya kita bisa terapkan trik berikut yang hanya menampilkan judul posting ketika diklik.

Login dulu pada Blogger

Pilih Layout/Tata Letak kemudian Edit HTML -----> centang Expand Template Widget

Cari kode berwarna merah yang penempatannya kayak gini niih:

<div class='blog-posts feed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>

Kalo kode warna merah gak ketemu bisa cari kode berikut:

<b:include data='post' name='post'>

Kalau sudah ketemu ubah kode tadi dengan kode berikut

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Jangan lupa simpan template.

Semoga bermanfaat.

Cara Menampilkan Judul Postingan Sebelum Judul Blog

Salah satu tips SEO agar blog kita bisa masuk SERP (Search Engine Result Page) Google adalah dengan mengoptimalkan judul postingan di blog kita agar mudah terindex oleh Google. Tujuannya tentu agar blog kita lebih mudah terindex Google sesuai dengan keyword yang di tuju. Misalnya ketika orang mengetik "cara menampilkan judul postingan di google" maka nanti akan muncul hasil penelusuran di Google. Dan untuk optimasi SEO alangkah baiknya judul postingan di tampilkan sebelum judul blog.
Kemudian bagaimana caranya ?. Nah kali ini akan share sama sobat. Tips ini untuk blog dengan platform blogspot juga untuk yang menggunakan wordpress self hosting/hosting sendiri, karena biasanya tampilan original dari blogspot adalah Judul blog - Judul postingan.

Cara menampilkan Judul Postingan sebelum Judul Blog agar SEO friendly:

Untuk Blogger / Blogspot:

1. Login ke Dashboard > layout > Edit HTML
2. Cari kode berikut :

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

3. Ganti dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

4. Kemudian klik Simpan.

Untuk Wordpress (Hosting sendiri):

1. Buka file header.php di template yang anda pakai
2. Cari kode berikut :

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

3. Ganti dengan kode berikut :

<?php
if(is_home())
{
echo'<title>';
bloginfo('name');
echo ' - ';
bloginfo('description');
echo'</title>';
}

else
{
echo'<title>';
wp_title('');
echo ' - ';
bloginfo('name');
echo ' - ';
bloginfo('description');
echo '</title>';
}
?>

4.Kemudian Simpan.

Itulah cara menampilkan Judul Postingan sebelum Judul Blog agar blog menjadi SEO friendly dan masuk SERP Google. 

 

Semoga bermanfaat.