Showing posts with label otomatis. Show all posts
Showing posts with label otomatis. Show all posts

Sunday, February 19, 2017

Mematikan Update Otomatis di Mozilla Firefox

Mematikan Update Otomatis di Mozilla Firefox


Mematikan Update Otomatis di Mozilla Firefox - Mematikan Update Otomatis di Mozilla Firefox - Setingan defaultnya untuk update mozillanya akan selalu aktif di saat pertama instal mozillanya, nah terkadang ini akan meyebabkan masalah bagi yang menggunakanya, contoh : jika kita menggunaan versi mozilla yang suport dengan sistem yang kita punya dan jika memakai veri terbaru program /aplikasi yang kita punya tidak akan suport.

Mematikan Update Otomatis di Mozilla Firefox
Mematikan Update Otomatis di Mozilla Firefox

Nah, seandainya jika si mozilla melakukan update otomatis kan repot jadinya, maka dari itu ane share sedikit cara mematikan update otomatis mozilla tersebut, okelah kalo gitu, kita langsung aja ke pokok permaslahanya :

Untuk tutorial selengkapnya disini 

Available link for download

Saturday, December 31, 2016

Membuat Slide Show Otomatis Posting Terbaru Pada Blog

Membuat Slide Show Otomatis Posting Terbaru Pada Blog


Melihat Web/blog para profesional membuat kadang membuat kita iri.. Kemampuan mereka dalam mengutak atik script atau css membuat kita semakin kagum saja. Seperti tutorial-tutorial blog/Trick Blogger yang dibuat oleh Maskolis yang menurut saya seorang master. 

Postingan kali ini saya akan membagikan cara membuat slider image / slide show otomatis posting terbaru dengan thumbnail mini dibawahnya pada template blogger/blogspot. Seperti contoh gambar di bawah ini.
Membuat Slider Image Recent Post

DEMO


