Privacy Policy

    Posted by Amien Creative - At 1:23:00 PM - Have 0 komentar
    Kebijakan Privasi untuk Amien Kreatif | Blog Tutorial

    Jika Anda memerlukan informasi lebih lanjut atau memiliki pertanyaan tentang kebijakan privasi kami, jangan ragu untuk menghubungi kami melalui email di Kebijakan Privasi
    Pada http://amien-creative.blogspot.com/ kita mempertimbangkan privasi dari pengunjung kami menjadi sangat penting. Dokumen kebijakan privasi ini menjelaskan secara rinci jenis informasi pribadi yang dikumpulkan dan dicatat oleh http://amien-creative.blogspot.com/ dan bagaimana kami menggunakannya.

    File log
    Seperti banyak situs Web lain, http://amien-creative.blogspot.com/ yang menggunakan file log. File-file ini hanya log pengunjung ke situs - biasanya prosedur standar untuk perusahaan hosting dan bagian hosting analisis layanan ini. Informasi di dalam file log meliputi protokol internet (IP) alamat, jenis browser, Internet Service Provider (ISP), tanggal / waktu cap, merujuk / keluar halaman, dan mungkin jumlah klik. Informasi ini digunakan untuk menganalisis kecenderungan, mengelola situs, melacak gerakan pengguna di sekitar lokasi, dan mengumpulkan informasi demografis. Alamat IP, dan lain informasi tersebut tidak terkait dengan informasi yang pribadi.

    Cookies dan Web Beacon
    http://amien-creative.blogspot.com/ menggunakan cookies untuk menyimpan informasi tentang preferensi pengunjung, untuk merekam informasi pengguna tertentu pada halaman mana pengunjung situs mengakses atau kunjungan, dan untuk personalisasi atau menyesuaikan konten halaman web kami berdasarkan pengunjung 'jenis browser atau informasi lain yang mengirimkan pengunjung melalui browser mereka.

    Cookie DoubleClick DART
    → Google, sebagai vendor pihak ketiga, menggunakan cookies untuk melayani iklan di http://amien-creative.blogspot.com/.
    → Google menggunakan cookie DART memungkinkan untuk menampilkan iklan kepada pengunjung situs kami berdasarkan kunjungan mereka ke http://amien-creative.blogspot.com/ dan situs lainnya di Internet.
    → Pengguna dapat membatalkan penggunaan cookie DART dengan mengunjungi kebijakan privasi jaringan iklan dan konten Google di URL berikut - http://www.google.com/privacy_ads.html

    Iklan Mitra kami
    Beberapa partner periklanan kami mungkin menggunakan cookies dan web beacon di situs kami. Mitra iklan kami meliputi .......
    Google
    Sementara masing-masing mitra iklan ini memiliki Kebijakan privasi mereka sendiri untuk situs mereka, sumber daya diperbarui dan hyperlink dipertahankan di sini: Kebijakan Privasi.
    Anda dapat berkonsultasi daftar ini untuk menemukan kebijakan privasi untuk masing-masing mitra iklan http://amien-creative.blogspot.com/.
    Server-server iklan pihak ketiga atau jaringan iklan dengan menggunakan teknologi iklan di masing-masing dan link yang muncul di http://amien-creative.blogspot.com/ dan yang dikirim langsung ke browser Anda. Mereka secara otomatis menerima alamat IP anda ketika hal ini terjadi. Teknologi lainnya (seperti cookies, JavaScript, atau Web Beacon) juga dapat digunakan oleh jaringan iklan pihak ketiga situs kami untuk mengukur efektivitas kampanye iklan mereka dan / atau untuk personalisasi konten iklan yang Anda lihat di situs.
    http://amien-creative.blogspot.com/ tidak memiliki akses ke atau kontrol terhadap cookies yang digunakan oleh pihak ketiga pemasang iklan.

    Pihak Ketiga Kebijakan Privasi
    Anda harus berkonsultasi dengan kebijakan privasi masing-masing dari server iklan pihak ketiga untuk informasi lebih rinci tentang praktek-praktek mereka serta untuk petunjuk tentang cara opt-out dari praktek-praktek tertentu. http://amien-creative.blogspot.com/'s kebijakan privasi tidak berlaku untuk, dan kita tidak dapat mengontrol kegiatan, pengiklan lain seperti atau situs web. Anda mungkin menemukan daftar komprehensif kebijakan privasi ini dan link mereka di sini: Link Kebijakan Privasi.
    Jika Anda ingin menonaktifkan cookie, Anda dapat melakukannya melalui individu pilihan browser. Informasi lebih lanjut tentang cookie manajemen khusus dengan web browser dapat ditemukan di website masing-masing browser '. Apakah Cookies?

    Informasi Anak
    Kami percaya bahwa sangat penting untuk memberikan perlindungan tambahan untuk anak-anak secara online. Kami mendorong orang tua dan wali untuk menghabiskan waktu online dengan anak-anak mereka untuk mengamati, berpartisipasi dan / atau memonitor dan membimbing aktivitas online mereka. http://amien-creative.blogspot.com/ tidak sadar mengumpulkan informasi pribadi dari anak-anak di bawah usia 13. Jika orang tua atau wali percaya bahwa http://amien-creative.blogspot.com/ telah di-nya database informasi identitas pribadi dari seorang anak di bawah usia 13, silahkan hubungi kami segera (menggunakan kontak dalam paragraf pertama) dan kami akan menggunakan upaya terbaik kami untuk segera menghapus informasi tersebut dari catatan kami.

    Kebijakan Privasi Online Hanya
    Kebijakan privasi ini berlaku hanya untuk aktivitas online kami dan berlaku bagi pengunjung ke situs kami dan mengenai informasi bersama dan / atau dikumpulkan di sana. Kebijakan ini tidak berlaku untuk informasi yang dikumpulkan offline atau melalui saluran lain selain situs ini.

    Persetujuan
    Dengan menggunakan website kami, Anda dengan ini setuju untuk kebijakan privasi kami dan setuju dengan ketentuan-ketentuannya.
    Kebijakan Privasi Online Disetujui Situs

    Memperbarui
    Kebijakan Privasi ini terakhir diperbaharui pada: Jumat, 28 Agustus, 2015.
    Haruskah kita update, mengubah atau membuat perubahan kebijakan privasi kami, perubahan tersebut akan diposting di sini.
    Read more
    di
    Label: ,

    Cara Membuat Tombol Back To Top Keren Di Blog

    Posted by Amien Creative - At 2:52:00 PM - Have 2 komentar
    Saat kita baca postingan yang panjang banget sampe ke bawah, terus pengen baca lagi dari atas tapi scroll mouse rusak. Apa pernah loe ngalamin hal tersebut gan? Kalo pernah pasti repot karena harus narikin tombol scroll di browser ya gak. Apalagi kalo pake laptop cuma pake touch pad waduh bikin sebel.


    Nah kita sebagai pemilik blog harus cari cara buat mengatasi masalah itu, biar pengunjung blog betah baca postingan kita gan. Caranya ya kita pasang tombol back to top, jadi pengunjung tinggal ngeklik tombol aja kalau pengen balik ke atas gan.




    Blog kalian udah ada tombol back to topnya belom? Kalo belom, pasang sekarang juga, tombol back to top ini emang bukan navigasi utama tapi bisa jadi sangat penting buat beberapa pengunjung gan. Gak susah kok membuat tombol back to top di blog gan cuma tinggal nambahin widget tanpa perlu edit HTML.

    Kali ini gw bakal share cara membuat tombol back to top di blog yang gampang gan. Kalo loe berminat silahkan langsung disimak cara buatnya gan gak pake ribet. Contohnya kayak yang ada di blog ini posisi tombol ada di kanan gan.

    Cara Membuat Tombol Back To Top Keren Di Blog


    Pertama masuk ke Blogger lalu pilih Layout terus Add a Gadget dan tambahin HTML/JavaScript gan. Terus tinggal loe pastein kode di bawah ini di kotak kosongnya.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript" >


    var scrolltotop={
        //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
        //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
        setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
        controlHTML: '<img src="URL Gambar Back To Top" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
        controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
        anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

        state: {isvisible:false, shouldvisible:false},

        scrollup:function(){
            if (!this.cssfixedsupport) //if control is positioned using JavaScript
                this.$control.css({opacity:0}) //hide control immediately after clicking it
            var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
            if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
                dest=jQuery('#'+dest).offset().top
            else
                dest=0
            this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
        },

        keepfixed:function(){
            var $window=jQuery(window)
            var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
            var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
            this.$control.css({left:controlx+'px', top:controly+'px'})
        },

        togglecontrol:function(){
            var scrolltop=jQuery(window).scrollTop()
            if (!this.cssfixedsupport)
                this.keepfixed()
            this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
            if (this.state.shouldvisible && !this.state.isvisible){
                this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
                this.state.isvisible=true
            }
            else if (this.state.shouldvisible==false && this.state.isvisible){
                this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
                this.state.isvisible=false
            }
        },
       
        init:function(){
            jQuery(document).ready(function($){
                var mainobj=scrolltotop
                var iebrws=document.all
                mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
                mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
                mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                    .attr({title:'Scroll Back to Top'})
                    .click(function(){mainobj.scrollup(); return false})
                    .appendTo('body')
                if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
                mainobj.togglecontrol()
                $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                    mainobj.scrollup()
                    return false
                })
                $(window).bind('scroll resize', function(e){
                    mainobj.togglecontrol()
                })
            })
        }
    }

    scrolltotop.init()

    </script>
    Kalo udah di pastein sekarang tinggal di ganti URL Gambar Back To Top sama url gambar punya loe gan lalu di Save. Coba sekarang buka blog loe pasti udah ada tombol back to topnya gan.
    Beres gan, gampang kan cara membuat tombol back to top di blognya. Ow ya kalo loe mau rubah kecepatan scrollnya bisa di edit aja scrollduration, semakin besar angkanya semakin lambat gerakan ke atasnya gan.
    Sekian dulu yang bisa gw share tentang cara membuat tombol back to top, semoga bermanfaat buat kalian semua. Jangan lupa ninggalin komentar ya gan.
    Read more
    di
    Label: ,

    Cara Membuat Widget Label Lebih Menarik

    Posted by Amien Creative - At 12:40:00 PM - Have 1 komentar
    Halo sob, kali ini saya akan memostingkan sebuah artikel yang berisi tentang tutorial cara membuat label keren dan bergerak dan tentunya akan menjadi lebih menarik. Biasanya widget label yang telah disediakan oleh blogger dari tampilanya sendiri terlihat biasa-biasa saja, terkadang kan kita tidak tertarik ya? apalagi pengunjung blog sobat. Nah, untuk memperindah tampilan widget label pada saat mouseatau kursor disorot, object dalam label akan bergerak beberapa derajat sehingga mempunyai daya tarik untuk pengunjung blog sobat semua. Fungsi dari widget label yaitu untuk mempermudah para pengunjung untuk lebih mudah dapat menemukan dari artikel yang dicari.untuk itu tidak ada salahnya jika kita memberikan sesuatu yang beda terhadap widget label di blog yang kita punya. Dan untuk cara pemasangan atau pembuatannya adalah dengan menambahkan kode CSS di dalam blog sobat.

    Untuk contoh widget label tersebut, anda bisa lihat pada gambar postingan di atas atau bisa juga melihat di bagian footter pada blog ini yang terpasang sebuah widget label seperti yang sedang di bahas sekarang ini, dan untuk cara pemasangan atau pembuatannya adalah dengan menambahkan kode CSS di dalam blog kita, di bawah ini adalah langkah-langkah pembuatannya :

    Langkah Pertama

    Silahkan anda login ke Blog anda atau bisa juga klik URL www.blogger.com


    Langkah Kedua

    Setelah login berhasil, silahkan anda ke dasboard, lalu pilih Tata Letak/Layout.


    Langkah Ketiga

    Tambahkan Widget/Add a Gadget pada blog anda, lalu pilih Label.


    Tambahkan Widget/Add a Gadget - Label
    Langkah Keempat

    Dibagian Konfigurasi Label, silahkan anda pilih Cloud pada bagian Display, lalu Save.



    Pilih Cloud
    Langkah Kelima

    Jika pemasangan label sudah dilakukan, selanjutnya klik ke bagian Template untuk meletakkan kode CSS ke blog sobat. Silahkan sobat copy kode warna dibawah ini tepat diatas atau sebelum kode ]]></b:skin> : (NB: Untuk memudahkan mencari kode tersebut, tekanlah Ctrl+F / F3) 
    .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C0C0C0; border-radius: 3px; float:left; text-decoration:none; font-size:9px; color:#666; }

    .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; }

    .label-size a { text-transform: uppercase; float:left; text-decoration: none; }

    .label-size a:hover { text-decoration: none; }

    Langkah Keenam

    Apabila kode CSS di atas sudah di letakkan kedalam blog, lalu Simpan Template. selanjutnya lihat hasilnya pada blog anda.


    Langkah Ketujuh

    Selesai.


    Jika anda mengikuti langkah-langkahnya dengan benar, maka untuk tampilan pada widget label akan seperti label pada blog ini atau seperti pada gambar postingan paling atas. Selamat mencoba...

     Semoga bermanfaat ya sob, saya pamit dulu :) ... Jangan Lupa Komentarnya ya ..! 


    Read more
    di
    Label: ,

    Cara Membuat Related Post Slide Melayang Di Samping

    Posted by Amien Creative - At 12:11:00 AM - Have 0 komentar
    Ok sahabat blogspot untuk menambah menarik blog anda Kali ini saya akan posting tentang cara membuat related post yang melayang di samping blog (out boxez).
    Hampir saja sama dengan widget semacam buku tamu atau lainnya, tetapi disini adalah related post.
    Bagaimana anda penasaran kan? Langsung saja bagaimana caranya, ikuti langkah-langkah di bawah ini :
    1. Masuk ke Menu Template/Rancangan > Edit Html

         2. Cari kode <b:skin> dan letakan kode CSS berikut diatas kode <b:skin>
    <link href="http://tympanus.net/Tutorials/RelatedPostsSlideOuts/css/style.css" media="screen" rel="stylesheet" type="text/css"></link>
        3. Selanjutnya cari Kode </body> dan letakan kode JavaScripts berikut tepat diatas kode </body>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
    <script>//<![CDATA[
    $(function() {
    /**
    * the list of posts
    */
    var $list = $('#rp_list ul');
    /**
    * number of related posts
    */
    var elems_cnt = $list.children().length;
    /**
    * show the first set of posts.
    * 200 is the initial left margin for the list elements
    */
    load(200);
    function load(initial){
    $list.find('li').hide().andSelf().find('div').css('margin-left',-initial+'px');
    var loaded = 0;
    //show 5 random posts from all the ones in the list.
    //Make sure not to repeat
    while(loaded < 5){
    var r = Math.floor(Math.random()*elems_cnt);
    var $elem = $list.find('li:nth-child('+ (r+1) +')');
    if($elem.is(':visible')) continue;
    else
    $elem.show();
    ++loaded;
    }
    //animate them
    var d = 200;
    $list.find('li:visible div').each(function(){
    $(this).stop().animate({
    'marginLeft':'-50px'
    },d += 100);
    });
    }
    /**
    * hovering over the list elements makes them slide out
    */
    $list.find('li:visible').live('mouseenter',function () {
    $(this).find('div').stop().animate({
    'marginLeft':'-220px'
    },200);
    }).live('mouseleave',function () {
    $(this).find('div').stop().animate({
    'marginLeft':'-50px'
    },200);
    });
    /**
    * when clicking the shuffle button,
    * show 5 random posts
    */
    $('#rp_shuffle').unbind('click')
    .bind('click',shuffle)
    .stop()
    .animate({'margin-left':'-18px'},700);
    function shuffle(){
    $list.find('li:visible div').stop().animate({
    'marginLeft':'60px'
    },200,function(){
    load(-60);
    });
    }
    });
    //]]></script>
        4. Sekarang letakan struktur HTML ini juga diatas kode </body>
    <li>
    <div>
    <img height='72' width='72' alt='JUDUL IMG' src='URL-IMAGE'/>
    <span class='rp_title'>JUDUL POST</span>
    <span class='rp_links'>
    <a href='LINK ARTIKEL ANDA' target='_blank'>Tutorai Blog</a>
    <a href='LINK DEMO' target='_blank'>Tips and Trik</a>
    </span>
    </div>
    </li>
    Anda bisa menambahkan beberapa struktur minimal 5. Dalam JavaScript mendefinisikan bahwa hanya menampilkan 5 posting, Anda harus mengganti teks berwana dan di cetak tabal dengan link posts, link image dan judul.

       5. Simpan Template anda.

    Sekian Terima Kasih semoga bermanfaat :)
    Read more
    di
    Label: , ,

    10 Situs Widget Blog Keren untuk Memperindah dan Mempercantik Blog

    Posted by Amien Creative - At 6:29:00 PM - Have 0 komentar
    Memasang widget blog yang keren merupakan langkkah dalam memperindah dan mempercantik blog, dengan memasang widget yang keren pun akan  menjadi kepuasan tersendiri bagi kita sebagai blogger yang menginginkan hal yang terbaik untuk blog yang kita miliki, terlebih lagi hal ini akan membuat pengunjung traffic blog kita merasa nyaman serta betah dengan widget atau fitur- fitur keren di blog kita yang dapat mereka nikmati dan gunakan sehingga pengunjung akan senang menjelajahi setiap halaman blog kita dan akan tertarik untuk berkunjung kembali. 

    Pada dasarnya pihak blogger telah menyediakan puluhan widget standar yang dapat langsung kita pasang melalui menu widget, akan tetapi hal ini jelas kurang bagi kita yang menginginkan tampilan atau fitur widget blog yang baik dan menarik yang dapat memperindah dan mempercantik blog kita, oleh karena itu dalam artikel ini akan saya sediakan 10 situs yang menyediakan puluhan hingga ratusan widget- widget keren yang dapat kalian pilih dan langsung kalian pasang di blog blogspot/ blogger anda.

    Daftar Situs Penyedia Widget Blog Keren untuk Memperindah Blog

    Google gadgets adalah salah satu situs atau web penyedia widget atau gadget yang terbaik, disini kita diberi banyak pilihan widget keren yang siap untuk kita pasang di blog kesayangan kita.

    Yahoo widgets merupakan saingan dari google widgets diatas, di yahoo widgets anda juga diberi banyak pilihan widget yang menarik yang pastinya dapat memperindah blog kalian.

    Disini kita diberi fitur menarik sebelum memasang widget animasi yang disediakan oleh situs ini yaitu ita dapat mengatur dan menyesuaikannya terlebih dahulu sesuai selera sebelum kita memasang widget tersebut ke blog kita.

    Saya yakin banyak blogger sudah mengetahui widget yang menjadi salah satu indikator yang sering digunakan dalam dunia blogger untuk mengetahui peringkat blog kita, jika anda ingin memasang widget yang penting ini baca “cara mendaftar alexa” dan “cara memasang widget alexa rank”

    Sesuai dengan namanya kalian pasti sudah tau widget keren apa yang disediakan situs ini, di clockwidgets kita akan diberi banyak pilihan widget jam yang dapat kita pasang di blog blogspot kita.

    Widget dari shoutmix yang satu ini juga pastinya tidak asing lagi bagi sebagian besar blogger, shoutbox merupakan widget pesan yang dapat digunakan untuk saling berkomunikasi atau berkomentar di blog kita yang terpasang widget shoutbox ini.

    Widget yang satu ini dapat kita pasang di blog kita untuk mengetahui pagerank atau peringkat halaman blog kita.

    8. Hitstat
    Situs ini menyediakan widget dengan nama yang sama dengan situsnya yaitu hitstat yang berfungsi menampilkan data pengunjung blog kita dari beberapa rentang waktu tertentu.

    9. Feedjit
    Dari widget yang disediakan situs ini kita dapat melihat negara asal pengunjung blog kita.

    10. Zooshia
    Bagi yang senang social media anda bisa mengunjungi situs ini yang menyediakan widget – widget social media seperti facebook dan twitter,  hal ini juga mengingat bahwa sebagian besar pengguna internet memiliki akun sosial media, dengan memasang widget- widget tersebut pastinya tidak hanya memperindah tampilan blog saja tetapi juga memberi fitur yang disenangi oleh pengunjung.

    Dari 10 situs widget blog keren yang saya berikan anda dapat memilih- milih widget yang anda sukai dan anda butuhkan untuk memperindah blog anda, tetapi alangkah baiknya pilihlah dengan bijak dan tata dengan rapi di blog anda agar tidak merusak tampilan, anda bisa memberi scroll pada widget agar menjadi lebih rapi dan hemat tempat, selain merapikan widget anda juga perlu selektif agar tidak memberatkan loading blog, karena widget yang banyak di blog juga merupakan penyebab loading blog lama oleh karena itu saya harap kalian dapat menentukan yang terbaik untuk blog kesayangan anda.

    Demikian artikel mengenai 10 Situs Widget Blog Keren untuk Memperindah dan Mempercantik Blog ini, saya mohon maaf atas segala kekurangan dan kesalahan dalam artikel dan terima kasih telah berkunjung serta meninggalkan pendapat atau saran anda di kolom komentar.
    Read more
    di
    Label: , ,

    Cara Membuat Headline News di Blog

    Posted by Amien Creative - At 6:12:00 AM - Have 0 komentar

    Cara Membuat Headline News di Blog-Lagi tidak ada kerjaan nih sob. Daripada diam saja lebih baik buat posting di Blog tercinta ini. Kali ini saya akan mennyampaikan Cara Membuat Headline News di Blog. Headline News itu apa sih? Sedikit gambaran saja yaah. Headline News di Blog ini berfungsi untuk


    Mungkin sobat Blogger pernah melihat atau bahkan sudah tidak asing lagi dengan Headline News ini. Banyak sahabat-sahabat Blogger yang telah memasang Headline News ini pada Blog-nya. Umumnya mereka memasang pada bagian atas Blog, sesuai namanya "Headline". Namun, tidak jarang juga yang memasang pada bagian bawah Blog.
    Nah, sekarang saya akan membahas Cara Membuat Headline News yang dipasang di atas Blog atau pada bagian Header. Dan Headline News versi ini menampilkan konten-konten terbaru pada Blog sobat dengan jumlah yang akan ditampilkan bisa disesuaikan. Jadi fungsinya mirip dengan Recent Post, hanya beda penempatanya saja. Jika sobat berhasil membuatnya, hasilnya akan seperti berikut.


    OK, tanpa basa-basi lagi, berikut cara-caranya:
    1. Login ka akun Blogger sobat.
    2. Masuk pada bagian Template pada Blog yang diinginkan.
    3. Pilih Edit HTML.
    4. Cari kode HTML ]]></b:skin>, dengan tombol ctrl+F.
    5. Masukan kode berikut diatas kode ]]></b:skin>.
    .newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhepFLSgdYiNYk1w8MQoyeTmRkAEAUd65WYcZBsPTTpby_L7hv2dy2ZTRaU6Ya0GqEKyboT12b1EIZH5HfgojQ0LRWgjkZg1IHT5UQ9N8QX17x7en9eMkeGgHYiIVU72oUSYeXCTIdMdS0/s1600/BRK+NW.png) no-repeat top left;width:1000px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
    .news {width: 1000px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
    .news a:link, .news a:visited{color:#000000;text-decoration:none;}
    .news a:hover {color:#ddd;text-decoration:underline;}

    #Kode berwarna biru bisa sobat ubah sesuai dengan keinginan sobat. Kode berwarna merah sesuaikan dengan Lebar Blog sobat.

    6. Cari kode </head>, dengan tombol ctrl+F.
    7. Masukan kode berikut diatas kode </head>.
    <script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
    <script type='text/javascript'>
    //<![CDATA[
    var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
    var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
    //]]>
    </script>
    <style type='text/css'>
    .titlefield{ /*CSS for RSS title link in general*/
    text-decoration: none;}
    .labelfield{ /*CSS for label field in general*/
    color:#aaa;font-size: 100%;}
    .datefield{ /*CSS for date field in general*/
    color:#aaa;font:normal 14px Arial;text-transform:none;}
    #example1{ /*Demo 1 main container*/
    width: 780px;
    height: 14px;
    border: 0px solid #aaa;
    padding: 0px;
    font:bold 16px Arial;
    text-transform:none;
    text-align:left;
    background-color:transparent;}
    code{ /*CSS for insructions*/
    color: #fff;}
    #example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
    #example1 a:hover {color:#C8D3F2;text-decoration:none;}
    </style>

    8. Cari kode kode <div id='header'> atau <div id='header-wrapper'> atau <div id='header-outer'>, dengan tombol ctrl+F.
    9. Masukan kode berikut di atas kode yang sebelumnya saya sebutkan.
    <div class='newspic'>
    <div style='float:left;width:1000px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
    <script type='text/javascript'>
    var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
    cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://amien-creative.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
    cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
    cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
    cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
    cssfeed.entries_per_page(1)
    cssfeed.init()
    </script>
    </div>
    <div style='clear:both;'/>
    </div>


     #Pada kode warna merah, sesuaikan width atau lebarnya dengan lebar Blog sobat. Ubah URL-nya dengan URL Blog sobat. Dan tentukan berapa banyak entri yang akan ditampilkan pada Headline News.

    10. Terakhir, klik Simpan Template dan lihat hasilnya.
    Read more
    di
    Label: ,