Showing posts with label Tip Blogger. Show all posts
Showing posts with label Tip Blogger. Show all posts

Tuesday, March 31, 2015

Cara Mudah Mengganti Bullet List Di Blogspot

Jumpa lagi guy's bersama blogging katrok yang selalu setia membuat postingan yang tidak berguna dan tidak bermanfaat. Kali ini saya akan memberikan bagaimana tips mudah mengganti bullet list di blog kita. Contoh dari bullet list seperti gambar di bawah ini :


Biasanya kalau memakai bullet list milik blogger ahanya akan terlihat titik bulat hitam besar seperti tahi lalat. Nah, apabila kita ingin mempercantik tampilan bullet list maka kita ahrus menambahkan kode ke dalam template blog kita.

Oke gay's semua, berikut Cara Mudah Mengganti Bullet List Di Blogspot :

1. Harga mati ! masuk ke Blogger dulu
2. Pilih template dan klik edit HTML
3. Kopi  kode dibawah ini dan pastekan tepat di atas kode ini ' ]]></b:skin> '
list-style-image:url(' bullet list anda ');}
4. Save dan lihat hasilnya

Sedangkan untuk koleksi gambar dari bullet list yang tersebar di seluruh blog di dunia sebagai berikut :
  1. Kede : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRhJP05SRJRQ5XpnMThuZk6bxFEiOfv4qlNlxHWlVFpSgZRQyeupWFIxOvDkT7Mq6FfaN9p0_FyIc0J7gbb9mT9f9p_ib5qane8_nGBn8TWymFZHBdJP52RAA5B6AzC7NAFmAOXkXssPQ/s400/255.gif
  2. Kode : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA3TuwT_AKP6g-E0BZNBwJ6a60ho27bdEGk9RUsY5lGyvUYBwHhIjijoh3U8xQoZBRUkPzdHJFNFn924pi381aVWeljvc2KerYma_v5LYLaxfD37RlndagMS_Av1fD7DuyO0zaIlHXoTkL/s1600/bullet_blue_arrow.png
  3. Kode : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0d9lLQoVZ_WyvqkkIT6QevmqTjTUrMueUhU9-oqRsLfiJsdzcrIXlqRd8oyf4aQybhf2smWGXRAcHIzaBm5mpkCicJlvs1BqqaWE0A0cSpcs8YxHVqykBuZNzqnebhRX7dc5aCFaXYYtb/s1600/bullet_error.png
  4. Kode : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAefnsOk-j8jBcafWGuaBDSdAZGpw_7X-TQc87I4WFl2bM13y4pbFTfjtQfg0-I_PW-sr_enGg6XXfypTHqn72ublekIDUHd_-g9jqdE9o270XJBuTY64i6fqlmMNgr82KiSJsrP3GJzWX/s1600/bullet_home.png
  5. Kode : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPH0Ae_q8Gt1dMDQmcrx7a-qOO1WLf7iCeFexzZ_ZBJsGOqO0mePATxQxGvxlux6IO8wVzd2CUF-02kC47blBYfMTVe6dlgJlcZKt9pa3O19OZO44-WfxIfMGJT3fAJ8xENtrgqOEbjiOd/s1600/bullet_tick.png
  6. Kode : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkP9cB-rn4qeRTfLbtbXHbGQYDU2s59P4AtVxyhrk-dxx_BVcrRHGshDUYwHIKD1nqVi0DAvd1xvHiOY1wIociMEEtQlyYN9OPEJVesz1Jlv-C1R0RkXhzQFrgDA5lHB-hpcOcWrBsCkU/s1600/star_bullet.png
  7. Kode : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimVw-iH65N58llQeG4-VhW21AlgowSRN3P5c5wTWGPstv8GDkExTs6oL_DUJs-m8pBN0pODmuvrEpRkL_bSMbDq54g1j7V1Dce0aUzO-qdOVSJ1cqA8OttEPe-R6lOpMSvYOZl2Tv91PY/s1600/Love+icon.png
  8. Kode : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtlZq-FR-IleRi8ub13sx0Quwd8syL4fMMl4SMEmSqhFixj0QBh4kfzHySyeAMcWzKZmQ2WKsht_L4nkLLU663CXbAqqMSdP3jRbbUkTONBcEqKK5b63Uc5tzz9LkCX1bqzYNRwTDzdA/s1600/Green+plus.png
