Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

Cara Membuat Read More Otomatis Di Blogger




Cara  Membuat Read More Otomatis di Blogger
 Read more bisa menjadi nilai tambah pada suatu blog, ini dikarenakan Read more mempunyai beberapa kelebihan diantaranya :
"Membuat tampilan blog lebih elegan, Membuat penasaran para pembaca, Menghemat tempat pada blog"
Saat ini sudah banyak tersedia template-template berplatform blogger yang sudah menyediakan auto read more. Bahkan diblogger jugasudah disediakan readmore secara manual yaitu dengan mengklik icon gambar seperti kertas yang disobek. Namun bagi anda yang templatenya masih belum ada auto read morenya  . Bagaimana caranya? caranya sangatlah mudah, ikutilah langkah-langkah dibawah ini :

*Note : sebelumnya backup dulu template anda dengan mengklik "download template lengkap"

1. Pilih rancangan > edit HTML > ceklis expand template widget.
2. Cari kode </head>  dengan cara menekan tombol F3 pada keyboard.
3. Copy paste kan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

4. Cari kode <data:post.body/> kemudian ganti dengan kode-kode dibawah ini!

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><b>Selengkapnya</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

5. Tulisan selengkapnya bisa anda ganti sesuka anda, misalnya dengan "baca selengkapnya" atau "read more" atau tulisan-tulisan lainya sesuai selera anda
Read More...

Cara Membuat Link Download Di Mediafire



Apa Itu link download ? Link download adalah seuatu teks atau gambar yang bisa di klik untuk mengarahkan link ke sebuah hosting untuk mendownload sebuah file . tapi kali ini saya akan berbagi ilmu kepada agan untuk membuat link download. sebenarnya tepat link download itu ada banyak ada di mediafire , 4 shared , indowebster , dll. tapi kali ini saya akan berbagi ilmu Cara Membuat Link Download Di Mediafire  Oke , Gan kita langsung aja caranya :



1. Buka www.mediafire.com setelah itu buat akun dulu (jika belum punya akun ) pilih Sign Up


2. Setelah selesai membuat akun ,cek email agan untuk verifikasi account yang telah agan buat tadi. 


3. Setelah account anda terverifikasi maka agan sudah bisa mulai menguploud file yang akan agan bagikan.


4. Lalu Log in dengan email - password anda.


5. Masuk ke dalam my files ,disitu agan bisa membuat beberapa file baru pada kotak folder, jika agan menguploud beberapa file, dan ingin memisah misah kan file tersebut.


6. Klik tombol upload.


7. Setelah itu akan muncul pop up pada layar agan, disitu silahkan klik ditegah maka akan mengarah kepada tempat file yang akan di upload pada komputer agan.


8. Setelah dapat file yang akan diupload , maka selanjutnya klik begin upload,tunggu hingga proses upload selesai.


9. Setelah proses selesai agan sudah mempunyai file yang tersimpan pada account agan untuk bisa didownload orang lain.


10. Untuk bisa didownload oleh pengunjung klik file yang sudah agan upload tadi disamping kanan nya ada tombol share klik disitu untuk mendapatkan link tautan file tersebut setelah itu copy link tersebut.




Nah untuk menampilkan link download tersebut didalam entri caranya mudah sebagai berikut :


Cara Membuat Link Download Berupa Tulisan :


<a href="http://www.ibrahim-mubarok.blogspot.com">Download</a>


Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !


Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :

Copy paste kode berikut untuk membuat teks link download menjadi tebal :<a href="http://www.ibrahim-mubarok.blogspot.com"><b>Download</b></a>

Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .

Dan untuk membuat link tersebut Berukuran kecil sampai besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link .



Cara Selanjutnya adalah membuat link download dengan gambar/ikon :


Caranya copy paste kode berikut ke blog anda :

<a href="http://www.ibrahim-mubarok.blogspot.com" title="Download"><img src="http://farm5.static.flickr.com/4042/4278913170_e7973277d8_o.png" width="216" height="74" alt="download[4]" /></a>

Hasilnya adalah sebagi berikut :



Keterangan  : Ganti Link yang berwarna biru dengan Full link Hosting tujuan anda .

Selamat Mencoba ..........?


Read More...

Cara Memasang Widget Google Translate Dengan Gambar






Kali ini saya akan memberi Tips untuk memberi Widget Google Translate. Saya akan memberi 2 cara untuk memasang Widget Google Translate yang berbentuk bendera yang  cara yang pertama seperti di bawah ini :


English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified



Buat kamu yang ingin memasang Widget Google Translate berbentuk bendera tersebut,silakan ikuti langkah-langkahnya berikut ini :







1.Login ke Blog kalian.


2.Klik menu Tata Letak.


3.Klik Tambah Gadget / Add Gadget.


4.Kemudian Pilih HTML/Javascript.


5.Selanjutnya Copy Code HTML berikut dan Paste di dalam kolom HTML/Javascript.





6.Setelah itu Klik Tombol Simpan.




   Dan yang cara kedua cara memasang Widget Google Translate dengan gambar bendera.
Cara ke dua seperti di bawah ini :



English French German Spain Italian Dutch
Russian Brazil Japanese Korean Arabic Chinese Simplified




1.Login ke Blog kalian.

2.Klik menu Tata Letak.

3.Klik Tambah Gadget / Add Gadget.

4.Kemudian Pilih HTML/Javascript.

5.Selanjutnya Copy Code HTML berikut dan Paste di dalam kolom HTML/Javascript.




6.Klik Simpan


Read More...