Cara Supaya LinkWithin Tidak Muncul di Homepage

Mungkin sebagian dari kita sudah mengenal dan menggunakan LinkWithin di blog kita untuk menampilkan related post.Namun jika kita menggunakan Link Within default maka Related post akan tetap muncul di Home Page atau Halaman depan Blog kita.Lalu bagaimana agar tidak muncul di Home Page? Kita hanya perlu mengedit kodenyanya .Berikut ini cara agar LinkWithin tidak muncul di halaman depan atau home page.

Ada dua cara yang bisa kita gunakan ,yaitu sebelum LinkWithin dipasang di blog atau saat sudah di pasang di blog.Sebenarnya sama saja caranya,hanya berbeda penempatannya saja.

Kita akan bahas satu persatu.
Cara  pertama adalah saat sebelum kita letakkan di blog atau saat akan mendaftar di linkWithin.yaitu saat kita mendedit pada edit template seperti di bawah ini,

Dibagian Edit Template ,gantilah kode yang tadinya :

<b:includable id="main"><data:content /></b:includable>

Menjadi seperti di bawah ini,

<b:includable id="main">

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:content/></b:if></b:includable>

Maka menjadi seperti di bawah ini,

Maka setelah LinkWithin di pasang sebagi widget ,secara otomatis pada home page tidak akan muncul related post.

Cara kedua adalah dengan mengedit dan merubah kode yang ada di html caranya masuk ke akun blogspot kita ,kemudian pilih "Template " > Edit HTML .

Kemudian setelah html tampil klik kombinasi Ctrl + F ,temukan script di bawah ini ,

<b:includable id="main"><data:content /></b:includable>

ganti dengan kode di bawah ini,

<b:includable id="main">

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:content/></b:if></b:includable>

Setelah diganti,klik simpan template ,

Maka hasilnya di home page sudah tidak muncul related postnya,

Cara Supaya LinkWithin Tidak Muncul di Homepage
Cara Supaya LinkWithin Tidak Muncul di Homepage

Read More

Cara Membuat Related Post dengan Widget LinkWithin

Kali ini kita akan membuat related post dengan menggunakan widget yang kita buat di LinkWithin.Link Within merupakan salah satu web yang memberikan jasa gratis membuat related post untuk blog kita.Berikut ini langkah langkahnya.

Pertama,masuk ke Linkwithin.com

Selanjutnya kita isi kolom untuk pembuatan related pos di blog kita,

Email : isi dengan email yang kita punya
Blok Link : isi dengan alamat blog kita
Platform : isi dengan platform yang kita gunakan (blogger atau wordpress atau lainnya)
Width : tentukan jumlah atau banyaknya related post yang akan ditampilkan (antara 3 - 5 post)
Centang pada "My blog has light text on a dark background" jika blog kita backgroundnya gelap ,jika tidak maka tidak usah dicentang.

Setelah semua sesuai keinginan ,klik Get Widget!

Maka akan muncul halaman seperti di bawah ini,lalu klik pada Install Widget ,

Setelah itu akan muncul halaman batu, seperti di bawah ini,
Pada Judul : tuliskan judul sesuai keinginan kita
Edit kontent : jika kita ingin mengedit kontent
Edit Template : jika ingin mendedit template ,jika kita ingin agar link within tidak muncul di home atau home page maka kita edit pada bagian edit template ini ,

Jika trelated post tidak ingin dimunculkan di home page kita hanya perlu mengedit kode pada kolom Edit Template ,

Kode yang tadinya  :

<b:includable id="main"><data:content /></b:includable>

diganti dengan kode di bawah ini ,

<b:includable id="main">

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:content/></b:if></b:includable>

Maka pada home page tidak akan muncul related post link within , namun jika ingin tetap muncul ,kita tidak perlu mengedit apapun di Edit Template .

Setelah sesuai keinginan klik Menambah Widget ,maka kita akan di bawa ke halaman blog kita,lalu geser Link Within ke bagian bawah halaman kita ,seperti gambar di bawah ini,

Selanjutnya buka blog kita,maka Related Post Link Within sudah muncul secara otomatis di blog kita,

Read More

Cara Membuat Fanspage Like Box di Blogspot

Jika kita ingin membuat Fanspage di blog kita ,berikut ini tatacara membuat Fanspage Like Box di Blogspot .

Pertama kunjungi alamat ini Facebook Developer

Isidata yang diperlukan, seperti URL Fanspage yang sudah kita buat , panjang dan lebar like box , warna background like box ( ada light dan dark) ,dll

Jika sudah klik Get Code

Akan ada dua kode yang kita dapatkan,

Kode pertama kita letakkan di bawah <body> di edit html (Login ke Blogger-Template-Edit HTML)  ,lalu klik simpan template

Kode yang kedua kita letakkan di HTML Javascript Widget Blog .Pilih tata letak lalu tambah gadget - pilih HTML / Java Script

Lalu beri judul dan pastekan kode ke dua tadi ke kotak kontent  lalu klik simpan .

Maka hasilnya seperti di bawah ini,

Sekian tutorial cara Membuat Like Box di Blogspot.Semoga bermanfaat.

Read More

Cara Membuat Text Berjalan di Footer

Bagi yang suka dan ingin menambahkan text berjalan di footer bisa mencoba langsung dalam tutorial cara membuat text berjalan di footer kali ini.

Pertama,buka akun blogger
Kemudian pilih Template - Edit HTML

Setelah HTML tampil klik kombinasi Ctrl + F kemudian cari kode  ]]></b:skin> , copy dan pastekan kode dibawah ini tepat di atas kode   ]]></b:skin>

/* footer berjalan */

#footer2 {

align: center;


position: fixed;

border-top: 1px solid #98cefc;

border-bottom: 1px solid #98cefc;

background-color: #98cefc;

width: 100%;

height:16px;

text-align: left;

color: #fff;

Kemudian cari lagi kode </body> , copy dan paste kan kode di bawah ini tepat di atas kode </body>

<!-- footer berjalan -->


<DIV id='footer2'>

<MARQUEE onmouseout='this.start()' onmouseover='this.stop()' scrollamount='5'>Selamat Datang di <a href='http://pripuncarane.blogspot.com/'>Pripun Carane Blog</a> Terimakasih Sudah Berkunjung | Semoga Artike di <a href='http://pripuncarane.blogspot.com/'>Pripuncarane</a> | Bermanfaat </MARQUEE>

</DIV>

Kita bisa merubah kata kata dan link sesuai keinginan dan kebutuhan kita(di atas hanya contoh).

Terakhir simpan template , atau pilih pratinjau dulu jika ingin melihat hasil sementara ,jika sudah mantap bisa pilih simpan template .
Hasilnya seperti di bawah ini,

Read More

Cara Memasang Youtube di Blog Pada Menit Tertentu

Bagi kita yang ingin memasang youtube di blog,sekaligus hanya ingin menayangkan video youtube pada menit tertentu (awal dan akhir pada menit tertentu),kita bisa mengikuti tutorial di bawah ini.

Pertama embed dulu video dari youtube (misalnya video ini)

Setelah kita embed video di atas kita akan mendapatkan kode seperti di bawah ini ,

<iframe width="560" height="315" src="//www.youtube.com/embed/W8_D9f3Kphk" frameborder="0" allowfullscreen></iframe>

Selanjutnya, untuk memilih video pada menit tertentu kita menambahkan kode di bawah ini di dalam src=" " 

?&start=xxxx&end=yyyy 

Setelah ditambah,hasilnya seperti di bawah ini,

<iframe width="560" height="315" src="//www.youtube.com/embed/W8_D9f3Kphk?&start=xxxx&end=yyyy" frameborder="0" allowfullscreen></iframe>

xxxx dan yyyyy merupakan detik awal dan akhir  pada waktu tertentu ,

xxxx = detik awal video yang ingin ditampilkan , contoh = jika pada menit ke 03:10 maka xxxx nya menjadi 3 x 60 detik + 10 detik maka jumlahnya 190 

yyyy = detikn akhir video yang kita pilih, perhitungannya sama dengan menghitung xxxx di atas ,hasilnya seperti di bawah ini,

<iframe width="560" height="315" src="//www.youtube.com/embed/W8_D9f3Kphk?&start=190&end=240" frameborder="0" allowfullscreen></iframe>

Perbedaan video sebelum dan sesudah kita pilih waktunya seperti di bawah ini ,

Video awal.



Video setelah dipilih pada menit tertentu .



Sebenarnya ada cara lain yang bisa kita gunakan untuk memilih video youtube pada menit tertentu dengan cara yang lebih mudah,yaitu melalui alamat Tubechop.com . Dengan fasilitas dari Tubechop.com kita hanya perlu memasukkan youtube url kemudian memasukkan waktu awal video dan akhir video sesuai keinginan kita..Berikut ini caranya:

Pertama,kunjungi Tubechop.com
Selanjutnya masukkan URL Youtube yang kita inginkan,klik search

Kemudian tentukan waktu awal dan waktu akhir pada start dan end (format menit:detik ,misal 03:15 berarti menit ke tiga detik ke 15 ),lalu klik Update .

Maka video akan tampil pada waktu yang sudah kita tentukan, jika sudah yakin klik Chop it untuk melihat hasilnya,