Bila sobat-sobat mempunyai Icon unik dan menarik silahkan di pakai sendiri.
    Update !
    Bila diatas kode ' ]]></b:skin> ' sudah ada kode Bloquote, silahkan pastekan tepat di atas kode bloquote.

    Saturday, March 28, 2015

    Cara Mudah Memasang Blockquote

    Blockquote bisa membuat tampilan postingan kita lebih cantik seperti Syahrini. Blockquote juga bisa untuk memperjelas inti dari suatu postingan, misalnya :

    Syahrini foto bareng dengan Pairs Hilton di bali !

    Di atas adalah contoh Blockquote, bagaimana cara membuatnya ? gampang dan super gampang sekali, caranya adalah :
    1. Masuk ke Blogger
    2. Pilih Template dan edit HTML
    3. Silahkan cari kode "  ]]></b:skin>  " dan salin kode dibaha ini pastekan tepat di atas kode "  ]]></b:skin>  "
    blockquote {
        background: #f8f8f8;
        margin-left: 2em;
        margin-right: 2em;
        border-left: 4px solid #ccc;
        padding: 1em 1em;
        font-style: italic;
    4. Simpan template dan lihat hasilnya

    Bagaimana cara menggunakan blockquote ? bila ingin menggunakan sangatlah gampang, karena di halaman compose sudah disediakan, carilah  koma besar di atas compose Blog, itulah yang dinamakan blockquote atau saja lihat gambar di bawah ini :

    1. Ceklist semua yang ingin di blockquote
    2. Klik tanda tersebut
    Mudah bukan ? silahkan mencoba ...

    Cara Memasang Gambar di Blog

    Helo Guys, sehat semua bukan ? saya berdo'a untuk sobat semua selalu diberi kesehatan oleh Allah Swt, Amien. Untuk yang non muslim silahkan dengan keyakinan masing-masing, semoga Tuhan selalu memberi kesehatan dan rezqi lancar kepada kita semua.

    Sebenarnya dalam membuat postingan kita sudah di beri ' Isert Image ' untuk mengupload gambar ke postingan kita. Tapi, saya akan memberikan tips lain agar lebih cepat dan lebih higienis. Caranya adalah menggunakan kode dibawah ini :
    <img src=" alamat image anda "/>
    Salin kode diatas dan masukkan ke postingan Anda, ingat ! silahkan pilih penulisan dengan HTML. Silahkan google saja gambar yang kira kira cocok dalam postingan Anda lantas pastekan ke tulisan kuning di atas.

    Contoh Alamat Link Gambar header Blogger Katrok
    <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwyfMO30Eu1ezsKPiT6mqRekzXjanRfwDXIbzpizPcmkCMPxs5iqkDUjbYkgevtvRrybfZsAGq7BbGh-8P2t-MMw1kxKNltZ4Ghlkruxmlf_jd0DJIcFdiONVzCG1mlkisA0O1KobTNcM/s1600/Katrok.png"/>
    Hasilnya :
    Nah mudah bukan , selamat mencoba ....

    Saturday, March 7, 2015

    Tips Mudah Membuat Sitemap Full SEO

    Jumpa lagi Teman, akhirnya dimalam hening aku sendiri, meratapi nasib yang datang secara mendandak. Lapar tak tertahankan, akhirnya masak mie instan yang masih tersisa di dalam kitcen set rumahku. lho malah mengojahkan Kuliner ....

    Sitemap sangat dibutuhkan pengunjung blog, mengapa ? karena dengan Sitemap maka pengunjung akan tahu lebih detail Label dari artikel yang kita luapkan dalam blog kita tersayang. Jadi Sitemap mempunyai peranan yang sangat dominan didalam blog kita semua.

    Sitemap juga bisa diartikan sebagai peta situs dalam blog. Ibaratnya sebuah rumah sakit, sebelum menjenguk kerabat, teman dan lain-lain pasti kita melihat dulu daftar pasien yang terpampang dirumah sakit tersebut. Didalam sekolah pasti ada daftar dari murid yang terdaftar dalam sekolah tersebut. Blog seharusnya dipasang Sitemap agar pengunjung akan tahu apa artikel yang ada didalam blog kita.

    Okelah teman-teman semua, tibalah saya akan memberikan Tips Mudah Membuat Sitemap Full SEO, silahkan simak dan pahami ya :

    1. Pasti masuk ke Blogger
    2. Pilih laman => laman baru => silahkan beri nama "Sitemap"  dan copy kode dibawah ini lantas paste di halaman sitemap, ingat pilih penulisan model HTML bukan compose :
    <div dir="ltr" style="text-align: left;" trbidi="on">
    <script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
    <script src="http://bloggingkatrok.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
    3. Publikasikan dan selesa, penampakan Tips Mudah Membuat Sitemap Full SEO sperti dibawah ini

    Script di atas silahkan saja dipasang didaftar menu, pages, dan tempat yang strategis lainnya.

    Membuat Fans Like Facebook Dia Atas Postingan Blogspot

    Jumpa lagi teman, ngeblog memang tidak ada habisnya, sampai mau menulis apa malah kebingungan sendiri, maklum lah :) namanya juga blogging katrok , katrok itu istilahnya Thukul Arwana wong ndeso. Dalam artikel ini saya akan memberikan sedikit tips cara memasang Fans Like facebook di atas postingan artikel Blog kita.


    Facebook merupakan jejaring sosial yang bisa menjadi tren tahun-tahun ini, khususnya 2015 memang top markotop, alias jos gandos kotos-kotos. Megapa demikian ? kakek, nenek, om, tante, ayah, ibuk dan lain lain sekarang sudah mempunyai facebook juga, katanya sih " biar bisa update setatu setiap hari ' . Berarti Facebook bisa mengambil hati para penggunannya, mungkin begitu kawan ?
    Cek the Point saja kawan , saya akan memeberikan tips cara memasang Script yang di dapat dari halaman facebook yaitu Fans Like Facebook untuk dipasang di atas postingan kita, adapun syarat dan sarananya sebagai berikut ;

    1. Login ke blogger ( wajib )

    2. Pilih Template - Edit HTML - tekan di kibot Anda CTRL + F, tapi terlebih dahulu klik kiri halaman HTML Blog Anda.

    3. Silahkan cari Kode berikut ' <data:post.body/>  ' pilih yang nomor 2 dari atas ( biasanya ada 3, tapi yen punya'e sobat ada 10 itu malah anugrah wx.wx.wx.. )

    3. Bila sudah ketemu silahkan copy kodedi bawah ini ;
    ' <div style="text-align: center;"> Kode yang anda dapat dari Halaman Facebook anda </div> '
    4. Paste kode di atas tepat diatas kode
    ' <data:post.body/> '.
    5. Simpan Template dan Lihat hasilnya ....

    Menurut pengalaman saya yang baru seumur janggung, langkah tersebut memang jitu sekali, langsung CRUT berhasil tidak ada kendala suatu apapun.
    Og iya teman-teman semua, sebelum membuat langkah di atas alangkah baiknya lihat postingan ' Cara Membuat Halaman Facebook ' dulu, biar semuanya berjalan tanpa ada kendala suatu apapun.

    Membuat Komentar Dengan Link

    Komentar sangat dibutuhkan untuk menjalin persaudaraan antar Blogger, dengan kita menulis komentar di blog teman-teman maka kita blog kita juga dikenal oleh para blogger lainnya. Istilah kerenya juga disebut Blogwalking, silahkan diterjemahkan sendiri heheheh ...

    Nah disini saya akan memeberika script bagaimana kita meninggalkantulisan komentar di blog lain dengan menyertakan Link alamat blog kita. Yang pasti kita jangan menyepam dengan tulisan yang tidak berguna, karena reputasi kita akan buruk di mata blogger-blogger lainnya, paham ?

    Ok teman, tibalah saatnya saya memberikan trik yang tidak begitu berharga buat teman-teman, tapi setidaknya bisa menjadi pengetahuan yang sangat keciiiiiil sekali, mungkin sekecil tengu dalam istilah jawa - nya.

    Silahkan lihat kode dibawah ini :

    <a href="http://bloggingkatrok.blogspot.com/">Anchor Text</a>
    Untuk warna merah alamat blog Anda, dan warna biru adalah link tulisan komentar pada Blog kita, sebagai contoh dibawah ini;

    Ok Guy's , Artikel yang sangat <a href="http://bloggingkatrok.blogspot.com/">Membantu </a> sekali.

    Untuk warna kuning adalah komentar kita, merah Link dari warna Biru ( alamat Blog kita ),Bila komentar sudah dipublish akan terlihat seperti ini :


    Mudah bukan teman? gampang bukan teman ? semoga artikel yang saya tulis pendak gludug bisa berguna bagi teman-teman semua.

    Tuesday, January 20, 2015

    Cara Membuat Sitemap Dari Google Webmaster

    Cara Membuat Sitemap Dari Google Webmaster | Agar blog kita lekas terdeteksi oleh google, mari memperbanyak postingan, tapi ingat Google tidak memperbolehkan copy paste, marilah kita tulis sendiri walaupun ngalor ngidul seperti tulisan saya ini. Dengan memeperbanyak postingan yang unik kemungkinan besar blog kita dapat terdeteksi oleh mesin pencari Google. sebagai blogger sejati, seharunsnya kita berterima kasih kepada google, karena telah menyediakan blogspot yang sangat populer di negara kita, negara Indonesia merdeka. Disamping itu juga, blog harus kita daftarkan ke Google webmaster yang yang
    disediakan oleh Google sendiri. Langkah tersebut berguna untuk mendapatkan indeks blog atau website kita oleh Google dan membantu blog kita agar terus  meningkatkan walaupun merangkak teratih-tatih.

    Pada Postingan kali ini, saya akan memberikan tips cara mengirim peta situs di google web master. Hal ini sangat penting, setiap kita mempublikasikan dengan postingan baru, sitemap membantu untuk pengidekan di mesin pencari. Mari kita lihat bagaimana untuk menambahkan blogger sitemap ke Google Webmaster.


    Berikut ini adalah beberapa langkah yang harus kita lakukan untuk mengirimkan sitemap blogspot ke Google Webmaster :
    1. Masuk ke Blogger dan masuk ke Google Webmaster.
    2. Setelah masuk ke dasboard Google Webmaster pilihlah situs kita yang ingin gunakan untuk mengirim sitemap. Jika Webmaster tidak bisa membaca blog kita, silahkan Klik 'Tambahkan Situs' pojok kanan atas berwana merah.
    3. Lihat dibagian kiri di dasboard webmaster, disitu ada tulisan dasboard sutus, pesan situs dan lain-lain. Silahkan klik Perayapan lantas klik Peta situs.
    4. Di pojok kanan atas akan terlihat persegi panjang yang ada tulisan merah, silahkan klik untuk melihat penampilannya.
    5. Jika sudah anda lihat penampilannya silahkan masukkan tulisan ini di kolom Uji peta Situsatom.xml? redirect = false & start-index = 1 & max-results = 500  "
    6. Silahkan klik tulisan biru di bawah Uji Pesan Situs.
    Dan apa yang terjadi , silahkan segarkan halaman Google Webmaster, sekarang kita telah mempunyai sitemap blog yang kita idam-idamkan. Langkah terakhir yaitu tinggal memasang kode yang kita dapat dari Uji Pesan situs di blog kita, langkah tersebut silahkan baca dalam postingan selanjutnya.

    Di atas adalah cara mengirim peta Situs di Google Webmaster, salam sukses.

    Tuesday, January 13, 2015

    Backlink dan SEO

    SEO ? SEO adalah singkatan dari Search Engine Optimization adalah suatu cara atau teknik yang membuat blog atau website kita berada pada posisi teratas pada mesin pencarian (Search Engine) seperti Google, Bing, dan Yahoo. Apabila kita memikirkan tentang trik SEO, pastilah melintas dipikiran kita
    adalah konten atau artikel yang mumpuni. Disamping itu juga, backlink mempunyai peranan. karena dengan Baclink artikel yang kita tulis akan dapat kita sebar luaskan. maka kita akan mendapatkan pengunjung dari mana Bacling itu kita sebarkan.Nah disini saya akan memberikan trik membuat backlink :

    1 .Media Sosial.
    Backlink dari situs-situs media sosial adalah backlink yang paling efektif. Mengapa? karena selain membangun backlink, kita juga bisa mempromosikan situs kita ke pengguna media sosial tersebut yang makin kesini penggunanya semakin banyak. Jika kita aktif di situs media sosial dan memiliki banyak teman atau follower di media sosial tersebut tentunya akan sangat mudah membuat situs kita menjadi populer. Beberapa situs media social : Twitter.com, Facebook.com, plus.google.com, pinterest.com dan lain-lain.

    2. Social Bookmarking
    Gagasan pertama saat dikembangkannya situs social bookmarking agar memudahkan user menyimpan atau bookmark link atau url agar mudah dicari ketika ingin membukanya kembali. Namun pada perkembangannya, situs social bookmarking juga dimanfaatkan oleh para pelaku SEO karena mesin pencari seperti google juga menjelajahi situs social bookmarking dan ini pasti mempengaruhi pencarian di search engine. Beberapa situs social bookmarking indonesia : lintas.me, socialbookmark-indonesia.com, bersosbok.com, senditq.com, melintas.net dan lain-lain.

    3. Blogwalking
    Kita juga harus sering-sering meninggalkan komentar ke blog atau situs lainnya, agar blog kita dapat dikenal oleh mereka juga. janganlah enggan untuk berkomentar. asalkan komentar kita yang positip, jagan mengandung unsur-unsur yang merugikan kita sendiri. Keuntungan dari blogwalking adalah kita bisa mendapatkan kunjungan dari pemilik blog tersebut dan juga kemungkinan besar para pengunjung blog tersebut juga mampir ke blog kita.

    4. Forum
    Saat ini banyak sekali forum-forum yang dapat kita temukan. Antara lain : kaskus.co.id, bersosial.com, dan  sebagainya. Pada forum tersebut sebelum membuat backlink kita diharuskan mendaftar, setelah mendaftar baru kita membuat postingan di forum tersebut. dalam postingan tersebut jangan lupa sertakan link aktif menuju website atau blog kita. Patuhilah dan ikuti aturan yang dibuat oleh forum tersebut agar postingan kita tidak dihapus oleh admin nya.

    Tuesday, January 6, 2015

    Cara Membuat Related Post di Bawah Postingan

    Cara Membuat Related Post di Bawah Postingan | Untuk mempercantik blog Anda kta harus mengutak atik scrip yang ada didalamnya, tapi sebelumnya Anda harus membackup dulu sebelum langkah tersebut Anda lakukan, karena untuk menjaga hal-hal yang tidak diinginkan terjadi.
    Okelah kita langsung eksekusi saja bagaimana Cara Membuat Related Post di Bawah Postingan, langkah - langkahnya sebagai berikut :

    Langkah Pertama  | Silahkan login ke blogger, sukses masuk ke Dashboard, langsung ke Template lalu klik Edit HTML, Contoh gambar seperti dibawah ini :

    Langkah Kedua |  Klik kiri mouse di dalam area HTML blog Anda dan kemudian silahkan tekan CTRL + F untuk memunculkan kolom pencarian.

    Langkah Ketiga |  Ketik kode ' </head> 'di dalam kolom pencarian, kemudian copy kode dibawah ini dan paste kan tepat diatas kode </head> :

    <Script type = 'text / javascript'>
    // <! [CDATA [
    relatedTitles var = new Array ();
    relatedUrls var = new Array ();
    var relatedpSummary = new Array ();
    var relatedThumb = new Array ();
    var relatedTitlesNum = 0;
    var relatedPostsNum = 4;
    // Jumlah entri yang akan ditampilkan
    var relatedmaxnum = 75; // Jumlah karakter ringkasan var relatednoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiswMUfsNG2sAqQAgPZL_iTpES4eo3TDWYTTe5oNJ1WVVY1NUE0UufohazW_Jwn2gU_QU1ZTyVS6jjuNdJSKAkQhxozp1hakOZNd6Hmn4nN2pP195G0XRl47_hWUKnnF34B2R24PPdGI0GE/s1600/no_image.jpg"; // Gambar default untuk postingan tanpa jpg //]]>
    </ Script>
    <Script src = "http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbs-and-summaries.js" />

     Keterangan warna Script :
    1. Untuk merubah jumlah postingan yang ingin Anda tampilkan pada warna biru
    2. Untuk merubah jumlah karakter kalimat yang ingin anda tampilkan pada warna Merah
    3. Untuk merubah jpg defautl bila tidak ada gambar dalm postingan Anda warna Coklat
    Kemudian tambahkan Script dibawah ini sama persis di atas kode head
    <Style>
    .relatedsumposts {
    float: kiri;
    padding: 0px 10px;
    overflow: hidden;
    text-align: center;
    / * Lebar dan tinggi dari postingan Anda * /
    width: 120px;
    height: 200px;
    border-right: 1px solid # e5e5e5;
    display: inline-block;
    }

    .relatedsumposts: hover {
    background-color: # F7F7F7;
    }

    .relatedsumposts img: hover {
    -webkit-transform: rotate (360deg);
    -moz-transform: rotate (360deg);
    -o-transform: rotate (360deg);
    }

    .relatedsumposts a {
    / * link * /
    Warna: #linkcolor;
    display: inline;
    font-size: 10px;
    line-height: 1;
    }

    .relatedsumposts img {
    / * humbnail * /
    margin-top: 2px;
    height: 82px;
    padding: 5px;
    width: 82px;
    border: 1px # fff padat;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 1px 2px RGBA (0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px RGBA (0, 0, 0, .4);
    box-shadow: 0 1px 2px RGBA (0, 0, 0, .4);
    -webkit-transition-duration: 0.8s;
    -moz-transisi-durasi: 0.8s;
    -o-transisi-durasi: 0.8s;
    Transisi-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transisi-properti: -moz-transform;
    -o-transisi-properti: -o-transform;
    Transisi-properti: transform;
    overflow: hidden;
    }

    .relatedsumposts h6 {
    / * judul * /
    display: table-cell;
    height: 3em;
    margin: 5px 0 0;
    overflow: hidden;
    padding-bottom: 2px;
    vertical-align: tengah;
    width: 130px;
    }

    .relatedsumposts p {
    / * summary * /
    border-top: 1px solid # e5e5e5;
    border-bottom: 1px solid # e5e5e5;
    Warna: #summarycolor;
    font-size: 10px;
    height: 4em;
    line-height: 1;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 5px 15px 0 0;
    text-align: left;
    }

    #relatedpostssum {
    background: # F3F3F3;
    height: 200px; / * Postingan terkait * /
    padding: 5px;
    width: 100%;
    }

    .relatedpoststitle {
    font-size: 19px;
    font-weight: bold;
    border-top: 3px solid # FB8227;
    color: # 777;
    display: inline-block;
    padding: 5px 10px;
    width: 190px;
    float: kiri;
    margin: 0px 0px 20px -200px;
    transform: rotate (90deg);
    mengubah-asal: kiri atas 0;
    -MS-transform: rotate (90deg);
    -MS-transform-asal: kiri atas 0;
    -webkit-transform: rotate (90deg);
    -webkit-transform-asal: kiri atas 0;
    font-family: Gill Sans / Gill Sans MT, sans-serif;
    }
    </ Style> 
    Keterangan warna Script :
    1. Warna merah adalah penyesuaian lebar Related Post
    2. Warna Biru Adalah untuk warna tulisan Link
    3. Warna Violet Untuk merubah ukuran Jpg
    4. Warna Coklat untuk menetkan besar kecilnya garis lingkaran
    5. Warna Hex untuk menyesuaikan tampilan postingan #summarycolor;
    6. Waran Biru Muda untuk merubah tinggi dan lebar kotak Related Post.

    Langkah Kempat | Masukkan lagi kode dibawah ini di dalam kom pencarian

    <a expr:href='data:label.url' rel='tag'> <data: label.name/> </a> <b: if cond = 'data:! label.isLast = & quot; benar & quot;' >, </ b: if>
    Setelah menemukan kode diatas, silahkan copy kode dibawah ini kemudian pastekan tepat dibawah kode diatas :


    <B: if 'data: blog.pageType == & quot; item yang & quot;' = cond>
    <Script expr: src = '& quot; / feed / posts / default / - / & quot; + Data: label.name + & quot; alt = json-in-script & amp; callback = readpostlabels & amp; max-results = 50 & quot; ' ketik = 'text / javascript' />
    </ B: if>
    Bila sudah Anda Pastekan maka akan terlihat seperti dibawah ini :


    <B: 'data: post.labels' nilai lingkaran = 'label' var =>
    <a expr:href='data:label.url' rel='tag'> <data: label.name/> </a> <b: if cond = 'data:! label.isLast = & quot; benar & quot;' >, </ b: if>
    <B: if 'data: blog.pageType == & quot; item yang & quot;' = cond>
    <Script expr: src = '& quot; / feed / posts / default / - / & quot; + Data: label.name + & quot; alt = json-in-script & amp; callback = readpostlabels & amp; max-results = 50 & quot; ' ketik = 'text / javascript' />
    </ B: if>

    </ B: lingkaran>


    Langkah Kelima | Cari kode yang mirip dibawah ini :


    </ B: includable>


    Bila sudah menemukan silahkan pastekan kode di bawag ini tepat di atas kode '  </ B: includable>  '
    <B: if 'data: blog.pageType == & quot; item yang & quot;' = cond>
    <Div class = 'post-footer-line post-footer-line-4'>
    <Div class = 'relatedpoststitle'> POS TERKAIT </ div>
    <Div id = 'relatedpostssum'>
    <Script type = 'text / javascript'> showrelated (); </ script>
    </ Div>
    <Div style = "clear: both; '/>
    </ Div>
    </ B: if> 
    Langkah terakhir | klik tombol save untuk menyimpan perubahan dan selesai !

    Monday, January 5, 2015

    Membuat Blog Gratis

    Membuat Blog Gratis | Membuat sebuah blog itu sangat mudah, dan tentunya gratis selamanya. Anda hanyalah membutuhkan beberapa menit, tidak berjam - jam blog Anda sudah bisa tampil di internet. Jika Anda sedang mencari di Google tentang postingan turorial bagaimanakah cara membuat blog gratis, tibalah saatnya Anda sudah berada di posisi yang sangat tepat dan enjoy. Karena saya akan memberikan tutorial bagaimana cara membuat blog gratis, yang tentunya blogger itu milik Google yang menguasai dunia maya.

    Apakah definisi tentang Blog itu ?

    Menurut Wikipedia | Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (postingan) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (postingan terbaru dan di ikuti oleh postingan lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. ( http://id.wikipedia.org/wiki/Blog )



    Akan tetapi anda harus mengingat ! apa yang telah diberikan oleh blogger, yaitu larangan yang harus tidak di langgar oleh pembuat sebuah blog, yaitu :
    1. Pornografi
    2. Postingan Tentang Kebencian
    3. Disturbing Picture 
    4. Provokasi dan Kekerasan
    5. Tidak melanggar Hak Cipta
    6. Informasi Pribadi dan Rahasia
    7. Aktifitas ilegal
    8. Spam
    9. Malware dan Virus.
    Apa yang perlu dipersiapkan untuk membuat Blog gratis ?

    Yang perlu disiapkan jika anda akan membuat blog gratis yaitu :
    1. Jaringan Internet, entah itu lewat hostpot atau jaringan selular dengan bantuan modem dan provider yang ada di Indonesia.
    2. 5 kopi , 1 bungkus teh, 1 plastik gula pasir dan rokok ( bila Anda merokok, tapi jangan merokok karena akan membunuhmu )
    3. Kesabaran dan keuletan
    Jika peralatan sudah tersedia silahkan anda eksekusi dimulai :

    1. Silahkan login ke Gmail, bila belum punya silahkan daftar di Google
    2. Bila sudah selesai silahkan masuk ke Blogger, dan langsung klik Blog baru, seperti gambar di bawah ini ;

    3. Isilah kolom Judul dan Alamat, untuk Template menyusul tidak apa-apa, untuk detailnya silahken lihat gambar di bawah ini ;
      Untuk judul terserah silahkan isi menurut keyakinan Anda masing-masing, Alamat juga isi dengan keyakinan anda masing - masing. Sebagai contoh saya yaitu Judul : Belajar nge-Blog dan Alamat : loobelajarngeblog.blogspot.com. Pada kolom alamat jika tersedia akan ada tulisan di bawah kolom yaitu ' Alamat blog ini tersedia ', dan ada tanda centang disamping kolom tersebut. Bila tidak tersedia ada tulisan ' Maaf, alamat blog ini tidak tersedia ' dan ada tanta seru berwarna kuning disamping kolom. Untuk Template silahkan pilih sendiri yang sederhana, dinamis, jendela gambar dan lain-lain, atau silahkan download pembuat tenplate yang bertebaran di dunia maya. Tapi menurut saya pribadi Blogger telah menyediakan template yang bagus-bagus dan bisa kita modifikasi sendiri menurut keyakinan kita masing-masing, atau silahkan kunjung postingan saya dengan judul Mudahnya Merancang Template Blog
    4.  Jika semua eksekusi Anda sudah terselesaikan, silahkan klik Buat Blog dibawah kolom Template. Alhasil blog anda sudah bisa dilihat di google chrome, tapi tampilan masih kosong karena belum ada satupun postingan yang anda buat.
    Bagaimana cara membuat Postingan di Blogspot ?

    Sebuah blog bila belum ada satupun postingan akan terlihat hamparan hitam yang tadak karuan rupanya, mungkin saja para sahabat blogger pasti kesal dan bertanya-tanya mengapa bisa begini dan begitu. Setelah tutorial diatas sudah merdeka alias sudah berhasil, saya akan menjelaskan cara membuat postingan diblogspot, caranya sebagai berikut :
    1.  Silahkan klik tompbol pencil atau klik mulai ngeposkan, contoh gambar dibawah ini ;
    2. Selanjutnya Anda akan dikehamparan putih seperti MsWord, nah ddisitu itulah yang namanya hamparan postingan, Anda disuruh menuliskan apa yang ada dalam pikiran anda, jangan sekali-kali Co-Pas karena Google tidak suka dan sangat benci artikel yang hanya Co-Pas. Contohnya seperti gambar dibawah ini :
    3. Bila telah selasai klik Icon Perbarui, dan anda akan dibawa kemnu utama lagi. Silahkan Anda klih Lihat blog dekat logo utama Blogger.
    Bagaimana hasilnya ? postingan anda sudah muncul di blog yang telah Anda buat. begitulah tutorial bagaimana  Membuat Blog Gratis.

      Tuesday, November 11, 2014

      Membuat Jump Link Read More

      Blogger telah mengaktifkan ringkasan postingan untuk blog kita, berarti kita dapat menambahkan "Read More" dalam posting kami, setelah itu yang terlihat hanyah bebrapa baris dari postingan tersebut. Didalam template bawan blogger script untuk membuat read more, berarti ita harus menambahkan code kedalam HTML template Blog Anda. Pada postingan ini, saya akan memberikan tip betapa mudahnya membuat Read More.


      Blog sekarang memiliki "Jump Link" yang diaktifkan secara default dalam template Blogger kita, ada beberapa trik yang berguna dan menarik kita dapat melakukannya untuk membuat Read more.
      Berikut adalah beberapa ide untuk Anda laksanakan ;

      1. Masuk ke Blogger
      2. Klik Template - Edit HTML
      3. tekan " Shift + F " ketik " </head> "
      4. lantas Copy kode dibawah ini dan Paste ke atas Koe </head> ....                                                                                                                                                                                                                 <script type='text/javascript'>
        var thumbnail_mode = "float" ;
        summary_noimg = 275;
        summary_img = 275;
        img_thumb_height = 120;
        img_thumb_width = 120;
        </script> 
        <script type='text/javascript'>
        //<![CDATA[
        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 src="'+img[0].src+'" 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. Find ( Shift+F )lagi Code yang kedua " <data:post.body/> ", atauitemprop='description articleBody Copy kode di bawah ini paste ke " <data:post.body/> " setelah kode itemprop='description articleBody "                                                                                                                                                                                                                                                                                                   <b:if cond='data:blog.pageType != "item"'>
        <div expr:id='"summary" + data:post.id'><data:post.body/></div>
        <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
        <div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 
           
      6. Simpan dan lihat hasilnya ...
      sebelum melakukan aksi di atas tolong script di BackUp ke wordpad dulu, saya tidak bertanggung jawab nanti bila template terjadi hal-hal yang tidak diinginkan ....

      Monday, November 10, 2014

      Mudahnya Merancang Template Blog

      Blogger sebenarnya sudah menyediakan template secara gratis dan bisa dirubah sesuai keinginan kita, dari pada kita muter muter download template setelah kita unggah hasilnya tidak memuaskan, lebih merepotkan lagi bila di loading terasa berat.

      Nah sekarang saya akan mengulas tentang template bawaan Blogger yang tidak kalah seru dari template berbayar. Sebagai contoh blo saya sendiri, saya memakai template PT sangat keren sekali, setelah saya uprek hasilnya seperti yang anda lihat, sangat ringan dan tampilannya sangat dinamis, menurut saya ... :) .

      Bila anda ingin mencoba silhakan log in keBlogger, jangan lupa template kesangan anda di backUp dulu, caranya sebagai berikut :
      1. Login ke blogger
      2. Buka blog yang ingin anda rubah
      3. Template 
      4. Edit HTML
      5. Simpan template
      Setelah 5 langkah sudah anda laksanakan, saatnya memilih yang sekiranya cocok bagi anda, disitu banyak sekali pilihannya, seperti ; Template Sederhana, Template Dinamis, Template Jendela Gambar, Template PT keren Sekali dan lain-lain.


      Bila sekirannya sudah memilih Template yang sesuai dengan selera Anda, Silahkan anda klik Sesuaikan di sebelah kiri Edit HTML




      Disitu Anda akan diberikan gambaran tentang Template yang akan Anda modifikasi, Uraiannya sebagai berikut ; 
      1. Template, misalkan dari awal template tidak sesuai dari harapan kita, disitu tersedia banyak sekali template yang oke dan bagus-bagus.
      2. Latar Belakang, disitu anda bebas memilih gambar yang Anda sekirannya cocok , pilihan tema utama juga tersedia, bila kita memilih warna nanti akan otomatis berubah sendiri.
      3. Sesuaikan Lebar, merubah halaman posting dan widget untuk dilebarkan atau dikecilkan, misalkan kurang lebar untuk tinggal seret cursor ke kiri atau kekanan.
      4. Tata Letak, adalah sarana untuk menambahkan, mengedit, menghapus atau mengatur ulang widget, silahkan lihat sendiri dan tentunya pilih yang sesuai dengan selera anda.
      5. Tingkat Lanjut, sarana yang bertujuan untuk mempercantik blog kita, didalam tingkat lanjut ini inti dari pokok permasalahan postingan saya, Tingkat lanjut sendiri terdapat dari beberapa menu pilihan, seperti ; laman, link, judul blog, Deskripsi blog, Teks Tab, dan lain lain.
      Silahkan anda utak-atik sendiri sarana untuk memodifiksai Template Blog sendiri, segala sesuatu bila kita ada niat dan usaha pasti akan bisa tercapai, terima kasih ....

      Alasan Blog Dihapus Permanen Oleh Google

      Mengapa Google mengapus blog anda , mungkin saja untuk membasmi spam dari mesin pencari dimiliki oleh Google. Makanya si kenari dan si love bird di hapus oleh mr Matt Cutts. Seharusnya Anda memahami biasanya blog yang sudah dihapus oleh google tidak mungkin bisa kembali ke pangkuan Anda - Anda sekalian.

      Google tidak akan peduli dengan blog anda walaupun blog Anda sangat bagus di antara yang lain, pengunjungnya banyak, komentar juga banyak dll. Google tetap bersi kukuh karena selain Blog Anda banyak sekali Blog-Blog sedunia, makanya kita harus hati-hati dalam mengembangkan blog kita.
      Intinya jika anda ingin kensentrasi di dunia Blogging silahkan jauhi jauh-jauh
      kriteria di bawah ini :
      1. Postingan Blog, jauhkan postingan dari unsur Sara, kekerasan dan pornograpi hehe , langsung di buang ke Recycle Bin.
      2. Software Otomatis, banyak sekali update blog tetangga menawarkan jasa membuat postingan secara otamtis, kalau mau Blog Anda tahan selamanya ! jauhi tindkan tak terpuji itu. 
      3. Backlink Hitam, Janganlah kepada Blog yang punya banyak backlink bahkan sampai ribuan kilometer. Karena belum tentu semua backlink tersebut berkualitas. Mending kita konsentrasi penuh dengan membaca postingan dari blog tetangga, kita ambil yang baik - baik dan kita buang jauh - jauh yang jelek- jelek.
      4. Jangan Spam dari Produk Google, itu adalah tindakan yang tidak sangat terpuji, menurut Google sendiri. jangan meninggalkan link dimana-mana, buat blog ratusan nanti kita hubungkan ke blog satu ke lainnya, puas puas puas ....
      Kita harus Junjung tinggi Sumpah Blogger Indonesia, Bersatu Kita Teguh, Bercerai Kita Runtuh, semoga bermanfaat bagi teman - teman semua ....