Saturday, 12 July 2014

Cara Merubah Link "Pos Lama" dan "Pos Terbaru" dengan Judul Post



Langkah Pertama #1:

Cari kode seperti di bawah berikut ini:
]]></b:skin>
Copy paste kode di bawah ini di atas kode ]]></b:skin> 

.blog-pager-newer-link {
    background-color:transparent !important;
    padding: 0 !important;
}


.blog-pager-older-link {
    background-color:transparent !important;
    padding: 0 !important;
}


#blog-pager-newer-link {
    padding:5px;
    font-size:90%;
    width:200px;
    text-align:left;
}


#blog-pager-older-link {
    padding:5px;
    font-size:90%;
    width:200px;
    text-align:right;
}


Langkah Kedua #2:

Cari kode seperti di bawah ini:
</head>
Kemudian copy paste kode di bawah ini di atas kode tersebut.
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>


Langkah Ketiga #3:

Cari kode seperti di bawah ini:
</body>
 Kemudian copy paste kode di bawah ini di atas kode tersebut.
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Post titles to Older Post and Newer Post links (without stats skew)
// by MS-potilas 2012. See http://yabtb.blogspot.com/2012/01/add-post-titles-to-older-and-newer-post.html
//<![CDATA[
var urlToNavTitle = {};
function getTitlesForNav(json) {
for(var i=0 ; i < json.feed.entry.length ; i++) {
var entry = json.feed.entry[i];
var href = "";
for (var k=0; k<entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href!="") urlToNavTitle[href]=entry.title.$t;
}
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');
function urlToPseudoTitle(href) {
var title=href.match(/\/([^\/_]+)(_.*)?\.html/);
if(title) {
title=title[1].replace(/-/g," ");
title=title[0].toUpperCase() + title.slice(1);
if(title.length > 28) title=title.replace(/ [^ ]+$/, "…")
}
return title;
}
$(window).load(function() {
window.setTimeout(function() {
var href = $("a.blog-pager-newer-link").attr("href");
if(href) {
href = href.replace(/\.blogspot\.[^/]+\//, ".blogspot.com/");
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-newer-link").html(title);
}
href = $("a.blog-pager-older-link").attr("href");
if(href) {
href = href.replace(/\.blogspot\.[^/]+\//, ".blogspot.com/");
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-older-link").html(title);
}
}, 500);
});
//]]>
</script>
</b:if>
 Semoga dapat membantu, sekian dan terimakasih....

Sunday, 11 August 2013

Cara Merubah dan Mengganti Tampilan Cursor

Tampilan dari kursor pada blog atau website dapat diganti dengan gambar yang kita inginkan.

Untuk melakukan hal itu kita hanya akan menambahkan sedikit kode CSS pada blog kita.

Berikut adalah caranya:

Masuk ke dalam dasboard blog.
Klik Template.
Klik Sesuaikan.
Pilih Tingkat Lanjut.
Pilih Tambahkan CSS.



Kemudian tambahkan dengan kode seperti di bawah ini:

body {
cursor:url('http://cur.cursors-4u.net/symbols/images5/sym455.gif'),auto;
}

Apabila kita hanya ingin kursor berubah pada saat cursor di arahkan pada sebuah link, maka kita menambahkan kode seperti di bawah ini:

a:hover {
cursor:url('http://cur.cursors-4u.net/symbols/images5/sym455.gif'),auto;
}

Teks yang berwarna merah adalah alamat url dari gambar dan dapat diganti dengan url gambar cursor yang kita inginkan.

Untuk mendapatkan url dari gambar cursor, dapat kita cari di internet dengan browsing pada search engine. Banyak sekali penyedia gambar cursor yang bertebaran di internet secara gratis.

Mungkin cukup sekian semoga dapat membantu.

Saturday, 3 August 2013

Cara Membuat Link Menggunakan Gambar atau Foto

Link merupakan komponen yang sangat penting di dalam sebuah blog atau website. Sebab dengan adanya link atau hyperlink, pengunjung sebuah blog dapat dengan mudah mengakses dan menjelajahi seluruh website dengan cepat.

Link Menggunakan Gambar atau Foto


Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.

Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:


Tag Link

<a href='url tujuan'>Teks atau Gambar</a>
  • <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.
  • href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.
  • Value dari href harus diberi tanda kutip.

contoh:
<a href='http://www.otodidakers-tutor.blogspot.com/'>Otodidakers Tutorial</a>

Hasil:


Tag Gambar/Images

<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
  • Tag <img> adalah tag HTML untuk mendefinisikan sebuah gambar.
  • Atribut src adalah sumber/url dari gambar.
  • Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
  • Atribut height dan width adalah untuk mengatur ukuran gambar.

contoh:
<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width=100' height='100'>

Hasil:
Click Me!


Digabungkan menjadi link gambar

<a href='http://vavadiva.blogspot.com/'>

<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width='100' height='100'>

</a>
Tag <img> harus diapit oleh tag <a> dimana tag penutup harus dikasih garis miring, seperti: </a>

Hasil:
Click Me!
Klik pada gambar di atas untuk berpindah ke halaman web yang dituju.

Mungkin cukup sekian bagaimana cara membuat link menggunakan gambar atau foto, semoga dapat membantu dan mudah dimengerti.

Friday, 2 August 2013

Cara Memasang Musik dan Lagu di Blog

Blog atau website sangat kaya akan konten. Berbagai macam konten seperti tulisan, gambar, tabel, video, musik, lagu dan konten lainnya merupakan komponen yang tidak dapat dipisahkan dari sebuah blog dan website. Dan satu di antaranya adalah konten berupa musik atau lagu, di mana kita bisa memasang musik dan lagu yang kita suka di blog atau website kita.

Memasang Musik dan Lagu di BlogMusik dan lagu bisa dipasang pada postingan blog atau di widget blog atau di manapun kita suka memasangnya asalkan memasang kode HTML dengan benar pada blog .

Banyak sekali penyedia musik player yang bertebaran di internet yang dapat kita pasang pada blog kita. Namun kali ini kita akan bahas cara memasang musik dan lagu di blog dengan kode HTML yang sederhana, yaitu cara paling dasar dengan menggunakan kode HTML.

Embed Musik Dengan Kode HTML

Berikut di bawah ini adalah caranya:
  • Masuk ke dalam "Dashboard".
  • Klik "Tata Letak".
  • Lalu klik "Tambah Gadget".
  • Pilih "HTML/JavaScript".
  • Lalu copy/paste kode yang ada di bawah dan "simpan".
  • Ganti value dari "src" yang berwarna hijau yaitu alamat url musiknya.
<embed autoplay='true' height='50' width='100' src="http://media.shax-dag.ru/Music/users/music___130417_7.mp3"></embed>

Ganti URL musik pada attirubute "src" yang berwarna hijau dengan URL lagu yang kita punya. 

Alamat url musik yang tersedia apa adanya dan tidak dirubah, harus berakhiran dengan format file musik, seperti .mp3, .wav, .ogg, dsb. Seperti kode di atas yang berwarna merah.

Browser harus support dengan file musik dan player musik yang dipasang atau sudah terinstal pluggin Quicktime player.

Embed adalah tag HTML yang berfungsi untuk memasang konten eksternal (Dari website/server lain).

Memainkan Musik Autoplay atau Otomatis

Kadang kita ingin musik atau lagu yang ada di blog kita memutar dengan sendirinya atau otomatis bermain ketika blog atau website dikunjungi.
Untuk melakukan hal seperti itu pada tag embed kita hanya tinggal pasang attribute autoplay.

Attribute "autoplay" adalah cara bagaimana lagu atau musik dimainkan.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • autoplay='true' untuk memainkan musik secara otomatis.
  • autoplay='false' untuk memainkan musik dengan kontrol play.

Mengatur Ukuran dari Player Musik

Ukuran dari Music Player adalah penting. Ukuran default dari music player tidak selalu pas dengan ukuran blog yang ingin kita pasang. Maka dari itu ukuran player dapat kita atur sesuai yang kita inginkan agar music playernya tidak saling bertabrakan dengan konten/elemen lain di blog dan lebih enak dipandang.

Untuk mengaturnya kita hanya menambahkan attribute width dan height pada tag embed.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • 'height' untuk mengatur tinggi.
  • 'width' untuk mengatur lebar.

Mengambil Url Lagu dari Mp3skull

Masuk ke website Mp3Skull.com
Kemudian search lagu sesuka hati.

Cari Url Lagu dan Musik


Klik "Download" dan akan keluar tab baru yang akan memainkan lagu.

Download Lagu


Pada bagian url dibrowser cek url lagu yang berakhiran .mp3

Url Lagu dan Musik

Copy dan pastekan pada attribute src.



Semoga berhasil..
Mungkin sekian cara memasang musik dan lagu di blog dengan kode HTML, semoga dapat membantu.

    Wednesday, 31 July 2013

    Cara Mengganti Template Blog di Blogger

    Template adalah desain dari halaman blog atau website meliputi seluruh elemen-elemen yang menjadi bagian dari sebuah blog atau website.

    Blogger memberikan begitu banyak fitur pada blog kita agar kita dapat menyesuaikan tampilan template berdasarkan kebutuhan kita.

    Kadang template default pada blogger kurang memuaskan kebutuhan kita dalam kegiatan blogging. Oleh karena itu, Blogger menyediakan fitur untuk kita agar dapat merubah template blog sesuai dengan keinginan kita masing-masing.

    Blogger telah menyediakan beberapa template default yang dapat kita pilih sesuai dengan apa yang kita suka. Namun juga kita dapat mengganti template blogger dari banyak penyedia template gratis yang bisa kita upload.

    Mengganti Template Dengan Template Yang Disediakan Blogger

    • Masuk ke dalam dashboard.
    • Klik "template".
    • Scroll mouse ke bawah, maka akan tersedia beberapa template default yang disediakan oleh blogger yang dapat kita gunakan.
    • Klik satu di antaranya kemudian klik terapkan.
    • Maka template secara otomatis akan terganti dengan yang baru.

    Mengganti Template Dari Penyedia Template Gratis

    Apabila kita kurang puas dengan template yang disediakan oleh blogger, kita dapat mencari template berbagai macam tema dari penyedia template gratis yang sangat banyak bertebaran di internet.

    Kita tinggal browsing di Google atau search engine lainnya dengan mengetikan "Free template Blogger". Maka akan tampil banyak penyedia template gratis.

    Download/unduh template yang kita suka kemudian simpan terlebih dahulu di hardisk komputer kita, kemudian extract file tersebut. Maka akan muncul file xml yang nantinya akan kita upload ke Blogger.

    Berikut adalah cara mengupload template yang kita punya:
      Masuk ke dalam dashboar blogger.
      Klik "template".
      Klik "Cadangkan/Pulihkan" yang berada di sebelah kanan atas.

      Cara Mengganti Template di Blogger

      Download/Unduh terlebih dahulu template lama apabila dibutuhkan.

      Cara Mengganti Template di Blogger 2

      Kemudian browse file xml template dari hardisk komputer.

      Cara Mengganti Template di Blogger 3

      Klik "Unggah".
      Tunggu proses upload hingga selesai dan lihat hasilnya.

        Mungkin cukup sekian bagaimana cara mengganti template blog di Blogger.
        Semoga dapat membantu dan bermanfaat.

        Cara Membatasi Jumlah Tampilan Posting Pada Label

        Cara Membatasi Jumlah Tampilan Posting Pada Label di Blogger adalah cara untuk membuat jumlah posting yang tampil pada halaman blog dapat kita batasi sesuai jumlah yang kita inginkan.

        Postingan pada blogger dapat diberikan label-label menurut temanya masing-masing agar postingan tersebut dapat terorganisir dengan baik dan dapat diakses dengan mudah oleh pengunjung blog.

        Namun kadang kita agak terganggu dengan jumlah postingan yang tampil pada saat kita mengklik pada link label tertentu di halaman website/blog.

        Apabila jumlah postingan kita terlalu banyak pada label tertentu, maka  sebanyak itu pula postingan label itu akan tampil sebanyak-banyaknya pada halaman website apabila kita mengklik link label tertentu.

        Untuk mengatasi hal tersebut, kita dapat menambahkan sedikit kode pada elemen blog.

        Link label terdapat pada bagian kaki postingan dan juga di bagian sidebar atau widget label blogger.

        Link Label Di Footer Postingan

        Link Label di Footer Postingan


        Caranya sangat mudah dan sebagai berikut:

        Masuk ke dalam dashboard, kemudian klik "Template".

        Setelah itu klik "Edit Template".

        Kemudian cari kode di bawah ini dengan menggunakan "Ctrl + F".

        <a expr:href='data:label.url' rel='tag'>

        Setelah ditemukan,
        Ganti kode di atas dengan kode di bawah ini:

        <a expr:href='data:label.url + &quot;?max-results=10&quot;' rel='tag'>

        Apabila terdapat dua kode, maka semua diganti dengan kode seperti di atas.

        Link Label Pada Sidebar atau Widget Label Blogger

        Link Label di Widget Sidebar


        Cari kode di bawah ini dengan menggunakan "Ctrl + F".

        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

        Setelah ditemukan,
        Ganti kode di atas dengan kode di bawah ini:

        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=10&quot;'><data:label.name/></a>

        Apabila terdapat dua kode, maka semua diganti dengan kode seperti di atas.

        Angka yang berwarna hijau adalah jumlah postingan yang akan ditampilkan dan dapat diganti sesuai keinginan kita untuk menampilkan jumlah postingan pada label.

        Lalu publikasikan.

        Setelah kita lihat hasilnya, maka pada halaman label otomatis akan muncul postingan label sesuai dengan jumlah yang kita setting sebelumnya.

        Mungkin sekian cara membatasi jumlah tampilan posting menurut label.
        Semoga dapat membantu dan bermanfaat.

        Saturday, 18 May 2013

        Cara Membatasi Jumlah Tampilan Posting di Homepage

        Untuk membatasi jumlah tampilan posting di halaman depan blog kita, Blogger sudah menyediakan fiturnya agar kita dapat men-setting seberapa banyak jumlah posting yang ingin kita tampilkan di halaman depan blog.

        Ada dua cara untuk membatasi jumlah posting.

        Pertama: Membatasi Posting Dari "Tata Letak"

        Di dalam dashboard klik tab "Tata Letak", kemudian klik "Edit" yang ada di bawah pada gadget posting.

        Membatasi Posting di Halaman Depan Blog #1

        Maka akan keluar jendela baru untuk settingan pos seperti gambar di bawah ini:


        Membatasi Posting di Halaman Depan Blog #2


        Pada "Opsi Laman Utama" kita bisa merubah jumlah dari posting yang akan kita tampilkan di halaman depan blog sesuai kebutuhan dan keinginan kita masing-masing.

        Setelah itu klik "Simpan". Maka tampilan jumlah posting di halaman depan blog kita sudah berubah sesuai yang kita inginkan.

        Kedua: Membatasi Posting Dari "Setelan"

        Klik pada tab "Setelan" pada dashboard yang berada disebelah kolom kiri. Lalu pilih "Pos dan Komentar" yang muncul dan berada di bawahya.


        Membatasi Jumlah Posting di Halaman Depan Blog #3


        Sama seperti settingan blog pada "Tata Letak" kita bisa merubah jumlah posting yang akan kita tampilkan di halaman depan blog sesuai keinginan kita.

        Kita bisa membatasi jumlah posting menurut jumlah posting atau menurut jumlah hariannya.

        Misal kita akan membatasi tampilan posting berdasarkan jumlahnya, yaitu kita setting:
        15 posting di laman utama.
        Maka di halaman depan blog akan tampil hanya 15 postingan yang kita terbitkan.

        Sedangkan membatasi posting menurut hari, misalkan kita setting:
        2 hari di laman utama
        Maka di halaman depan blog secara otomatis akan tampil jumlah posting selama dua hari dari postingan kita yang diterbitkan. Seberapapun banyaknya postingan, di halaman depan blog akan tampil postingan kita selama dua hari.

        Itulah Cara Membatasi Jumlah Tampilan Posting di Halaman Depan Blog kita. Semoga mudah dimengerti dan membantu. Thanks....

         

        Blogger news

        Blogroll

        Powered by Blogger.