Selamat Idul Fitri 1434 H

 

Cara memasang Widget Lintaskan di Blogspot

Cara memasang widget LINTASKAN di Blog.

Widget lintaskan adalah salah satu cara mempromosikan blog melalui situs media bookmarking Lintas.me. Widget Lintaskan merupakan cara termudah untuk membookmarking suatu artikel dan mengirimkannya di Lintasme. Cara memasang widget lintaskan dari Lintas.me sangat mudah. Berikut ini adalah step by step utorial cara memasang widget lintaskan di blogspot anda. Tutorial ini diberikan karena memasang widget lintaskan di blogspot harus dilakukan secara manual, tidak seperti pada blog wordpress yang cukup menggunakan pluging.

Cara memasang Widget Lintaskan di Blogspot

1. Daftar diri Anda www.lintas.me
2. Setelah selesai mendaftar masuklah ke Widget
3. Pilih Widget Lintaskan
4. Klik tombol CREATE
5. Isi email dan Url blog
6. Klik GENERATE
7. Copy kode script
8. Login ke account blogspot anda
9. Masuk ke Layout
10.Klik Add a Gadget
11. Pilih HTML/Java Script
12. Paste Kode script
13. Save

Cara memasang widget lintaskan diatas adalah untuk posisi di sidebar/ halaman blog. Jika ingin memasang widget lintaskan di dalam postingan maka caranya adalah seperti dibawah ini.
Cara memasang widget LINTASKAN dalam postingan blog blogspot

1-8 sama seperti diatas
9. Masuk kehalaman edit template
10. Cari kode <data:post.body/> 
11. Pastekan kode tersebut di bawahnya apa bila ada emat kode seperti  itu pastekan di bawah kode ke tiga       atau bila gagal di coba di kode ke 2
12. untuk menampilkan hanya di postingan silahkan baca disini
13. Save template.

Semoga Bermanfaat

Cara Memasang Related post Linkwithin

Cara Memasang Related post Linkwithin

bagaimana cara memasang related post with thumbnail dari Linkwithin. Linkwithin adalah situs penyedia widget related post bergambar untuk beberapa blog atau website. Pada posting sebelumnya juga, kang reggy pernah menjelaskan bagaimana cara memasang related post with scroll di bawah postingan. Fungsi dari related post with thumbnail ini sama dengan related post sebelumnya. Yaitu untuk mempermudah pengunjung blog sobat membaca postingan lainnya dan fungsi lainnya yaitu untuk meningkatkan pageview sobat. Nah, berikut penampakan dari related post with thumbnail (linkwithin)


Linkwithin akan membaca seluruh postingan sobat secara random. Bahkan, postingan yang belum pernah dilihat, akan ditampilkan oleh linkwithin. Jadi fiturnya bagus kan ;). Linkwithin biasanya dipasang di bawah postingan. Tampilan linkwithin, dapat menarik perhatian pengunjung untuk mengkliknya. Linkwithin melakukan generating gambar dari postingan yang dimuat, atau jika tidak ada gambar dalam suatu postingan, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur. Nah, tertarik untuk memasangnya di blog sobat, so cek this out..

Cara memasang Related post with thumnail (linkwithin) di blog

1. Langsung saja sobat kunjungi situsnya di www.linkwithin.com/learn
2. Di bagian kanan, terdapat kolom pengisian untuk mendapatkan widget linkwithin
3. Isi alamat e-mail sobat dengan benar
4. Di kolom selanjutnya, isi dengan url blog/website sobat
5. Kemudian pilih platform blog sobat. Nah, langkah ini dilakukan jika sobat ingin memasang widget linkwithin secara mudah dan cepat
6. Pilih jumlah postingan/stories yang ingin ditampilkan
7. Jika blog sobat menggunakan tampilan yang gelap, centang saja pada "My blog has light text on a dark background"
8. Lalu klik Get Widget!

Dihalaman selanjutnya sobat akan dibimbing untuk memasang widget linkwithin sesuai dengan platform blog

Setelah itu di halaman Tata Letak, drag widget link within ke bawah postingan

Cara menghilangkan widget linkwithin di homepage

Bila sobat memasang widget link within menggunakan langkah cepat dan mudah. Hasilnya widget akan muncul di homepage. Jadi aneh terlihatnya, Selain itu, loading di homepage akan menjadi lambat dan berat. Nah, untuk menghilangkan widget linkwithin di homepage silahkan ikuti langkah - langkah di bawah ini:

1. Ikuti langkah-langkah mendapatkan widget linkwithin seperti biasa, namun menggunakan Platform Other
2. Lalu copy kodenya
3. Masuk ke halaman Template
4. Edit HTML lalu Lanjutkan
5. Cari kode </body> gunakan ctrl+f
6. Copy kode di bawah ini dan pastekan di atask kode </body>

<b:if cond='data:blog.pageType == "item"'> Paste kode linkwithin disini </b:if>

Simpan Template

Cara mengganti tulisan You might also like pada linkwithin

