Cara Membuat Artikel Terkait dibawah Postingan Blog

By Education | At 03.40 | Label : | 0 Comments
Cara Membuat Artikel Terkait dibawah Postingan Blog - Cara Membuat Related Post Dengan Gambar Berjalan - Cara Membuat Artikel Terkait Dibawah Posting Blog - Cara Membuat Artikel Terkait dengan Gambar - Cara Membuat Artikel Terkait dengan Thumbnail itulah judul -judul dalam pembuatan artikel terkait pada artikel Kang Zain Kali ini. 
Artikel terkait dibawah postingan blog bermacam-macam, mulai dengan scroll, dengan gambar berjalan atau cuma dengan gambar saja,, Ok ... pada kesempatan ini akan dibawas tuntas sebagai pilihan sobat dalam membuat artikel terkait. hehehe

Cara Membuat Artikel Terkait dibawah Postingan Blog

1. Login ke Dasbor >> Template (Untuk mengantisipasi terjadinya kesalahan Back Up dulu template blog sobat.)
2. Edit Template >> Lanjutkan >> Conteng Expand Template Widget
3. Cari kode  <data:post.body/> Untuk mempermudah gunakan F3 atau Ctrl+F. Biasanya akan ada 3 kode seperti itu, jika memang benar pilih kode yg ke-2 
4. Letakan Kode berikut tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;ardi33&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type='text/javascript'>RelPost();</script></div> </div> </b:if>
 5. Jangan Lupa di SAVE

 Cara Membuat Related Post Dengan Gambar Berjalan


 1. Login ke Blogger dengan menggunakan akun anda
2. Lalu masuk ke Rancangan
3. Lalu Edit HTML
4. Centang Expand Template Widget
5. Jangan lupa untuk mendownload dulu template anda. dan kalau ada kesalahan bisa dikembalikan kesemula
6. Kemudian cari kode </head> (untuk mempermudah pencarian silahkan tekan CTRL + F pada keyboard)
7. Copy kode dibawah ini dan letakan tepat diatas kode </head>
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type="text/css">
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }
    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: #585858;
    font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:#FFFFCC;
    }
    #related-posts a:hover{
    color:#000000;
    }
    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script src='http://sundaboy.googlecode.com/files/relatet%20post.txt' type='text/javascript'/>
    </b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->


8. Selanjutnya cari lagi kode yang mirip dengan kode dibawah ini
    <div class='post-footer-line post-footer-line-1'>


9. Lalu Copy dan pastekan kode dibawah ini tepat dibawah kode diatas
    <!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <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_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
    <h3><b>Artikel Terkait</b></h3>
    <marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=8;
    var relatedpoststitle=&quot;&quot;;
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script></marquee>
    </div><div style='clear:both'/>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
    </b:if>
    </b:if>
    <!-- Marquee Nobi Related Posts with Thumbnails Code End-->

10. Simpan template dan lihat hasilnya



Cara Membuat Artikel Terkait dengan Gambar

 Cara Membuat Artikel Terkait dengan Gambar :

   1. Login Blogger
   2. Masuk Menu Template - Edit HTML - Lanjutkan
   3. Centang pada Expand Template Widget
   4. Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
   5. Lalu Copy kode berikut dan letakan tepat diatas kode </head>
    <!--Start Related Posts-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-posts {
    float:center;
    text-transform:none;
    height:90%;
    min-height:90%;
    padding-top:0px;
    padding-left:8px;
    }
    #related-posts h2{
    font-size: 1.0em;
    font-weight: bold;
    color: white;
    font-family: Rockwell,Georgia,Serif;
    margin-bottom: 0.8em;
    margin-top:0em;
    padding-bottom:0em;
    }
    #related-posts a{
    color:white;
    }
    #related-posts a:hover{
    color:white;
    }
    #related-posts a:hover {
    background-color:#080;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage=&quot;http://4.bp.blogspot.com/_rKG-ziTSNUQ/TQjMBwjYg5I/AAAAAAAACgc/BT3MbSXKv1g/s1600/No+Image.jpg&quot;;
    var maxresults=6;
    var splittercolor=&quot;#000000&quot;;
    var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
    </script>
    <script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
    </b:if>
    <!--End Related Post-->


    6. Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) :
    <data:post.body/>

    7. Kalau kode diatas sudah ketemu, Sekarang copy'lah script berikut :
    <!-- Start Related Posts-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </script>
    </div><div style='clear:both'/>
    </b:if>
    <!-- End Related Posts-->


    8. Paste'kan kode script diatas tepat dibawah kode :
    <data:post.body/> 
    9. Jika sudah, klik Simpan Template.