Maka hasilnya seperti di bawah ini,

Read More

Cara Membuat Favicon Blogspot dengan Cepat

Favicon merupakan bentuk pendek dari ikon website , icon tab , icon url dengan ukuran 16 x 16 atau kelipatannya yang berhubungan dengan websiter tertentu .Kegunaan favicon adalah untuk menunjukkan identitas ataupun keunikan sebuah website atau blog.

Untuk membuat favicon secara cepat kita bisa menggunakan fasilitas dari favicon.cc 
Pertama kunjungi www.favicon.cc ,tampilannya seperti di bawah ini ,

Selanjutnya,kita hanya perlu import gambar atau menggambar langsung di favico.cc ,kemudian favicon kita dalam sekejab sudah jadi .

Create new favicon , untuk membuat favicon baru .
Import Image , mengimport gambar/foto untuk dijadikan favicon.Tinggal pilih foto/gambar lalu upload
Lates Favicon ,melihat favicon terbaru yang dibuat di favicon.cc
Top Related Favicon, favicon favicon paling populer di favicon.cc

Kita bisa memilih dan menggunakan fungsi yang kita inginkan sesuai kebutuhan kita..

Saat kita mendesain favicon , kita bisa melihat langsung hasil preview nya di bagian bawah .Jika sudah puas dengan desain yang kita buat ,kita tinggal klik download Favicon di bagian bawah preview favicon .

Sekian dulu postingaan mengenai Membuat Favicon Blogspot dengan Cepat.
Semoga bermanfaat.

Read More

Cara Otomatis Memindah Konten Blog Bloger ke Blog atau Website Lain

Berikut ini ada tiga cara beserta 3 kode yang berbeda untuk memindahkan konten Blogger ke Blog atau Website lain dengan cara merubah pada bagian template html. 

Pertama,login ke akun Blogger

Kemudian pilih Template lalu Edit HTML

Setelah template terbuka, klik kombinasi Ctrl + F lalu cari kode <head>

Kemudian tambahkan kode berikut di bawah kode <head>,

<script type='text/javascript'>
  var d = ' <data:blog.url/> ' ;
  d = d.replace ( / * \ / \ / [ ^ \ / ] * / , '' . ) ;
  location.href = ' http://pripuncarane.blogspot.com ' ;< / script >

 http://pripuncarane.blogspot.com merupakan alamat URL tujuan,jadi semua halaman blog akan diarahkan atau dipindahkan ke URL tujuan tersebut.Kode di atas digunakan jika kita tidak ingin memindahkan secara keseluruhan dari blog kita ke blog atau URL tujuan .

Lanjut ke kode yang kedua,

<script>if ( window.location.href == ' http://blogasal.blogspot.com ' ){window.location = " http://pripuncarane.blogspot.com " ;}< / script > 

Kode di atas digunakan hanya untuk memindahkan pengunjung (user) dari blog asal ke blog atau URL tujuan .

Lanjut lagi ke kode yang ketiga,

<meta content='5;url=http://pripuncarane.blogspot.com' http-equiv='refresh'/>

Kode di atas digunakan jika kita ingin memindah secara keseluruhan halaman blog asal termasuk juga home page dan lain - lainnya . Angka 5 di atas merupakan waktu(dalam detik) yang ditetapkan  dari awal pengujung mengunjungi blog lama menuju ke blog baru ( contah di atas jik ada pengujung yang berkunjung ke blogasal.blogspot.com , maka secara otomatis dalam waktu 5 detik akan berpindah ke pripuncarane.blogspot.com) .

Read More

Cara Membuat Widget Postingan Terbaru di Blogspot

Berikut ini tutorial cara membuat widget postingan terbaru / memasang widget postingan terbaru di blogspot .Bentuk dari widget ini adalah model slide show.Pada widget ini bisa diatur berapa jumlah artikel yang akan ditampilkan , jumlah karakter atau huruf yang ditampilkan dan setting merubah warna judul postingan .

Pertama,Login ke akun blogger ,
Buka Tata Letak lalu pilih Tambah Gadget ,pilih HTML Java Script,

Kemudian,Beri judul widgetnya sesuai keinginanan dan copy  pastekan kode di bawah ini ke kolom kontent,

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Keterangan :

#EFFBEF; (Warna saat disorot kursor)
#d90000;  (Warna Judul Postingan)
var numposts = 20; (Jumlah postingan yang akan di tampilkan)
var numchars = 40; (Jumlah huruf yang akan di tampilkan)

 Klik simpan,

Hasilnya seprti di bawah ini ,

Sumber referensi : tugasku4u.com 

Cara Membuat Widget Postingan Terbaru
Cara Membuat Widget Postingan Terbaru

Read More