Nah, sekarang saatnya modif widget tersebut. Yaitu dengan mengubah tulisan You might also like dengan tulisan yang sobat inginkan. Berikut langkah-langkahnya:

1.Masuk ke halaman Template
2.Edit HTML lalu Lanjutkan
3.cari kode </head> gunakan ctrl+f
4.pasang kode di bawah ini di atas kode tersebut


<script>linkwithin_text='Artikel Terkait:'</script>

Ganti tulisan Artikel Terkait: dengan tulisan yang sobat inginkan
Simpan Template
Nah, bagaimana ? sudah jelas ?

Semoga Bermanfaat

Cara Menghilangkan Sidebar di Halaman tertentu Wordpress

Halaman tanpa sidebar bisa dipergunakan sebagai landing page atau sebuah halaman sales letter untuk mempromosikan sesuatu. Namun bagaimanakah cara menghilangklan sidebarpada halaman tertentu pada wordpress?
Sebagai contoh halaman home page dengan 2 sidebar disini Setelah dihilangkan di halaman tertentu lihat disini disini saya hilangkan hanya satu side bar sebelah kanan
Oke, langsung saja anda buka notepad.
1. Copy dan pastekan kode dibawah ini:

<?php
/*
Template Name: Page without sidebar
*/
?>

2. Kemudian copy semua kode pada page template.php theme yang anda gunakan.
3. Pastekan kode tersebut dibawah kode pada poin nomor 1.
4. Langkah keempat yaitu anda cari kode pemanggil sidebar yang seperti dibawah:

<?php get_sidebar(); ?>

5. Hapus kode pemanggil sidebar tersebut.
6. Save file tersebut menjadi page-without-sidebar.php.
7. Upload file yang baru saja dibuat tadi ke direktori theme wordpress yang anda gunakan melalui Filezilla
Nah sekarang adalah saatnya anda log in ke dashboard wordpress untuk membuat halaman tanpa sidebar.
1. Log in ke dashboard
2. Buat page baru dengan mengklik add new pada submenu page atau edit page yang ingin dihilangkan side barnya 
3. Lihat di kolom atribut yang berada di samping kanan bawah, anda klik pada pilihan template kemudian pilih page without sidebar.
4. Jika sudah selesai, klik publish.
5. Anda lihat, halaman yang baru saja anda buat tadi, tampil dengan tanpa sidebar. Perlu sedikit utak-atik kode CSS supaya halaman tanpa sidebar tersebut bisa serasi karena kemungkinan tulisan atau konten yang anda buat tadi tampil tidak ditengah.
Halaman tanpa sidebar ini bisa kita gunakan juga untuk membuat aStore Amazon yang diembed ke blog kita supaya terlihat serasi dengan tampilan blog atau untuk menghindari banned akun adsense karena adsense melarang menampilkan iklan adsense pada halaman bukan konten seperti halaman About, Contact, Sitemap, dll.
sekian semoga bermanfaat

Cara Membuat Tombol Back To Top ( Kembali keatas)

Pada malam hari ini saya akan share tutorial blog, yaitu cara membuat tombol back to top | kembali keatas pada blog, sebelumnya sobat tau apa itu back to top ? atau kembali keatas ? widget ini adalah widget yang berfungsi untuk mempermudah pengunjung blog untuk kembali kebagian atas dari blog kita tampa harus mengscroll ke atas apalagi kalau postingan blog kita panjang benar, dan pengunjung ingin kembali keatas dengan cepat, dan inilah peran dari tombol berikut. cara memasang tombol ini juga tidak susah untuk itu dari pada sobat membaca tulisan saya yang kurang bermutu langsung saja ke artikel mengenai cara membuat tombol back to top | kembali keatas pada blog

Ada Dua Cara:
 Yang Pertama Cara sederhana:

pertama sobat yang pasti login ke blogger
kemudian masuk ke bagian template blog sobat
setelah itu cari kode

</body> ( gunakan F3 untuk mempercepat pencarian )
bila sobat sudah menemukan </body> kemudian sisipkan kode dibawah ini tepat di atas kode </body> 

<!-- Bact to top By nuansatrik.blogspot.com --> <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGGQQOqY0iWJYZmRkO5Aby4-Be5c_huH3TLZUQlQcaB5Q74leH71iNLhUhGFPec2xBQvMaBNDBtbq6MgQoM4XeWYkWXknw59xoeVP2PYvrWCXByYODBL5_xvIFmPtwsX8MLofbGjpxBgPP/s400/bttp-9.png'/></a> <!-- Bact to top By nuansatrik.blogspot.com -->

 Untuk kode gambarnya Bisa diganti sesuai keinginan atau bisa di lihat disini
Save Tamplate dan selesai

Cara Kedua :
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1.      Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

#Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99} #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0} #Enjoy img{border:0} #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

   

2.      Kemudian sisipkan kode berikut ini setelah atau dibawah kode <body>

    <div id='Enjoy'>
    <a href='#' onClick='window.location.reload()' title='Reload page'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
    <a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
    <a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
    <a href='#footbar' title='Ke bawah halaman'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
    </div>

3.      Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Semoga Berhasil