Catatan :

Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

    Menampilkan jumlah artikel terkait yang muncul max-results=7
    Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
    Warna Tulisan var splittercolor=&quot;#000000&quot;;

Cara Membuat Artikel Terkait dengan Thumbnail
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Dengan menggunakan CTRL+F atau F3, cari kode berikut: </head>
4. Pastekan kode di bawah tepat di atas kode nomor 3 di atas
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <!-- remove --><b:if cond='data:blog.pageType == "item"'>
    <style type="text/css">
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }
    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, Times New Roman , Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }
    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
    var maxresults=5;
    var splittercolor="#d4eaf2";
    var relatedpoststitle="Related Posts";
    </script>
    <script src='http://infonetmu.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
    <!-- remove --></b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->

5. Lanjutkan dengan mencari kode <data:post.body/> dan pastekan kode berikut tepat di bawah kode <data:post.body/> tadi
    <!-- Related Posts with Thumbnails Code Start-->
    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </script>
    </div><div style='clear:both'/>
    <!-- remove --></b:if>
    <!-- Related Posts with Thumbnails Code End-->

6. Simpan template sobat dan lihat hasilnya

Keterangan :
var maxresults = 5 adalah jumlah artikel akan ditampilkan di related post blog sobat.
var relatedpoststitle="Related Posts";  kamu bisa ganti kata Related Posts atau kalimat lain yang sobat inginkan.

Sampai disini sobat, beberapa tutorial lengkap Cara Membuat Artikel Terkait dibawah Postingan Blog semoga bermanfaat. Good Luck Selamat Mencoba.

Yahoo Kucurkan USD 1,1 Miliar Untuk Beli Tumblr

By Education | At 01.34 | Label : | 0 Comments
Yahoo (Foto: Ist)


Sigmanews - Yahoo. Di bawah kepemimpinan sang CEO Marissa Mayer, para pemimpin perusahaan telah menyetujui pembelian situs blog Tumblr yang khusus seperti yang dikabarkan oleh Wall Street Journal, Senin (20/05). Disebutkan harga untuk membeli situs ini mencapai USD 1,1 miliar.
Tentunya belum ada pernyataan resmi namun akuisisi ini mungkin baru akan diumumkan pada ajang media NYC nantinya. Hal ini mungkin saja dilakukan untuk sekaligus mengumumkan informasi rincian mengenai terintegrasinya Tumblr dengan layanan Yahoo.
Memang belum ada informasi yang jelas atau resmi mengenai pemanfaatan Tumblr namun harga yang mahal itu dipastikan bukanlah asal beli sehingga diyakini Tumblr akan dibuat terintegrasi dengan layanan Yahoo atau pengguna layanan Yahoo akan mendapatkan manfaat lebih khusus untuk Tumblr dibanding pengguna layanan lainnya seperti Google.
Bagi yang ingin mengetahui seperti apa usaha yang akan dilakukan Yahoo terkait Tumblr sebaiknya menunggu hingga ajang media NYC dilaksanakan, tentunya tidak perlu menunggu lebih dari sehari. (irn/pm)

Situs Web Resmi Polri Dibobol ??

By Education | At 18.45 | Label : | 1 Comments
Aksi pembobolan situs web pemerintahan di Indonesia kembali terjadi. Kali ini yang menjadi korbannya adalah situs web milik bagian Divisi Hukum Polri.

Lagi, Situs Web Resmi Polri Dibobol
Foto: Diliputnews.com
Situs web yang beralamat di http://divkum.polri.go.id/ telah diubah tampilan halaman depannya dengan meninggalkan sebuah pesan:

Hacked by Larcenciels feat Wennex
Sorry, the page you are looking has been hacked
Sila ke 5:
Keadilan sosial bagi seluruh rakyat Indonesia
Heker 6 tahun penjara
Nyuri sendal 3 tahun penjara
Koruptor 2 tahun penjara
Anak menteri nabrak-tewas 1 tahun penjara

Menurut pantauan aksi pembobolan situs web Divisi Hukum Polri ini dipicu oleh ketidakadilan dari perlakuan dan hukuman kepada para pelanggar hukum yang ada di Indonesia.

Sumber

Ilmu Menghilangkan Dual Boot Windows 7

By Education | At 18.44 | Label : , | 2 Comments

Ilmu Menghilangkan Dual Boot Windows 7 - Berdasarkan pengalaman Belajar Ilmu Komputer dalam menginstall sistem operasi Windows, kali ini BIK menginstall Windows 7 sebanyak dua kali sehingga timbul dual boot yang mana setiap kali login selalu muncul pertanyaan pemilihan sistem operasi.

Munculnya dual boot pada Windows 7 ini karena pada saat installasi ulang tidak melakukan partisi ulang hard disk sehingga Windows 7 yang lama secara otomatis di pindahkan ke sebuah directory dengan nama windows.old. Olhe karena jenuh dengan setiap kali memulai Windows selalu memilih OS, padahal keduanya sama-sama Windows 7, apabila osnya berbeda seperti Windows 7 dengan Windows 8 atau Windows 7 dengan Windows XP/vista atau bahkan Windows 7 dengen Linux mungkin saya biarkan saja. Akhirnya saya berusaha untuk menghapus salah satu sistem operasi WIndows 7 yang sudah terinstall agar tidak muncul lagi pilihan OS saat boot, dan berikut adalah caranya.
Untuk menghapus/menghilangkan salah satu dari sistem operasi, kita harus ketahui terlebih dahulu sistem operasi yang mana yang menjadi default dengan menggunakan perintah DOS (Disk Operating System), BCDEDIT (Boot Configuration Data Edit).
1. Klik Start - All Programs - Accessories
2. Klik kanan pada Command Prompt dan pilih Run as administrator
3. Ketik BCDEDIT dan tekan Enter, maka akan muncul seperti gambar berikut

4. Perhatikan partisi tempat disimpannya Windows default dan Windows Current dalam gambar di atas, Windows Default saya tandai dengan kotak warna merah sedangkan Windows Current saya tandai dengan kotak warna biru. Windows default berada di partisi (partition) H sedangkan Windows current berada di partisi C. Oleh karena saya akan menghapus dual boot Windows 7 "default", maka ikuti langkah ke 5
5. Ketik command (perintah) BCDEDIT /detele {default}
6. Tekan Enter (lihat gambar di bawah)
7. Akan muncul pesan The operation completed successfully, berarti tindakan anda untuk menghilangkan dual boot pada Windows 7 telah berhasil.
Selanjutnya silahkan anda buktikan bahwa saat booting Windows tidak lagi menampilkan dual boot melainkan langsung masuk ke desktop Windows. Semoga cara menghilangkan/menghapus dual boot sistem operasi Windows 7 ini menambah ilmu pengetahuan komputer kita semua

Cara Memasang Komentar Google Plus Di Blogger

By Education | At 03.47 | Label : | 0 Comments
Cara Memasang Komentar Google Plus Di Blogger

Setelah sebelumnya Blogger telah memperbaharui fitur blogger, yaitu edit HTML yg semakin mudah, dan setelah itu ada fitur baru yg lebih keren di blogger dari google, yaitu Komentar Google Plus Di Blogger.

Cara Memasang Komentar Google Plus Di Blogger

Pernahkah anda memikirkan tentang akan memasang komentar Google + di blog, mungkin pada waktu dulu belum ada fitur ini sehingga keinginan anda pun tidak bisa tercapai, tapi sekarang ini sudah ada fitur memasang komentar G+ di blogger sehingga anda pun bisa segera menggunakan fitur blogger dari google tersebut.

