Cara download video youtube di facebook

Banyak sekali pertanyaan tentang cara download video yang di tag di facebook, baik itu video 3gp maupun yang berasal dari youtube langsung. ya, itu disebabkan oleh perkembangan pemakai facebook yang kian hari tambah meningkat. dari tua muda bahkan pelosok desa sekalipun kini mulai menggunakannya. Mungkin karena basic mereka sebelumnya belum pernah mempelajari tentang sedikit
banyaknya ilmu IT, tapi buat para master diluaran sana, hal ini tidaklah sulit jika hanya sekedar masalah cara download, baik melalui facebook, blog, situs youtube dan sebagainya.

Seperti biasa, hari ini saya akan sharing terhadap hal yang sudah saya dapatkan dan jika merasa berguna, maka pasti akan saya sharingkan di blog rezazr ini.

Studi kasus

Teman-teman mungkin pernah mendapatkan tag video di dinding profilnya, apalagi yang jumlah pertemanannya sudah banyak. Tapi saya yakin, ketika video di tag oleh teman ke akun facebook milik anda pastinya anda ingin sekali melihat video itu, dan masalah yang timbul biasanya adalah koneksi internet yang lemot / lambat, sehingga mengganggu aktivitas anda dalam menyaksikan video tersebut. Akhirnya anda tidak menyaksikan kiriman video tersebut secara sempurna dan untuk berkomentar jadinya malas. Bagaimana solusinya?

Download video tersebut

video kiriman / tag video dari teman ada 2 tipe: pertama video embed dan kedua video share. Bagaimana cara download kedua jenis kiriman tersebut? untuk cara embed video di facebook, anda bisa menggunakan cara singkat dengan meng-install sebuah software download terkenal yaitu IDM (internet download manager). Silahkan anda download dan install dulu di laptop atau komputer anda, lalu restart browser anda (browser: mozilla firefox, google chrome, opera, internet explore, dll), lalu buka kembali browser anda. ketika anda membuka halaman video tersebut, maka pilihan download berada tepat diatas video, tinggal anda klik, maka video sudah terdownload.

Lalu bagaimana untuk cara kedua? nah, sebenarnya ini sama saja dengan cara download video youtube, karena video adalah hasil sharing yang di tag ke dinding halaman facebook kita saja. untuk cara ini, tempo hari saya sudah mensharingkan secara detail tentang 13 cara download video youtube yang bisa anda pilih, silahkan baca artikel saya berjudul 13 cara download video yotube. Jika anda telah membacanya, saya yakin sekali anda akan handal dalam urusan download video apa saja, karena disitu yang saya sharingkan adalah ilmu umum tentang cara download video apa saja (bukan hanya video youtube).

Tertarik ingin mencobanya? silahkan masuk ke halaman yang saya sarankan diatas. maka anda bukan hanya belajar tentang cara download video untuk di youtube dan facebook saja, tapi banyak hal tentang download.

Read More

Cara memasang tombol google like / google +1

Ada 2 cara pemasangan tombol ini, cara pertama adalah dengan default blogger templates dan yang kedua adalah cara manual.
Cara manual mungkin disebabkan karena template anda bukan standard dari blogger, jadi tombol like tersebut dibuang oleh si pembuat template.


CARA PERTAMA

Login blogger anda, klik rancangan, pada bagian Posting Blog klik Edit.
Muncul jendela pop-up, lalu centang pada Tampilkan Tombol Berbagi

Lihat prosesnya dengan gambar

CARA KEDUA

1. Login blogger anda, klik rancangan > Edit HTML > centang Expand Template Widget

2. Copy kode berikut dan paste tepat SEBELUM

3. Copy lagi kode berikut:

Catatan: tulisan standard diatas adalah salah satu dari tipe jenis ukuran tombol google like +1, silahkan pilih salah satu dari: standard, medium & small. kode yang bercetak tebal adalah penempatan tombol pada ruangan posting saja, bukan di home page.

4. Lalu tambahkan di (pilih salah satu):

• Setelah
  atau

  = jika ingin dibawah judul
