Menampilkan Judul Posting Di Halaman Depan Blog

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Menampilkan judul posting di halaman depan blog
Contohnya seperti ini :


Langsung aja caranya sebagai berikut :
  • Silakan sobat login dulu ke blogger, lalu klik Rancangan
  • Klik menu Edit HTML
  • Saya sarankan agar sobat seperti biasa membackup template sobat terlebih dahulu, caranya dengan mengklik tulisan Download Template Lengkap.
  • Cari kode ]]></b:skin>
  • Copy kode di bawah ini, lalu paste di bawah kode tadi  
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
  • Kemudian klik Save Template 
Kode di atas masih menyisakan beberapa elemen seperti tanggal postingan, komentar, dan yang lainnya. Nah, jika sobat ingin menghilangkan semuanya dan yang tersisa hanya judul postingannya saja, mungkin sobat bisa gunakan kode di bawah ini :
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
 Sekarang silahkan lihat perbedaannya :)
Semoga Bermanfaat dan Semoga Berhasil

    Membuat Avatar Pada Kotak Komentar (Threaded Comment)

    بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
    Membuat Avatar Pada Kotak Komentar (Threaded Comment) - Mungkin yang ingin kotak komentarnya muncul berupa avatar mungkin bisa meniru cara saya dibawah ini :

    1. Login ke blogger dengan ID anda.
    2. Klik Tata Letak.
    3. Klik tab Edit HTML
    4. Klik Download Template Lengkap, untuk berjaga-jaga backup dulu templatenya
    5. Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
    6. Letak kan kode ini di atas kode ]]></b:skin>
    .avatar-image-container img{ background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat; height:35px; width:35px; } 
    7. Klik Tombol SIMPAN TEMPLATE
    8. Sebelumnya seperti ini


    Jadi seperti ini:


    Selesai deh ..

    Semoga Bermanfaat Dan Semoga Sukses

    Memasang Widget Facebook, RSS, Twitter, Subscribe RSS Keren di Blog

    Pada tutorial kali ni saya akan berbagi ilmu kepada sahabat blogger tentang Memasang Widget Facebook, RSS, Twitter, dan Subscribe RSS di Blog yang saya curi dari sebuah website

    Widget Ini Mempunyai 4 Fungsi Sekaligus Jadi Bisa Hemat Tempat Di Blog
    -Untuk Facebook
    -Untuk Twitter
    -Untuk RSS
    -Untuk Subscribe RSS

    Bila sobat ingin membuat nya di blog sobat silahkan ikuti langkah-langkah nya :
    1. Login ke blogger
    2. Kik menu blogger lalu pilih Tamplate
    3. Klik Edit HTML
    4. Jangan lupa centang Expand Widget Tamplates
    5. Lalu cari ]]></b:skin> (untuk mempermudah pencarian gunakan ctrl + f )
    6. Copy kode css di bawah ini dan pastekan diatas kode ]]></b:skin>
    #ft-content {
        background: url("http://www.cssheaven.org/wp-content/themes/cssheaven2/images/featuredbg.gif") no-repeat scroll left bottom transparent;
        float: right;
        height: 210px;
        position: relative;
        width: 417px;
    }

    .rsslink {
        display: block;
        height: 53px;
        position: absolute;
        right: 15px;
        top: 5px;
        width: 52px;
    }

    #topsubscribe {
        background: url("http://www.cssheaven.org/wp-content/themes/cssheaven2/images/topsubscribe.png") no-repeat scroll 0 65px transparent;
        height: 37px;
        margin: 0 auto;
        padding-top: 65px;
        width: 320px;
    }

    .substat {
        font: 10px Verdana,Geneva,sans-serif !important;
        height: 16px;
        margin: 0 auto;
        padding: 5px 0;
        width: 300px;
    }
    .twtrlink {
        bottom: 17px;
        display: block;
        height: 47px;
        position: absolute;
        right: 30px;
        width: 47px;
    }
    .fblink {
        background: none repeat scroll 19px 50% transparent;
        display: block;
        height: 44px;
        position: absolute;
        right: 141px;
        top: 154px;
        width: 44px;
    }
    .fldemail {
        display: block;
        float: left;
    }
    .fldemail input {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #4B453F;
        display: block;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 11px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: italic;
        font-variant: normal;
        font-weight: normal;
        height: 37px;
        line-height: 37px !important;
        padding-left: 15px;
        width: 220px;
    }
    .fldbtn {
        float: right;
        padding: 6px 6px 0 0;
    }
    .readerstat {
        color: #A1A1A1;
        display: block;
        float: right;
        height: 15px;
        text-align: right;
        width: 100px;
    }
    7. Simpan tamplate
    8. Masuk ke menu Layout
    9. Klik Add a Gadget
    10. Lalu pilih HTML/Javascript
    11. Masukkan script di bawah ini
    <div id="ft-content">

    <a class="rsslink" href="/feeds/posts/default"><img height="53" width="52" alt="Subscribe To Feed" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/rssicon.gif" /></a>

    <div id="topsubscribe">
    <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=1put-blog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
    <div class="fldemail">
    <input type="text" id="nlemail" onfocus="nl_focus(this);" value="Your email address.." name="email" /><input type="hidden" name="uri" value="CssHeaven-FreeWebsiteTemplates" /><input type="hidden" value="en_US" name="loc" />

    </div>
    <div class="fldbtn"><input type="image" class="nlsb" alt="Subscribe" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/tsgobtn.png" /></div>


    </form>
    </div>
    <div class="substat"><span class="nospam">Bukan Spam.</span> <span class="readerstat">100 Pembaca </span>

     </div>

    <a class="twtrlink" rel="nofollow" href="http://twitter.com/Ramadana1puT/">
    <img height="47" width="47" alt="Follow Me On Facebook" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/twtricon.gif" /></a>

    <a class="fblink" rel="nofollow" href="http://www.facebook.com/1putSingleAttacker"><img height="44" width="44" alt="Me On Facebook" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/fbicon.gif" /></a> </div>
    Keterangan
    Ganti Warna Hijau Dengan Nama URL RSS Blog Anda
    Ganti Warna Merah Dengan URL Twitter Anda
    Ganti Warna Biru Dengan URL Facebook Anda


    12. Simpan dan lihat hasilnya :)


    Semoga Bermanfaat !!

    Generator Smiley Chat Facebook

    Generator Chat Facebook






    Ringankan Beban Blog kalian Dengan Lazy Loader


    Halo Sobat blogger, ketemu lagi dengan saya ./1puT-Blog.
    Saya pengin share sedikit Tips agar kalo masuk ke blog kita itu gk Lelet, kok bisa ? pake apaan ?
    Di sini kita pake Script Lazy Loader
    Lho, bukanya klo nambah script malah tambah berat ?
    Script ini beda, bedanya cari sendiri ya hehehehe ....
    Langsung aja deh Cekidot

    1. Kalian Login Ke blogger kalian masing2
    2. Masuk Rancangan, Di sini kita menggunakan 2 cara, yaitu dengan Edit HTML atau dengan Menambah Widget, Kita lakukan Cara pertama.
    Cara Pertama :
    (1) Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript
    (2)Masukan Script Di bawah ini

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

    <script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>

    <script type="text/javascript">

    jQuery(document).ready(function($){

    if (navigator.platform == "iPad") return;

    jQuery("img").lazyload({

    effect:"fadeIn",

    placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjseaMyhuPF-HtjTG08C8cHV45g64G0H1onP96CJv9UUCAbxetABspcUD_lK7bf2JMYTYirdY4PWXlPk70ydEhCC_odLzmvT4_Yocc22XwGSB3qYGCwczntAGMvbFpOjw1o2dZl8KVfsCw/s1600/grey.gif"

    });

    });

    </script>
    (3) Simpan

    Cara Kedua :
    (1) Rancangan --> Edit HTML --> Centang Expand Template Widget
    (2) Masukan Kode Dibawah ini  di atas Kode </head> atau Di atas kode </body>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

    <script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>

    <script type="text/javascript">

    jQuery(document).ready(function($){

    if (navigator.platform == "iPad") return;

    jQuery("img").lazyload({

    effect:"fadeIn",

    placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjseaMyhuPF-HtjTG08C8cHV45g64G0H1onP96CJv9UUCAbxetABspcUD_lK7bf2JMYTYirdY4PWXlPk70ydEhCC_odLzmvT4_Yocc22XwGSB3qYGCwczntAGMvbFpOjw1o2dZl8KVfsCw/s1600/grey.gif"

    });

    });

    </script>
    (3) Simpan Dan Coba test aja kalau gk percaya, Apa bedanya klo di atas Kode head dan body ?
    sebenarnya gk beda, hasilnya sama kok, ini udah saya test sendiri, Blog ini pun menggunakan Script Di atas.

    3. Lihat Hasilnya. Happy Blogger


    Semoga Bermanfaat :) 
     

    Pasang SEO Smart Link Untuk Blogspot

    Belajar SEO Blogspot - Pernah dengar plugin SEO smart link ? sebuah plugin untuk wordpress yg fungsinya mengubah setiap kata yang kita tentukan, menjadi sebuah link. Kini plugin tersebut dapat kita pasang juga di blogspot.


    seo smart link blogger
    Semua kata "SEO" akan otomatis diconvert menjadi link
    Akan tetapi sudah sejak tahun lalu script ini sudah tidak bekerja.
    Tapi tenang dulu, sekarang scriptnya sudah diperbaiki berkat bantuan seorang teman, Ganda Manurung namanya. Beliau adalah salah seorang programmer indonesia terbaik. Beliaulah salah seorang sahabat blogger yang banyak memberikan saran2 bermutunya kepada juragan. Terimakasih sekasih2nya kepada beliau. Ikuti tutorial memasang seo smart link plugin untuk blogspot/blogger dibawah ini.

    Bagaimana cara kerja seo smart link untuk blogspot ini ?
    Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "seo" akan di link ke alamat url yang telah sobat tentukan.

    Apakah script autolink ini melanggar google guidelines?
    Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi juragan, cukup 1 link saja.

    Bagaimana cara memasang kode autolink ini di blogspot sobat ?
    1. Step pertama, Login ke blogger.com lalu ke design(rancangan).
    2. Menuju tab edit html. Tekan ctrl+f di keyboard. Dan cari kode </body> 
    3. Lihat kode scriptnya disini (klik untuk melihat di tab baru)
    4. Setelah halaman script terbuka silahkan copy pastekan semua kode di script tersebut tepat diatas kode </body>
    Keterangan :
    • Lihat bagian paling akhir kode dan ganti SEO dengan kata atau kata kunci yang sobat pilih.
    • dibawahnya Ganti http://1put-blog.blogspot.com/ dengan alamat url yang dituju.
    Semoga berhasil !

    About Me

    • Real Name : Ramadana Dwi Putranto
    • Nick, Cyber & Air Name : 1puT
    • Place of birth date : Tangerang 24 Februari 1995
    • Saya adalah anak ke 2 dari 3 bersaudara yang Cenderung pendiam dan tidak suka berada di tempat yang ramai, tapi semua tergantung suasana hati. Dibesarkan dengan didikan yang santai dan tidak terlalu banyak aturan. Sedikit nakal dan bandel tapi tetap hidup dalam norma-norma yang ada.

      Mulai mengenal internet semenjak sekarang saya duduk bangku sekolah di SMK swasta di kota jakarta selatan, itulah kebodohan saya !. Ketertarikan saya dalam dunia internet sangatlah tidak stabil. Terkadang saya ingin mendalami sesuatu namun selalu kesulitan karena keterbatasan media yang tidak saya miliki. Tapi semua masih bisa di siasati dengan keadaan saya sekarang. Menurut saya internet memang dunia tanpa batas, Guru dari maha guru, Tergantung bagaimana kita menyikapi apa yang kita temukan di internet Seperti istilah SEMUA ADA DI GOOGLE KECUALI TUHAN. Menarik menurut saya. (end)

      .:: Bukan Tidak Bisa - Tapi Belum Bisa::.
     
    Yahoo Messenger
    Send Me IM!
    Google Plus
    Add Me To Your Circle!
    Twitter
    Follow Me!
    Facebook
    Add My Facebook
    Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat