Cara Membuat Releated Post Pada Blog

Selamat siang para blogger, Melanjutkan pertemuan sebelumnya yang membahas mengenai Cara Membuat Read More (baca selengkapnya) pada Blog. Maka kali ini saya akan membagi pengetahuan maupun pengalaman saya mengenai Cara Membuat Releated Post atau Artikel Terkait Pada Blog yang terdapat di bawah posting. Langsung saja kita mulai dan berikut langkah demi langkahnya :
  1. Buka  dan masuk pada akun blog anda.
  2. Kemudian pilih elemen Template. Dan dilanjutkan dengan edit HTML.
  3. Jika sudah, Carilah kode </head>. Untuk mempercepat pencarian tekan Ctrl+F dan kemudian akan muncul tabel seperti yang saya beri tanda anak panah pada gambar di bawah. Lalu ketik </head> dan enter jangan lupa.
  4. Dan jika sudah ketemu kode </head> copy kode di bawah ini dan anda paste persis di atas kode </head> tersebut.

    <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2jR2gVKAjaDhn4vqHoKorOitgB1l9WlDEOx9ABVv1ZyfLSs0p9lh43mN5H6NWvhy7NafN_Ny5vRlbcCitTMZHSyQAs0PNItYsEVd4Jetpq0i20wx7-3lEwV4Oy8DDRGorKTsvoRLHIs/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>
  5. Atau jika anda masih bingung, bisa melihat pada gambar di bawah ini. Bagian yang saya block tersebut adalah kode HTML yang harus anda paste ke dalamnya. Perhatikan juga letak posisi kode HTML tersebut (persis di atas kode </head>.

  6. Langkah berikutnya adalah anda cari kode berikut <data:post.body/>. Kemudian copy kode HTML di bawah ini dan kemudian anda paste persis di bawah kode <data:post.body/>.

    <br/><br/><b:if cond='data:blog.pageType == "item"'>
    <div id="related-posts">
    <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script>    </div></b:if>
  7. Dikarenakan kode <data:post.body/> terdapat banyak sekali, maka saya akan membantu letak posisi kode HTML yang anda copy tadi. Lihat gambar dan perhatikan letak atau posisi kode HTML yang harus anda paste ke dalamnya.
  8. Simpan dan lihat hasilnya... (Sempurna)
Saya kira cukup artikel saya kali ini dan semoga bermanfaat buat anda semua. Dan seperti biasa, apabila terdapat pertanyaan; saran; maupun kritik mengenai artikel saya kali ini, bisa anda coret-coretkan pada tabel komentar di bawah. Wassalamu'alaikum Wr Wb dan salam sukses
› Read More


Diposting oleh Tidak ada komentar:
Label:

Cara membuat read more pada blog

Salam hangat para bloger, Pada pertemuan kali ini saya akan melanjutkan tutorial blog (agar lebih menarik). Yaitu Cara membuat read more atau baca selengkapnya pada blog. Bagaimana cara membuatnya??? oke, check it out...
  1. Buka dan masuk pada akun blog anda.
  2. Kemudian pilih elemen Template kemudian pilih edit HTML. Jangan lupa simpan HTML anda sebelumnya untuk berjaga-jaga apabila terjadi sebuah kesalahan pada koneksi maupun PC anda.
  3. Langkah selanjutnya adalah cari kode </head>. Untuk mempercepat dalam proses pencarian tekan Ctrl+F pada keyboard anda dan akan muncul tabel search seperti pada gambar di bawah. Kemudian ketik </head> pada tabel tersebut dan enter.
  4. Jika sudah, copy dan paste kode di bawah ini tepat di atas kode </head>.
    <script type='text/javascript'>
    var thumbnail_mode = "float" ;
    summary_noimg = 275;
    summary_img = 275;
    img_thumb_height = 120;
    img_thumb_width = 120;
    </script> 
    <script type='text/javascript'>
    //<![CDATA[
    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>
  5. Kemudian cari kode <data:post.body/> jika sudah ketemu, copy dan paste kode di bawah ini persis di bawahnya. Dikarenakan kode <data:post.body/> banyak sekali, cari pada nomor urut 2 pada pencarian anda  (itemprop='description articleBody')

    <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>
    <div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  6. Jika sudah, simpan dan lihat hasilnya. Mantaaaapppp.....
Sebagai tambahan dari saya, bahwa sebenarnya kode HTML atau Javascript di atas bisa anda ubah sesuai keinginan anda. misal anda ingin membuat thumbnail-nya lebih besar. maka anda ubah kode img_thumb_height = 120. Ganti angka 120 tersebut dengan angka sesuai selera anda. Begitu juga dengan kode img_thumb_widht = 120 anda ganti juga angka 120 tersebut dengan angka sesuai selera anda.

Saya kira sudah cukup penjelasan saya mengenai Cara membuat read more atau baca selengkapanya pada blog. Semoga artikel saya kali ini sangat membantu dan bermanfaat buat anda. Dan pada pertemuan berikutnya saya akan membahas Cara membuat artikel terkait/releated post di bawah posting pada blog.

Apabila ada pertanyaan kritik ataupun saran bisa anda coret-coretkan pada tabel komentar di bawah. Wassalam Wr Wb dan salam sukses selalu.
› Read More


Diposting oleh Tidak ada komentar:
Label:

Alternatif google adsense Bidvertizer

Click Here to Sign up

Salam hangat para blogger. Pada kali ini saya akan berbagi sedikit pengetahuan dan pengalaman saya kepada anda semua (khususnya pada penggemar pencari recehan via internet seperti saya hehe) mengenai cara atau tutorial daftar pada bidvitizer atau alternatif dari adsense milik google. Berikut langkah-langkahnya :


  1. Buka Bidvitiser.com dan langsung sign-up atau daftar sebagai publisher. atau anda juga bisa klik disini.
  2. Lalu akan tampil seperti gambar di bawah dan kemudian isi tabel sesuai data anda. jangan lupa beri tanda centang semua pada opsi bawah.

  3. Jika sudah, klik tombol continue dan tunggu pesan konfirmasi masuk melalui email anda. 
  4. Buka email anda dan buka email baru yang masuk dari bidvitiser. kemudian klik link konfirmasi tersebut sehingga anda akan dibawa pada tab baru.
  5. Jika sudah berhasil konfirmasi email, maka anda sudah bisa login dengan username dan password yang sudah anda isi pada proses pendaftaran tadi.
  6. Langkah berikutnya adalah tinggal anda memilih iklan (bentuk maupun ukuran) yang akan anda tampilkan pada website maupun blog anda.
  7. Selamat mencoba dan semoga banyak yang me-klik iklan anda amien (hehe).
Dikarenakan waktu yang terbatas, maka saya akhiri dulu pertemuan kita kali ini. Semoga artikel saya bermanfaat untuk anda semua. Dan seperti biasa, apabila ada pertanyaan, kritik maupun saran bisa anda isi di tabel komentar di bawah. Terima kasih dan Wassalam Wr Wb.

› Read More


Diposting oleh 1 komentar:
Label: , ,

Cara menghitung berat benda

Salam para bloger sekalian... Untuk ke sekian kalinya saya akan berbagi pengetahuan saya. Dan yang akan saya beberkan kali ini adalah bagaimana cara menghitung berat suatu benda. Oke langsung saja brad-sist kita mulai :

Pada dasarnya rumusnya adalah

 "Berat benda = Volume x Massa Jenis"

 Maka, suatu benda akan ditemukan beratnya dengan cara penghitungan sistematis apabila sudah diketahui volume dan juga massa jenisnya. Untuk mengingatkan kembali para pembaca sekalian, di bawah ini saya sertakan juga tabel mengenai rumus-rumus volume benda padat dan juga tabel dari massa jenis :

Tabel Rumus Volume

No
Nama Benda
Keterangan
1
Kubus
V = S³ atau S x S x S
2
Balok
V = P x L x T
P = panjang
L = lebar
T = tinggi
3
Tabung
V = Ï€.r².t
Ï€ = 22/7 atau 3,14
r = jari-jari lingkaran tabung
t = tinggi (jarak antara sudut lancip ke center lingkaran)
4
Kerucut
V = ⅓ Ï€.r².t
Hampir sama dengan tabung, namun hasil dari penghitungan volume tersebut dikalikan sepertiga.
5
Prisma
V = La x t
La = Luas alas (½ panjang x lebar)
t = tinggi
6
Limas
V =  ⅓ La x t
Karena bersifat lancip, maka bersifat hampir sama dengan kerucut namun perbedaannya terletak pada bentuk alasnya atau permukaan bawahnya.
7
Bola
V = 4/3 x Ï€.r³
Ï€ = 22/7 atau 3,14
r = jari-jari lingkaran pada bola































                                     Tabel Massa Jenis
No
Nama Zat
Massa Jenis (g/cm³)
1
Air (pada suhu 4˚Celcius)
1
2
Alkohol
0.8
3
Air raksa/mercury
13,6
4
Alluminium
2,7
5
Besi
7,9
6
Emas
19,3
7
Es (beku)
0,92
8
Kuningan
8,4
9
Perak
10,5
10
Platina
21,45
11
Seng
7,14



















            Contoh :
Terdapat sebuah plat besi dengan ukuran 4 feet  x 8 feet dengan ketebalan 5mm. Berapakah berat dari plat tersebut?

Diketahui :
-  MJ (massa jenis) besi = 7,9 gr/cm³
-    Volume         = (4 × 305) × (8 x305) × 5mm
                     = 1220 × 2440 × 5mm
                     = 14.884.000 mm³
                     = 14,9 cm³ 
          Ditanya :  Berat Plat
          Jawab :
-  Berat Benda             = Volume x Massa Jenis
= 14,9 × 7,9

= 117,7 kg

Bagaimana sobat blogger, apakah sekarang anda sudah memahami cara menghitung berat suatu benda? Apabila masih kurang jelas, bisa menuliskan pertanyaan tersebut pada tabel komentar di bawah. Dan untuk sementara kita akhiri dulu pertemuan kali ini. Apabila ada kesempatan akan saya share kembali ilmu pengetahuan maupun pengalaman saya. Semoga artikel kali ini sangat membantu. Akhir kata saya ucapkan Wassalam.
› Read More


Diposting oleh 4 komentar:
Label: ,

cara mengatasi windows 7 not geniine

Uda lama banget gak corat-coret di blog saya yang satu ini. kurang lebih empat setengah abad kali yach ( lebay dikit hehe). Kali ini saya akan berbagi pengalaman saya mengenai cara mengatasi windows 7 not genuine. Karena baru-baru ini ada seorang teman saya datang ke rumah minta tolong laptopnya agar diinstal ulang aja karena secara gak sengaja windows-nya ke-update. Padahal OS (Windows 7 Ultimate) laptop miliknya bukan original alias Windows crack atau juga wondows bajakan (astagfirullah). Lalu dengan  sedikit bantuan dari mbah google dan juga dari http://www.terindikasi.com telah memberikan solusinya mengenai cara mengatasi windows 7 not genuine. Caranya adalah dengan menggunakan software WGA.

  • "Bagaimana cara penggunaaan dan cara kerjanya?"
Ok, langsung saja kita mulai tutorialnya :

  1. Pertama-tama nonaktifkan atau disable semua anti virus yang berada pada PC or laptop anda. Fungsinya adalah agar software WGA ini tidak teretek sebagai virus pada laptop or PC anda.
  2. Download software WGA (berupa .rar) klik disini
  3. kemudian setelah itu jalankan WGA dan akan muncul tampilan seperti gambar di bawah.
  4. Eng, Ing, Eng, selamat OS (Windows 7) anda telah menjadi genuine (asli).
Demikian tutorial saya kali ini. Semoga berguna dan bermanfaat buat anda.

› Read More


Diposting oleh 1 komentar:
Label:
Langganan: Postingan (Atom)