• Setelah = jika ingin di sebelah judul
• Setelah = jika ingin setelah / dibawah artikel

5.Simpan template dan lihat hasilnya

6.Blog anda siap di ngetopkan di google :D

Read More

Cara menyatukan widget dengan halaman posting secara permanen

Baiklah sekarang kita akan membahas secara singkat tentang cara menyatukan widget dengan halaman posting secara permanen.
Ini berawal dari tahap saya utak atik blog baru saya yang menyediakan hanya khusus untuk lirik lagu saja yaitu Sumber Lirik (tampilannya ala facebook lho..hehee). secara tidak sengaja ternyata saya menemukan cara untuk menyatukan suatu widget dengan halaman tempat kita posting artikel secara permanen.
sebagai gambaran seperti gambar di atas.
Mungkin buat para sesepuh di dunia blog, ini adalah suatu hal yang sudah basi, tapi kita coba sharing kan cara ini untuk semua.

1. Login pada Blogger sobat
2. Klik pada Tata Letak
3. Klik pada EDIT HTML
4. Centang pada Expand Template Widget
5. Carilah kode dibawah ini menggunakan tombol find (ctrl+F) :

atau kode:





atau kalau belum ketemu juga, sobat bisa menuliskan hanya sekedar showaddelemen yang berdekatan dengan tulisan main-wrapper.
lalu ganti tulisan yes dengan no atau sebaliknya, jika pada pengaturan template sobat sudah pada settingan no dan yes, maka tidak perlu diubah lagi. lalu ganti juga tulisan false dengan true, atau sebaliknya.

Kira - kira seperti ini contohnya:

Lalu simpan template dan Selesai. lihatlah perubahannya (klik dasbor => rancangan => elemen laman).
Nah kira - kira begitulah cara menyatukan widget dengan halaman posting secara permanen.

Read More

13 cara download video di youtube

13 cara download video

Silahkan pilih dari 13 cara untuk download video youtube di bawah ini yang saya persembahkan untuk anda, setelah tempo hari kita sharing tentang info dan cara ngetop di video youtube
Seiring dengan perkembangan dunia audio visual yang terjadi akhir - akhir ini, akhirnya youtube menjadi salah satu media terbaik dalam pencarian dan sarana melakukan apapun di dunia online. Tak heran setiap harinya banyak sekali orang yang ingin men-download video youtube.
dan sepertinya cara untuk download video youtube harus diketahui.

Oke, langsung saja kita kepada pokok pembahasan :

1. Keepvid

Keepvid.com adalah sebuah situs yang menyediakan fasilitas download video, karena saya favorit sekali download dengan keepvid ini, maka saya menjelaskan caranya sedikit panjang lebar..hehee...

Pertama masuklah ke youtube & keepvid.com

Lalu copy url youtube di linkbar browser anda

dan paste di keepvid, lalu klik tombol download

Biasanya akan muncul jendela pop-up dari java applet

Centang dan klik run, maka akan ada pilihan format download

13 cara download video youtube

2. IDM

Siapapun sudah tau dengan IDM, software download yang terkenal cepat dan mudah dalam men-download sesuatu. Cara simpel yang diberikan adalah dengan otomatis menampilkan pilihan download pada video youtube.
Jika anda sudah download IDM & membuka situs youtube, maka akan timbul pilihan seperti gambar dibawah ini, anda tinggal klik untuk download video nya.

Contoh download video BARACK OBAMA SPEECH OFFICIAL BREAKING NEWS OSAMA BIN LADEN DEAD (Full HD)

Saran: Sebaiknya video di pause sebelum download, supaya tidak mengganggu bandwith

3. Youtube downloader

Software ini gratis dan tergolong mudah untuk digunakan, bagi para pengguna disarankan untuk menggunakan versi terbarunya karena akan ada tambahan fitur - fitur lengkapnya

4. Temporary Internet Files

Cara ini tergolong agak rumit, karena yang belum begitu faham akan komputer mungkin agak sedikit bingung mempraktekkannya. Tapi tenang aja, semua pasti bisa asalkan kita punya kemauan. ini ada beberapa cara yang saya kutip dari teman kita, simak dibawah ini :