Berminat? Silahkan anda coba!
Langsung saja pada langkah-langkah pembuatan Content Slider Image otomatis ini :
  1. Langkah pertama, login ke akun blogger anda.
  2. Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templates
  3. Demi keamanan dan kenyamanan anda backup dulu template anda.
  4. Langkah berikutnya, letakkan kode berikut ini diatas kode ]]></b:skin> :                      
    #featuredContent{float:left;width:407px;margin-right:10px;display:inline}
    #featured-slider{position:relative;overflow:hidden;width:407px;height:245px}
    #featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyAS77PSzoVtv0N18sH10OeY4E0lYzIKGO5YBfycufs_mtvKL7oGsOUso2Ge2BeqmFC-FPMpHvbmh2t1fovxY93jYPLxS_Fp-N-Sqbhu5GP4RtU2g3yxKW9WYOyY33IBs0iJjN1v1a2xLm/s1600/transparant.png)}
    #featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}
    #featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px}
    #featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1}
    #paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px}
    #paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none}
    #paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px}
    #paginate-featured-slider img{padding-top:5px;background:#f0f0f0}
    #paginate-featured-slider a img{border-top:4px solid #f0f0f0}
    #paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #357798}
    .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left; word-wrap: break-word; overflow: hidden;} 
    .slide {color: #666666;line-height: 1.3em;} .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;} 
    .slide li {margin:0;padding-top:0; padding-right:0;padding-bottom:.25em; padding-left:0px;text-indent:0px;line-height:1.3em;} 
    .slide .widget {margin:0px 0px 6px 0px;}
    Tulisan warna Orange diatas adalah panjang dan lebar slider pada demo, silahkan sesuaikan ukurannya.
  5. Cari Kode </head> lalu letakan kode di bawah ini tepat diatasnya!             

    <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jstype=text/javascript/><script src=http://yourjavascript.com/222517121138/contentslider.js type=text/javascript/><script type=text/javascript>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZbxfnQ63ay9YD2P3PfpZUR1ExcUdYqfrvPJ_ddW-6MaNak2BKa7f0fUJn3ZcoRZjPUhXJvXYpzMVdg48wPeAfQWb6DBwRg36mRwYHY1j8hBySovc4j5oAlZl4YilI4v2kQD2X6oywqik/s1600/no+image.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost = 100;
    summaryTitle = 25;
    numposts3 = 5;
    function removeHtmlTag(strx,chop){
    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);
    }
    }
    s = s.join("");
    s = s.substring(0,chop-1);
    return s;
    }
    function showrecentposts3(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();
    for (var i = 0; i < numposts3; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == alternate) {
    posturl = entry.link[k].href;
    break;
    }
    }
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == replies && entry.link[k].type == text/html) {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }
    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src="",a); c = s.indexOf(""",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    //cmtext = (text != no) ? <i><font color="+acolor+">(+pcm+ +text+)</font></i> : ;

    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }
    var daystr = day+ + m + + y ;
    var trtd = <div class="contentdiv"><a href="+posturl+"><img width="407" height="240" class="alignnone" src="+img[i]+"/></a><div class="sliderPostInfo"><h2 class="featuredTitle"><a href="+posturl+">+posttitle+</a></h2><p>+removeHtmlTag(postcontent,summaryPost)+...</p></div></div>;
    document.write(trtd);

    j++;
    }
    }
    function showrecentposts4(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();
    for (var i = 0; i < numposts3; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == alternate) {
    posturl = entry.link[k].href;
    break;
    }
    }
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == replies && entry.link[k].type == text/html) {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }
    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src="",a); c = s.indexOf(""",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    //cmtext = (text != no) ? <i><font color="+acolor+">(+pcm+ +text+)</font></i> : ;

    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }
    var daystr = day+ + m + + y ;
    var trtd = <li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="+img[i]+"/></a></li>;
    document.write(trtd);
    j++;
    }
    }
    //]]>
    </script>

    Keterangan :
    Kode script warna merah (paling atas) adalah kode script jQuery.min.js  yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js, walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satujQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Angka 5 yang berwarna Ungu : Jumlah post yang ditampilkan dalam slider
    Angka 407 dan 240 yang berwarna hijau : Panjang dan lebar image besar
    Angka 75 dan 50 yang berwarna kuning : Panjang dan lebar image kecil
  6. Kemudian cari kode <div id=main-wrapper> kemudian letakkan kode berikut dibawahnya : 
  7. <b:if cond=data:blog.url == data:blog.homepageUrl>
    <div id=slide-wrapper>
    <b:section class=slide id=slide preferred=yes/>
    </div>
     </b:if> 
  8. Setelah langkah diatas, save templates. Kemudian klicklayout >> add gadget yang berada di atas posting blog masukkan kode ini pada kotak HTML/Javascript :    
  9. <div id=featuredContent>
    <div class=sliderwrapper id=featured-slider>
    <script>
    document.write("<script src="/feeds/posts/default?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3"></script>");
    </script>
    </div>
    <div id=paginate-featured-slider>
    <ul>
    <script>
    document.write("<script src="/feeds/posts/default?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4"></script>");
    </script>
    </ul>
    <div class=clear></div>
    </div>
    <script type=text/javascript>
    featuredcontentslider.init({
    id: "featured-slider", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.4], //[true/false, fadedegree]
    autorotate: [true, 5000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    </script>
    </div>
  10. Simpan               ( sumber : http://infoupdate99.blogspot.com/2013/03/membuat-slide-show-otomatis-posting.html )

Available link for download

Monday, December 19, 2016

Menghilangkan Download Otomatis Pling mp3 Dari Facebook

Menghilangkan Download Otomatis Pling mp3 Dari Facebook


Bila kita adalah pengguna Internet Download Manager, dan kita sedang chat di facebook seringkali muncul pesan untuk download pling.mp3. Bila kita klik cancel, masih saja pesan tersebut selalu muncul. Tentu saja hal ini terasa sangat mengganggu.



Untuk menghilangkan pesan tersebut untuk selama-lamanya, yang perlu dilakukan adalah :

1. Buka Internet Download Manager
2. Pada bagian menu, pilih Download, dan kemudian pilih Options




3. Klik tab File Types dan klik Edit List
4. Akan muncul tampilan berikut, klik Add



5. Isikan alamat pling.mp3 facebook yaitu http://static.ak.fbcdn.net/sound/pling.mp3.


6. Klik OK. Mudah-mudahan setelah itu pesan pling facebook tidak akan muncul lagi forever.

Semoga bermanfaat....


Available link for download

Sunday, December 4, 2016

Menonaktifkan Otomatis Update Di Windows 7

Menonaktifkan Otomatis Update Di Windows 7


Apa itu Otomatis Update ? Otomatis update/automatic update merupakan download yang berjalan secara otomatis pada windows ketika komputer/pc sedang terhubung ke internet.
 Sebenarnya bukan windows 7 aja yang memiliki automatic update, Termasuk juga windows Xp dan windows lainnya. Banyak kerugian yang sering timbul jika otomatis update ini tidak di non-aktifkan, Salah satu contoh jika update tidak dimatikan yaitu loading pada Pc akan terasa lambat.Jika hal ini terus anda biarkan,maka dapat mempersulit hardisk pada pc anda bekerja. dan jika Update otomatis ini tidak segera di matikan, pekerjaan andapun serasa tidak memuaskan lagi karena lambatnya sistem di laptop/pc anda
Untuk itu saya memberikan tips untuk menonaktifkan update pada windows anda sehinnga pc yang anda gunakan tetap fit dan loading cepat.
jika update pada pc anda sudah berjalan dan anda ingin menonaktifkan otomatis update ini sebaiknya saya sarankan install ulang dulu laptop anda dan setelah siapp di install Jangan lupa untuk menonaktifkan otomatis updatenya tadi.

Automatic Update Untuk Windows Original

 Beda halnya jika anda mempunyai windows yang original/asli, kalau anda pengguna windows asli/original sebaiknya gunakan update otomatis ini. Karena anda akan selalu diberikan update terbaru oleh Perusahaan Microsoft, Mulai dari Program terbaru, Dukungan perangkat dan lain –lainnya.akan tetapi meskipun anda menggunakan  windows original, Otomatis update ini juga mengganggu pekerjaan anda. tak salah jika anda menonaktifkan update otomatis di windows 7 ini.
 bagi anda pengguna windows versi copyan/ Bajakan alias windows Kw,maka lakukanlah Trik dibawah ini untuk menonaktifkan update otomatisnya:



Langkah-Langkah Untuk Menonaktifkan Automatic Update 
  • Pertama klik kanan icon computer di desktop anda dan pilih properties, kalau tidak ada di desktop klik start, lalu disanan akan terlihat computer kemudian  klik kanan computer tersebut pilih properties.
  • Maka anda akan di tujuikan ke tampilan berikut ini

    Menonaktifkan Automatic Update
  • Disana ada tulisan Device manager Fungsinya untuk melihat Perangkat yang terpasang di computer anda, Remote setting,system Protection dan yang lainnya termasuk windows update.
  • Setelah anda menemukan windows update,klik dan tampil seperti ini

    Menonaktifkan Automatic Update
  • Pilih Change a setting, kita akan di antar pada tampilan berikut 
  • Pada  Change setting ini, terdapat beberapa pilihan yang diberikan oleh windows. Diantaranya: Install update automatic, download update,check for update,dan Never check for update
    Install update automatically artinya : Jika kita memilih ini maka ketika ada koneksi internet, windows akan otomatis melakukan update pada windows anda.
    Download Updates bt let me choose artinya : anda diberikan pilihan untuk update windows anda
    Check for updates but let me choose artinya : Windows akan melakukan update dengan pilihan yang anda berikan sebelumnya.
  • Pilih yang Never check for update (untuk mematikan update otomatisnya).

    Menonaktifkan Automatic Update
  • Kemudian Klik Tombol Ok
Itulah cara yang perlu anda lakukan untuk menonaktifkan update otomatis di windows 7, tujuannya sebenarnya masih banyak, Dengan mematikan updatenya, Kecepatan koneksi internet anda akan semakin cepat karena berhentinya download otomatis pada windows anda.

Anda Ingin mengedit Foto menjadi Video di windows 7 ?
silahkan menuju artikel ini Movie maker untuk windows 7 dan windows 8

Sekiranya Artikel yang saya bagikan ini bermanfaat buat anda semoga anda terbantu. Jangan lupa berkomentar ya sobat .



Available link for download

Monday, November 28, 2016

Membuat Readmore Otomatis

Membuat Readmore Otomatis


Em salah satu temen yaitu Pemilik blog Zainal sering bertanya cara membuat readmore karena dia bilang gak bisa nerapin readmore otomatis di blognya nah kali ini saya akan membahas cara membuat readmore otomatis part ||.


Membuat Readmore Otomatis

Kenapa part || karena sebelumnya saya sudah pernah membahas Cara membuat readmore otomatis Disini.

1. Log in ke blog anda
2. KLik Rancangan / Template
3. KLik Edit HtmL
4. Cari Kode </head>
5. Dan Letakan kode di bawah ini Di atas kode </head>

<script type=text/javascript>
var summary_noimg = 300,
summary_img = 300,
img_thumb_height = 80,
img_thumb_width = 90;
</script>
<script type=text/javascript>
//<![CDATA[
/**
* =======================================================================
* Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo
* =======================================================================
*/
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 alt="" src=" + img[0].src.replace(//s(320|400|640|1600)/, "/s" + img_thumb_width) + " 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. SimpaN Template
6. Setelah Anda simpan Template Lalu Centang Expand Template widget Dan Cari Kode di Bawah ini

<data:post.body/>

Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode ini

<b:if cond=data:blog.pageType == &quot;item&quot;>
<data:post.body/>
<b:else/>
<b:if cond=data:blog.pageType == &quot;static_page&quot;>
<data:post.body/>
<b:else/>
<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>
<a class=more expr_href=data:post.url> READMORE....!! </a>
</b:if>
</b:if>

7. Klik SIMPAN.

Available link for download

Tuesday, November 15, 2016

Membuat Daftar Isi atau Sitemap Blog Otomatis

Membuat Daftar Isi atau Sitemap Blog Otomatis


Membuat daftar isi atau sitemap pada suatu blog bertujuan agar pengunjung mendapatkan kemudahan didalam menjelajah isi blog kita. Tentu anda melihat contoh halaman daftar isi pada blog Fs Galery ini, nah bagaimana cara membuat daftar isi blog, berikut saya paparkan cara membuatnya yang saya sadur dari blognya mas Faisal. Cara membuat daftar isi blognya cukup mudah, kitahanya perlu membuat sebuah post atau halaman yang berisikan script untuk menampilkan daftar isi blog kita. Berikut ini langkah-langkahnya:

1. Masuk ke akun blog sobat, tentunya anda sudah tahu kan langkahnya..
2. Langkah selanjutnya adalah klik menu pos atau halaman (terserah anda), kemudian buat entri baru.
daftar isi blog otomatis
3. Pada halaman entri, pilih mode penulisan menjadi mode HTML, 
daftar isi blog otomatis
4. Nah dalam mode HTML tersebut Pastekan Kode berikut ini:
<script src="https://faisal-fachrueza.googlecode.com/svn/daftar-isi.js" type="text/javascript"></script>
<script src="http://fs-galery.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 13px;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link a{color: #242424; font-size: 12px;}
p ol li a{font-weight: bold;}
</style>
5. Selanjutnya simpan hasilnya kurang lebih seperti halaman daftar blog berikut ini
daftar isi blog otomatis













Oke, sekian tutorial cara membuat daftar isi atau sitemap blog otomatis

Available link for download

Sunday, October 30, 2016

Memasang adsense otomatis pada single post

Memasang adsense otomatis pada single post


Pada awalnya saya tertarik pada halaman web berita nasional yang setiap menit update berita terbaru. Setiap saya membaca isi berita pada tempat tertentu selalu muncul iklan adsensenya. Yang menjadi pertanyaan besar saya adalah apakah setiap update berita mereka juga harus memasang script adsense disana? jawabnya tentu tidak.
Script adsense telah dipasang pada template website yang akan muncul pada setiap halaman artikel/postingan. Lalu bagaimana cara kita memasang adsense yang nantinya hanya akan muncul ketika artikel/postingan kita dibuka? dan kita tidak repot-repot memasukkan script adsense setiap kali kita posting. Disini saya ada sedikit pengalaman cara memasang adsense otomatis pada single post. Bila kita telah munguasai karakter template website kita tidak akan kesulitan dalam pemasangan adsense tersebut. Contoh dalam 1 halaman web terdapat beberapa komponen diantaranya; Header, Content, Navbar/Menubar, Footer, Comment dan lainnya. Karena kita konsentrasi pada "single post" maka bagian Content yang akan kita uprek-uprek.

 Saya akan mencoba menguraikan letak "single post" pada template WORDPRESS, BLOGGER dan JOOMLA

1. WORDPRESS
a. Log in ke admin wordpress
b. Masuk menu "Appearance" klik "editor"
c. Pada menu sebelah kanan klik "single Post (post.php)"
d. Pasang script adsense anda dibawah scrip berikut:
get_header(); ?>

        <div id="container">
            <div id="content" role="main">

(beda template akan beda isi scrip, intinya masukkan dibawah judul posting. Silahkan dicoba sendiri dan lihat perubahan hasilnya)

e. Lalu klik "Update File"

2. BLOGGER
a. Log in ke dasbor blogspot
b. Pada tab "Rancangan" klik "Edit HTML"
c. Centang box pada "Expand Template Widget"
d. Pasang script adsense anda dibawah scipt berikut:
<div class=post-header>
    <div class=post-header-line-1/>
    </div>
(Adsense akan muncul dibawah judul posting pada single post)
e. Klik Save Template"

3. JOOMLA
Kebanyakan template joomla disetting unwritable, jadi sulit bila disetting melalui Log in administrator. Untuk mengedit single post, kita harus masuk ke c-panel webhosting. Langkahnya:
a. Log in ke c-panel hosting
b. Gunakan "file manager" cari public_html / httdoc, dimana joomla anda terinstall
c. Buka directory "templates"
d. Buka directory template yang sedang aktif digunakan (lihat template aktif di administrator joomla)
e. Buka directory "html"
d. Buka directory "com_content"
e. Buka directory "article"
f. Edit file "default.php"
g. Pasang script adsense anda dibawah script berikut:
<?php echo $this->article->event->beforeDisplayContent; ?>

(adsense akan muncul dibawah judul posting/artikel)
h. Klik "Save editor"

 Tulisan di atas adalah pengalaman saya dan semoga bisa bermanfaat bagi pembaca.

Available link for download

Friday, October 14, 2016

Membuat Simple Slider Otomatis Gambar Vertikal

Membuat Simple Slider Otomatis Gambar Vertikal


Selamat pagi,
Sudah lama admin gak pernah posting dikarenakan sibuk (eh..sok sibuk tepatnya hehe). Kali ini dengan tampilan Indreks Blog yang baru, admin mau posting tentang Membuat Simple Slider Otomatis Gambar Vertikal. oke langsung simak gan.



Slider ini sangat sederhana, seperti juga slider-slider sebelumnya, slider inipun bekerja secara otomatis berdasarkan artikel terbaru dan kategori tertentu. Untuk lebih jelas silahkan klik demo diatas, slider ini saya letakkan di sidebar sebelah kanan dengan ukuran lebar 300px. Slider ini sekilas terlihat seperti slider yang ada pada template-template dari designer India seperti Lasantha Bandara, Lansindu,Sameera dan lainnya, yang masih memasukkan gambar dan URL secara manual.  Jika Anda pengguna template buatan mereka, dan ingin mengganti agar slider bekerja secara otomatis, silahkan simak berikut langkah-langkah pembuatannya :


:
  1. Setelah login ke Blogger, pilih blog yang ingin ditambahkan slider ini.
  2. Kemudian masuk ke Template >> Edit HTML (centang kotak expand widget templates)
  3. Di back up atau disimpan dulu templatenya, jika sewaktu-waktu terjadi kesalahan bisa dikembalikan ke bentuk semula.
  4. Klik "Buka" dan masukkan kode berikut di atas kode ]]></b:skin> :
    /* Slider */
    .sompret-wrapper {float:right; position: relative;}
    .sompret { overflow: hidden; position: relative; width:300px; height:400px;}
    .image_reel { position: absolute; top: 0; left: 0; }
    .image_reel img {overflow: hidden;float: left;width:300px; height:auto;}
    .paging {background:#878773; border:1px solid #676756;padding: 4px 0 2px; text-align: right;z-index: 100; }
    .paging a { text-indent:-9999px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQfIRbgl5bMv_gfikTBC93XQgQXkL6RX4M-o6wOU4QsNNI-Ofr12gLQXyKGiuEBvswaJDJuhMSQaaEu35diMBeCWF2gS0cSwnccd8no3bjT1wvVS7ts1_FtNGwjVeseKYsv9cC2ApADqM/s1600/slider_item.png) no-repeat center; width:10px; height:10px; display:inline-block;margin:3px; border:none; outline:none; }
    .paging a.active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDq1XX6l_T3qd64cKUN26LpmNxz6-P8vQ3IOE0X4hsuiJ_QPSaih4UFegWaBs7NWcbja5e93Fb7ltNU9VtGn9jVheFuRUJ_eJe_aFpOUqvhTRSheWUjt3tIAL5rdahU2fCW3K0og91qkI/s1600/slider_item_active.png) no-repeat center; border:none; outline:none;}
    .paging a:hover {font-weight: bold; border:none; outline:none;}
    .crott { width:280px; display: none; position:absolute;bottom: 0; left: 0; z-index: 101; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLNWwm67V1G-kcw3PCMnjKXmtBgGhk3s7qWYzIck9ovMbtLKCXdt4El-xxryuiFUVmO0UwrgLkqaG89igJZ0TeqMRxSZvj5uiznWGGF4j4__4E26LjC-sHBIYgHnjNa0PArYn-oDO66qYr/s1600/uj-opacity-40.png);padding:5px 10px;  }
    .crott a{color: #fff;font: 16px Oswald }
    .crott p{color: #fff;font: 12px Arial;}
    Kode warna merah diatas adalah ukuran slider, untuk lebar 300px dan tinggi 400px. Perhatikan semua dan Anda harus sesuaikan dengan ukuran sidebar pada template yang Anda gunakan.
  5. Masih di Edit HTML, masukkan kode script berikut ini diatas </head> :
    <script src=http://code.jquery.com/jquery-1.8.3.js type=text/javascript/>
    <script type=text/javascript>
    //<![CDATA[
    jQuery(document).ready(function() {

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");

    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".sompret").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;

    //Adjust the image reel to its new size
    $(".image_reel").css({width : imageReelWidth});

    //Paging + Slider Function
    rotate = function(){
        var triggerID = $active.attr("rel") - 1; //Get number of times to slide
        var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

        $(".paging a").removeClass(active); //Remove all active class
        $active.addClass(active); //Add active class (the $active is declared in the rotateSwitch function)
       
    $(".crott").stop(true,true).slideUp(slow);

    $(".crott").eq( $(.paging a.active).attr("rel") - 1 ).slideDown("slow");

        //Slider Animation
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500 );


    };

    //Rotation + Timing Event
    rotateSwitch = function(){
    $(".crott").eq( $(.paging a.active).attr("rel") - 1 ).slideDown("slow");
        play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
            $active = $(.paging a.active).next();
            if ( $active.length === 0) { //If paging reaches the end...
                $active = $(.paging a:first); //go back to first
            }
            rotate(); //Trigger the paging and slider function
        }, 10000); //Timer speed in milliseconds (3 seconds)

    };

    rotateSwitch(); //Run function on launch

     //On Click
        $(".paging a").click(function() {   
            $active = $(this); //Activate the clicked paging
            //Reset Timer
            clearInterval(play); //Stop the rotation
            rotate(); //Trigger rotation immediately
            rotateSwitch(); // Resume rotation
            return false; //Prevent browser jump to link anchor
        });   

    });

    //]]>
    </script>
    <script type=text/javascript>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZbxfnQ63ay9YD2P3PfpZUR1ExcUdYqfrvPJ_ddW-6MaNak2BKa7f0fUJn3ZcoRZjPUhXJvXYpzMVdg48wPeAfQWb6DBwRg36mRwYHY1j8hBySovc4j5oAlZl4YilI4v2kQD2X6oywqik/s1600/no+image.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost1 = 80;
    summaryTitle = 20;
    numposts1 = 6;

    function removeHtmlTag(strx,chop){
        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);
            }
        }
        s =  s.join("");
        s = s.substring(0,chop-1);
        return s;
    }

    function showrecentposts1(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
        
       for (var i = 0; i < numposts1; i++) {
         var entry = json.feed.entry[i];
         var posttitle = entry.title.$t;
    var pcm;
         var posturl;
         if (i == json.feed.entry.length) break;
         for (var k = 0; k < entry.link.length; k++) {
           if (entry.link[k].rel == alternate) {
             posturl = entry.link[k].href;
             break;
           }
         }

    for (var k = 0; k < entry.link.length; k++) {
           if (entry.link[k].rel == replies && entry.link[k].type == text/html) {
             pcm = entry.link[k].title.split(" ")[0];
             break;
           }
         }

         if ("content" in entry) {
           var postcontent = entry.content.$t;}
         else
         if ("summary" in entry) {
           var postcontent = entry.summary.$t;}
         else var postcontent = "";
        

    Available link for download