Cara Memasang Komentar Google Plus Di Blogger


Fitur dari komentar google plus ini cukup banyak dan banyak juga menfaat dari memasang fitur blogger ini.
beberapa fiturnya adalah :
  • Lebih mudah untuk berkomentar
  • Komentar Google Plus Valid HTML5
  • Reply Comments
  • Dapat memberi Plus pada komentar
  • Remove Comments (Admin)
  • Dan masih banyak lagi
Manfaat sobat memasang Google Plus Comments :
  • Berkurangnya Komentar SPAM
  • Tidak ada Komentar dari orang Tanpa nama (Anonim)
Nah komentar dari google plus ini ternyata valid HTML5 ini telah di buktikan di salah satu blog saya,lalu bagai mana cara Memasang Komentar Google Plus Di Blogger ?

Cara Memasang Komentar Google Plus Di Blogger

Yang harus anda lakukan pertama adalah menghubungkan blog anda dengan fitur G+ comments, yaitu dengan login ke blogger lalu buka tab Google Plus, setelah itu conteng Use Google+ Comments on this blog ?

Cara Memasang Komentar Google Plus Di Blogger
Sekarang blog anda telah masuk dalam sistem Google Plus comments, namaun bila komentar G+ tidak muncul bisa sobat gunakan cara ini.
Masuk ke Tab Edit HTML. Jangan lupa untuk back up template
Cari kode :
<b:includable id='iframe_comments' var='post'>
Jangan lupa untuk klik tanda ► untuk melihat kode lanjutannyta.

Setelah itu letakan kode berikut tepat di bawah kode <b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if></b:if>
Kemudian simpan, lihat apakah sudah aktif fitur comments Google Plus di blog sobat, 
Bila masih belum muncul juga, bisa gunkan cara ini,
Cari kode :
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

 Kemudian ganti kode di atas dengan kode :
<b:include data='post' name='comment_picker'/>

MenPer: Bikin iPhone Tak Sampai Rp 100 Ribu

By Education | At 06.00 | Label : | 2 Comments
Menteri Perdagangan Gita Wirjawan mengungkapkan salah satu merek ponsel yang paling laris saat ini yakni iPhone merupakan sebuah produk yang inovatif. Bayangkan saja, biaya untuk membuat sebuah iPhone menurut Gita tak sampai USD 10.
"Ada yang tahu berapa biaya untuk satu produksi iPhone? Ternyata biayanya itu kurang lebih hanya USD 10. Biaya manufaktur yang dikeluarkan kurang lebih hanya USD 10. Tapi kalau sudah masuk toko jadi USD 400. Karena yang USD 390 itu adalah inovasinya bukan keringat," terang Gita, 
Menteri Perdagangan: Bikin iPhone Tak Sampai Rp 100 Ribu
Hal itu dikatakan Gita saat menjadi pembicara pada Kuliah Umum yang mengusung tema 'Teknologi, Demokrasi dan Perlindungan Konsumen' yang diadakan di Aula Barat ITB, Jalan Ganesha, Bandung, Senin (29/4/2013).
Gita lantas menantang mahasiswa ITB untuk membuat sebuah produk inovatif. Produk-produk inovatif tersebut nantinya bisa membuat bangsa Indonesia semakin bergengsi di kancah internasional.
"Saya yakin anak-anak ITB punya potensi untuk membuatkan produk inovatif di Indonesia," kata Gita.
Lebih lanjut Gita mengatakan, dengan inovasi akan memungkinkan Indonesia semakin merangkak naik di lantai pasar modal. "Dengan produk yang inovatif, bukan tidak mungkin bangsa kita akan semakin bergengsi di area internasional," katanya.
◄ Posting Baru Posting Lama ►
 

Followers

Best Patner

Instagram

Site Info

W3 Directory - the World Wide Web Directory
cacinx-ams.blogspot.com Webutation

Copyright © 2013. Education Science Computer - All Rights Reserved B-Seo Versi 5 by Cacinx ams