Read More

TIPS Mencegah Akun Facebook agar tidak kena hack

Kali ini saya akan berbagi TIPS Mencegah akun Fb agar tidak kena hack,artikel ini saya kutip dari dari 3 wono,Sebelum saya posting artikel ini ada teman saya yang ada di Facebook menanyakan kepada saya,bagaimana cara menghindari agar akun facebook gak kena hack oleh orang lain.Kok mereka bertanya sama saya ya,saya kan gak mengerti masalah begituan karena saya bukan hacker atau orang yang mengerti masalah IT.Tapi gak masalah,saya akan berusaha membantu teman saya yang menanyakan hal tersebut melalui postingan saya kali ini.Tips ini berdasarkan dari pengalaman seorang hacker .Cobain dech tips/cara berikut ini:
1.Teman FB,sebaiknya memiliki dua akun email untuk dapat mengakses akun facebooknya tambahkan alamat email kedua pada halaman account privasi facebook Teman FB.

2.Gunakan password yang berbeda dengan akun email teman facebook,contoh:password alamat email teman facebook di yahoo atau gmail adalah 'REZA" , password facebook nya" RIZKI",jadi usahakan tidak sama.

3.Buatlah pertanyaan pengamanan yang ketat dan jawabannya gak nyambung tapi jawabannya bisa diingat.

4.Jika Teman Facebook suka buka facebook di warnet,setiap teman Facebook masuk untuk login di facebook gunakanlah keyboard screen untuk mengisi email dan passwordnya,walaupun ribet ini akan menjaga akun facebook kita biar aman meskipun agak ribet.caranya:klik START dan pilih RUN dan ketikan OSK maka akan muncul keyboard digital.

5.Jika facebook teman kena hack orang,telitilah dengan account mail teman facebook .jika dia menghack dan mengganti alamat email facebook dengan alamat lain.maka masuklah ke account mail teman FB yang bersangkutan.dan lihatlah apakah ada pesan masuk dari facebook yang isinya pemberitahuan pengubahan email account facebook,klo ada ,Teman FB bisa cancel dengan mengklik url peng-cancelannya.jadi akun teman FB bisa direbut kembali.

6.Jangan pakai tanggal lahir untuk password di facebook.
Dan ini adalah pengakuan dari seorang hacker(yang pasti bukan saya loch)berikut kutipan kata-katanya:
"pengalaman saya dalam login menggunakan ratusan account FB orang lain mereka menggunakan angka tanggal lahir untuk password kebanyakannya.jadi hati2 loh,gantilah taun kelahiranmu klo bisa,misalkan 1990 jadi 1945.jadi orang ga akan bisa mengcrack langsung FB kamu"Wow.... hackernya sendiri bilang jangan pakai tanggal lahir untuk password di facebook.

7.Usahakan gunakan password yang rumit dan kombinasikan dengan berbagai karakter,contohnya:
as!1&*$#yoi!!!!,cukup rumitkan, nyampe-nyampe buat mengingatnya aja kesulitan,hehe.....!!!
Itulah sedikit tips untuk menjaga akun teman facebook agar tidak kena hack oleh orang lain.Ada yang mau menambahkan.....!

Read More

Cara Membuat Huruf Terbalik Status Facebook

Hi..Friends ,Selain fasilitas feed, Facebook code yang ada falitas lain dengan menggunakan bantuan luar yaitu menampilkan Huruf Terbalik Status Facebook.Pada sebelumnya saya bertanya tanya bagaimana temen saya bisa pasang status Facebook bisa terbalik , nah langsung saja saya browsing kesana kemari ada dech web yg bisa buat tuilsan terbalik ,oke langsung saja...

• Kunjungi situs ini www.sherv.net

• Nah Pada Menu Upside Down Writing ada kotak ( lihat panah diatas )
• Tulisakan apa saja, apakah status anda atau lainnya kemudian lihat kotak dibawahnya ( Flip Text Result ).
• Untuk menulisnya ke status facebook anda, pilih kotak yang bertuliskan Use this text for emails and websites (blogs, profiles, comments, etc)
• Copy dan Paste ke Status Facebook anda dan selesai...
• Gampang kan....? selamat mencoba..

Read More

Cara merapatkan header dengan navbar

Berawal dari coba-coba akhirnya menemukan juga cara merapatkan header dengan navbar, setelah sebelumnya saya menyatukan widget di header, jika belum baca silahkan masuk kesini.
Bagi anda yang suka modifikasi template blog karena mungkin merasa belum puas dengan template yang anda miliki sekarang, bolehlah kiranya mencoba cara ini, siapa tau berguna buat anda.




Oke langsung saja kita praktek.

1.Login Blogger
2.rancangan,
3.Edit HTML,
4.lalu centang Expand Template Widget

Inti dasar dari modifikasi ini adalah anda harus menemukan kode #outer-wrapper {
(carilah dengan menggunakan CTRL+F untuk mempermudah pencarian).
dan jika sudah menemukan, pahami strukturnya. Contoh pada template saya :

margin: 0 auto;

padding: 0px 0px 0px 0px;

margin-top: 0px;

margin-bottom: 0px;

position: relative;

width: 100%;

text-align: center;

}

Saya mengubah angka 7 menjadi 0 pada margin-top untuk merapatkan header dengan navbar. begitu pula dengan margin-bottom.

Jika anda scroll ke bawahnya, maka anda akan bertemu kode seperti dibawah ini :

#blog-wrapper {

margin: 0 auto;

padding: 7px;

margin-top: 0px;

margin-bottom: 0px;

text-align: center;

position: relative;

width: 980px;

background: $blogframeColor;

border: 3px solid $blogBorderColor;

}

Silakan modifikasi pada angka yang ada. maka anda tidak hanya melakukan cara merapatkan header dengan navbar yang saya sharingkan, tapi lebih banyak lagi yang akan anda dapatkan.

Read More

Cara mudah menimbang berat blog

Cara mudah menimbang berat blog. Mengapa kita harus menimbang berat blog ? jelas sekali karena untuk kepuasan pengunjung blog kita, hal ini sangatlah disarankan oleh para pakar SEO, apalagi penilaian dari Google yang memandang positif terhadap sebuah situs / blog yang mempunyai kapasitas loading tidak terlalu berat.Bagi yang nge-blog hanya bertujuan untuk pribadi mungkin tidak masalah, tapi bagaimana bagi blogger yang bertujuan untuk monetize atau blog-nya ingin di kunjungi oleh banyak orang? penting sekali rasanya mengetahui berat blog anda.

Jadi mulai sekarang, perhatikanlah dalam edit template anda, apakah penambahan suatu atau beberapa widget bisa mengakibatkan berat blog bertambah. Atau mungkin dalam penambahan kode CSS dan sebagainya. untuk kriteria blog ringan tidak akan saya bahas sekarang, tapi di artikel ini anda bisa langsung mengetahui berapa berat blog anda, lalu bandingkan dengan berat blog orang lain, seperti blog rezazr

Ada 4 situs penyedia tool penimbang berat blog anda yang bisa anda jadikan rekomendasi:

1. Pingdom
2. iwebtool speed test
3. WebSite Optimization
4. Numion


Semoga timbangan berat blog anda berkurang setelah baca ini

Read More

Cara Mencari Blogger Satu Kota atau Satu Daerah

Mungkin kita ingin tahu blogger – blogger yang berada satu kota dengan kita, siapa tahu tetangga di samping atau di depan rumah kita pun ternyata blogger juga,
atau kita ingin mengetahui blogger dari kota lainnya.
Caranya yaitu dengan memasukan alamat berikut di address bar browser anda,


Blogger seluruh Indonesia :
http://www.blogger.com/profile-find.g?t=l&loc0=ID

Blogger dalam satu provinsi :
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Barat

Blogger dalam satu kota/ kabupaten :
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Barat&loc2=Bandung

Keterangan : Silakan ganti hurup yang berwarna merah sesuai dengan kode negara, nama provinsi dan nama kota yang ingin anda cari.
ID : kode untuk Indonesia.
Jawa+Barat : nama provinsi. Tanda + berfungsi sebagai spasi pada nama provinsi dengan dua kata atau lebih.
Bandung : nama kota/kabupaten. .

Semoga bermanfaat.
diambil dari komputertipstrik.blogspot.com

Read More

Javascript Disable Keybord

Helo Pengunjung rezazr.blogspot.com, Pada postingan kali ini saya ingin share javascript untuk mendisable fungsi keyboard di blog. Jadi ketika seorang menekan tombol keyboard di blog nya, akan ada pesan/alert kalo tombol keyboard di disable pada halaman itu.

Pada Prinsip nya tips ini tidak beda jauh Pada tutorial disable klik kanan pada blog,namun pada tutorial ini disable keybord,



Ok, langsung aja ikuti cara di bawah ini.Berikut langkah-langkahnya:
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Rancangan >> Element laman
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4.Masukan Kode dibawah ini pada halaman HTML/JavaScript  

 <script>
function keypress() {
alert("Maaf, Fungsi Keyboard Di Non-aktifkan Pada Halaman Ini !!");
}
document.onkeydown=keypress;
</script>

Kamu bisa mengganti kata2 yang berwarna merah sesuai dengan keinginanmu..

5. Simpan

Liat hasilnya ,semoga Bermanfaat

Read More

Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css

Hello rezazr.blogspot.com, Pada Postingan sebelumnya Cara Menampilkan Hanya Judul Artikel Pada Halaman Depan Blog , Beda nya Tutorial ini dengan sebelumnya yakni menggunkan kode css.Bagi Anda yang mempunyai artikel panjang dan selalu memenuhi halaman depan blog, mungkin sudah saatnya sekarang Anda menambahkan kodeCSS di blog. Kode ini berfungsi Hanya  Menampilkan Judul Postingan Di Halaman Depan Blog, sehingga akan menambah efisiensi dalam menggunakan halaman depan blog Anda. Sebagai contoh ketika pengunjung meng-klik menu HOME blog apakah semua artikel dapat termuat dalam satu layar penuh? pasti tidak bukan walaupun sudah menambahkan Read More. Bagi yang berminat yuk baca lebih lanjut.

Kode CSS yang dipakai adalah sebagai berikut :

<style type='text/css'>


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


.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}


.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}


.post h3 strong, .post h3 a:hover {color:#333333;}


.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}


</b:if>
//edit by http://wwwoktri.co.cc/
</style>

Note : Pada teks yang berwarna silahkan sesuaikan dengan selera Anda

Cara Pemasangannya  
1. Login ke blogger -> Rancangan -> Edit HTML 
2. Silahkan Copy kode diatas dan Paste tepat diatas kode </head> kemudian simpan atau pratinjau apa sudah benar apa belum. Selesai

Gimana, lebih efisien bukan pemakaian halaman depan blog Anda, semoga bermanfaat. Salam....

Read More

Cara Menampilkan Hanya Judul Artikel Pada Halaman Depan Blog

Cara Menampilkan Hanya Judul Artikel Pada Halaman Depan Blog - Apakah anda bosan dengan tampilan dan pengaturan blog yang begitu-begitu saja ? Setelah blogwalking ke beberapa blog rekan-rekan yang lain, saya melihat ada tampilan baru dari blogger (Mungkin sayanya saja yang baru liat :D). Tampilan yang saya anggap baru tersebut yaitu mereka hanya menampilkan judul artikel pada halaman depan blog mereka (home). Setelah saya perhatikan cukup menarik juga untuk diterapkan. Ini bisa menjadi alternative selain menu read more.

Kelebihan menerapkan metode ini dibanding read more yaitu kita dapat menampilakn lebih banyak entri pada halaman depan. Menurut saya ini sangat tepat untuk template dengan tema magazine.
Contoh : Klik dsni
Anda juga ingin mencoba ?

Silahkan ikuti langkah berikut :

• Login ke blogger
• Klik Rancangan

• Klik Edit HTML
  

 

• Untuk prosedur keamanan sangat disarankan untuk membackup tempalte anda dahulu dengan cara mengklik download template lengkap.
• Jangan lupa klik Expand Template Widget

    

Silahkan car kode ini ]]></b:skin>
Lala copy kode berikut dan paste dibawah kode ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

Selanjutnya klik simpan template.
Terakhir klik selesai dan lihat hasilnya.

Cara diatas terkadang masih menyisahkan beberapa elemen pada halaman depan blog kita selain judul post. Jika ingin menghilangkan semuanya selain judul post silahkan gunakan kode dibawah ini :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>  

Jika masih saja ada element yang tersisah itu artinya template yang anda gunakan tidak mendukung.

Read More

Cara Membuat Read More Otomatis

Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis.postingan ini saya dapat kan dari berbagi sumber, dan mungkin saya praktekan langsung pada blog saya ini

Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down. 

Buat blogger baru, seperti saya ini saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.,yang sebelumnya saya lakukan memang agak ribet pada saat posting artkel atau pun tulisan...saat ini saya menggunakan read more otomatis...

Berikut langkah – langkah dalam membuat read more otomatis :

1. Silahkan login ke blogger terlebih dahulu.
   
2. Klik Tata Letak.
   
3. Kemudian klik Edit HTML.
   
4. Centang Expand Template Widget.
   
5. Letakkan kode berikut ini tepat diatas kode </head>

    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>

    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)

    (C)2008 by Anhvo

    visit http://en.vietwebguide.com to get more cool hacks
    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }
    //]]>
    </script>

6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda : 

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>      


sehingga sekarang hanya ada satu <data:post.body/>


7.   Kemudian hapus kode :


<data:post.body/> atau <p><data:post.body/></p> 

8. Ganti kode tersebut dengan kode berikut ini : 
   
   <b:if cond='data:blog.pageType != "item"'>
   <div expr:id='"summary" + data:post.id'><data:post.body/></div>
   <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
   <span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More � <data:post.title/></a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
   
   
9. Kemudian Simpan Template.

Keterangan :

• summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
• summary_img = 360 –-> untuk tinggi postingan dengan gambar.
• img_thumb_height = 120 –> tinggi gambar.
• img_thumb_width = 150 –> lebar gambar.
• Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.  

Silahkan sobat atur sesuai template sobat. Selamat berkreasi.

Read More

Cara Membuat Status Loading II

Tutorial kita kali akan membahas cara membuat status loading, maksudnya adalah pada waktu sobat membuka halaman blog milik sobat, nantinya akan muncul sebuah image / gambar animasi loading yang atraktif sebelum blog tampil keseluruhan.
Pemasangan status loading ini akan mengubah sedikit kode HTML,jadi saya sarankan gunakan blog cadangan untuk mencoba tutorial ini, atau backup template sobat sebelum mengubah kode HTML-nya.

Karena kode yang di ubah adalah <body> dan saya tidak tau pasti apakah dengan mengubah kode tersebut akan melanggar TOS Blogger atau tidak. Makanya saya sarankan sebaiknya gunakan blog cadangan saja untuk mencoba membuat status loading ini. Baiklah, lanjut ya.

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda

Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

var ld=(document.all);var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Kalo sudah, silahkan upload file preloader.js ke hosting anda
atau jika bingung gunakan kode javascript punya saya aja, kodenya dibawah ini :

http://h1.ripway.com/djfacebook/preloader.js

Kemudian ikuti langkah berikut ini :

1. Silahkan login dulu ke Blogger.
2. Kemudian tuju halaman Edit HTML.
3. Klik Expand Template Widgets.
4. Cari kode <body> dan ganti kode tersebut dengan kode dibawah ini :

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://lh4.ggpht.com/_7Y9pl24WpQY/SusfCp6mZWI/AAAAAAAACCI/23-3MVdUteQ/ajax-loader_thumb.gif?imgmax=800'/></div> <script src='http://h1.ripway.com/djfacebook/preloader.js ' type='text/javascript'/>


Kode yang berwarna hijau adalah url dimana sobat menyimpan gambar animasi status loading-nya.


Kode yang berwarna merah adalah url tempat sobat mengupload kode javascript-nya. ( jika bingung pakai yang itu saja ).

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.

Read More