Membuat Kotak Scroll Di Postingan Blog

Membuat Kotak Scroll Di Postingan Blog - Saya akan memberikan trik lagi agar blog sobat lebih menarik. Ok tanpa panjang lebar lagi, langsung ke TKP.

Membuat Kotak Scroll Di Postingan Blog:

1. Login ke blogger => Pos => Entri Baru

2. Copy kode dibawah ini dalam bentuk HTML, bukan compose:

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 150px; width: 250px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan tulisan, gambar atau HTML disini</div>

3. Maka hasilnya akan seperti ini:

Masukan tulisan, gambar atau HTML disini

4. Prantijau terlebih dahulu, jika sudah yakin.

5. Publikasikan

Note:

• Warna hijau: Tingginya 150px, ganti dengan selera sobat
• Warna biru: Lebarnya 250px, ganti dengan selera sobat
• Warna merah: Tulisan, gambar atau HTML yang ingin ditampilkan didalam scroll

Begitulah postingan tentang Membuat Kotak Scroll Di Postingan Blog semoga bermanfaat postingan saya ini.

SELANJUTNYA

Tips Agar Pria Terlihat Terpesona

Tips Agar Pria Terlihat Terpesona  - Sebenarnya agar wanita terpesona caranya cukup mudah, salah satunya "Jadilah diri sendiri" karena bisa dibilang itu salah satu ciri khas dari seorang pria tersebut. Selain jadi diri sendiri, masih ada cara yang lain, berikut Tips Agar Pria Terlihat Terpesona.

Tips Agar Pria Terlihat Terpesona :

• 1. Tidak Banyak Menilai

    Pasti semua orang ingin mendapatkan sesuatu dengan diakhiri kata Sempurna, tapi kalau soal cinta, tidak ada yang sempurna. Jadi kalau ingin mendapatkan cinta dia, sobat harus bisa untuk tidak menuntut dia harus sempurna. Karena pasti dia memiliki kelebihan dan kekurangan

• 2. Jadilah Misterius

     Kebanyakan wanita jika melihat sesuatu yang unik, pasti dia akan pikirkan terus keunikannya. Sama halnya dengan pria, jika sobat bisa membuat dia memikirkan sobat terus, secara tidak langsung sobat membuat dia ingin tahu lebih jauh tentang sobat

• 3. Humoris

    Simpanlah sifat humoris di diri sobat. Karena selain wanita menyukai pria yang misterius, wanita pun menyukai sifat pria yang humoris, gunanya selain untuk menghibur orang, humoris bisa membuat meredakan beban yang sedang dialami orang (khususnya wanita)

• 4. Jangan Menjadi Pengejar

    Maksudnya, tahan diri sobat untuk melakukan hal sesuatu yang pasti harus diawali oleh sobat. Sobat boleh melakukan hal sesuatu yang diawali oleh sobat, tapi usahakan jangan sesering mungkin. (Agar terlihat misterius)

• 5. Tersenyum

    Sobat tentu sudah paham kenapa harus tersenyum terhadap orang (khususnya wanita). Tapi saya sarankan jangan senyum sendirian, nanti dianggap ... :D

• 6. Pendengar

    Wanita akan membutuhkan teman curhat yang bisa diajak untuk mendengarkan keluhan kesah yang sedang dialaminya. Jika dia ingin curhat pada sobat, sobat usahakan sobat siap untuk jadi pendegar baiknya. Saya sarankan sobat beri tanggapan, beri jalan keluar permasalahan dia (Tanpa memberi kesan menggurui).

• 7. Jangan Terlalu Akrab

     8 dari 10 wanita jika sudah akrab dengan pria, dia memilih menjadi sahabat atau teman curhat saja, bukan menjadi sang kekasih. Jika begitu, sirna sudah harapan sobat menjadi kekasihnya

Semoga postingan saya yang berjudul Tips Agar Pria Terlihat Terpesona bermanfaat bagi sobat.

SELANJUTNYA

Cara Mengecilkan Alexa Rank

Cara Mengecilkan Alexa Rank - Dalam penilaian alexa, semakin kecil ranking web/blog tersebut, berarti web/blog tersebut dikatakan bagus. Begitupun kebalikannya, jika rankingnya besar berarti web/blog tersebut buruk. Agar web/blog tersebut dikatakan bagus, saya akan memberikan trik dan tipsnya.

Cara Mengecilkan Alexa Rank:

• 1. Update Blog

   Update blog sobat dengan membuat postingan. Semakin sering blog di perbaharui, semakin cepat ranking turun

• 2. Daftar Web/Blog

   Daftar web/blog sobat ke mesin pencari seperti Google, Yahoo, Bing dll. Agar cepat terindex oleh mesin pencari

• 3. Pasang Widget Alexa Rank

   Gunanya agar sobat memantau perkembagan web/blog sobat. Cara pasang alexa rank di blog, sobat bisa lihat Cara Memasang Widget Alexa Di Blog

• 4. Pasang Alexa Toolbar

    Selain pasang widget alexa di blog, sobat bisa pasang alexa toolbar di browser yang sobat pakai. Gunanya sama agar sobat bisa memantau perkembangan web/blog. Untuk memasangnya, sobat bisa baca cara memasang alexa toolbar di Mozilla Firefox dan Google Chrome

• 5. Posting Tentang Alexa

     Alexa akan senang jika suatu blog memposting yang berhubungan dengan alexa. Seperti blog ini, blog ini memposting tentang dan memberi label Alexa. Di label tersebut, semua posting isinya ada yang berhubungan dengan alexa. Jika sobat memposting tentang alexa, sobat pastikan label atau kategorinya ada tulisan "Alexa"

• 6. Backlink

     Cari backlink sebanyak-banyaknya dan tentu harus berkualitas. Karena jika sobat mencari backlink, itu akan dianggap oleh google sebagai rujukan nilai kepopuleran web/blog sobat

Sebenarnya masih banyak lagi Cara Mengecilkan Alexa Rank. Namun dengan trik dan tips yang saya beri ini, sudah saya lakukan, dan hasilnya benar terbukti. 

SELANJUTNYA

Membuat Header Blog Ber-Link

Membuat Header Blog Ber-Link - Header blog atau bisa disebut judul nama blog sobat yang terletak diatas blog. Jika sobat ingin merubah blog sobat yang cuman tulisan doang, menjadi tulisan + gambar + bisa di klik lagi. Ikuti langkah dibawah ini.

Membuat Header Blog Ber-Link:

Jika sobat ingin membuat header ber-link, sobat harus menyiapkan:

1. Desain header (.jpg .png .jpeg dll)
2. Adobe Dreamwaver
3. Akun Image Hosting

Setelah semua siap, langsung meluncur ke TKP.

• 1. Desain Header

Tentu sobat harus mendesain header sobat se kreatif mungkin. Sobat bisa memakai Photoshop, Photoscape, Paint Dll 

• 2. Adobe Dreamwaver

Jika sudah jadi headernya, sobat ikuti langkah ini: Buka Adobe Dreamwaver => File => New => html => Create

Jika sudah tampilannya seperti diatas, sobat pilih Insert => Image => Cari header yang sobat buat => Ok

 

Sobat block tulisan setelah tag <body> sampai </body> seperti gambar diatas. Setelah itu lihat gambar seperti dibawah ini.

Lihat yang kolom yang didalam garis merah. Sobat pilih bentuk yang kotak, oval atau poligon yang nanti bisa di klik

Lihat yang saya beri nomor:

1. Link: Isi dengan link yang nanti jika ditekan akan menuju sebuah web atau blog
2. Target: "Blank" => Jika di klik akan muncul di tab baru. "Parent" => Tab yang sama dll
3. Alt: Dikosongkan juga tidak apa-apa

Jika sudah pilih: File => Save As => Ok

• 3. Akun Image Hosting

Silahkan sobat pilih akun mana yang bisa meng upload header. Bagi sobat yang belum punya akun image hosting, sobat bisa pilih akun imageshake (Karena saya pakai yang imageshake). Nah kalau sudah, silahkan sobat upload header tersebut (bukan yang dari adobe dreamwaver, tapi yang dari desain awal). Kalau sudah ambil deh kodenya yang ada di share it --> Direct

Sobat buka file HTML yang tadi sobat buat dari adobe dreamwaver menggunakan Notepad. Cara membukanya: Klik Kanan di file tersebut => Open with => Notepad  

Lihat yang saya block, sobat ganti kode tersebut dengan url yang sobat upload tadi. Kalau sudah di ganti sobat pilih File --> Save. Sobat buka lagi file HTML tadi dengan Klik Kanan di file tersebut => Open with => Notepad. Jika sudah sobat copy yang ada di tag antara <body> sampai </body>

Kalau sudah, sobat: Login ke blogger => Tata Letak => Tambah Gadget => HTML/Javascript => Masukan kode yang tadi (file HTML) disitu.

Note:

1. Penempatan widget yang isinya kode html tadi di atas ya (kan namanya juga Header (atas), kalau bisa diatas header, jika sobat tidak tahu cara Menambah Kolom Diatas Header <= lihat caranya 
2. Template yang bisa diganti template bawaan blogger (bukan bawaan blogger saya kurang mengetahui)

Selamat sekarang header blog sobat berubah. Begitulah cara Membuat Header Blog Ber-Link yang bisa saya berikan.

SELANJUTNYA

Mengubah Tampilan Sidebar Blog

Mengubah Tampilan Sidebar Blog - Sidebar blog itu tempatnya berada di samping posting (kiri atau kanan blog). Jika sobat menginginkan sidebar blog bawaan blogger terlihat menarik. Silahkan lihat cara dibawah ini.

Mengubah Tampilan Sidebar Blog:

1. Login ke blogger --> Template --> Edit HTML

2. Cari kode .sidebar h2 {.  Jika tidak ada, cari kode h2 { 

3. Jika blog sobat terdapat kode h2 {. Maka tampilannya seperti dibawah ini:

/* Headings
h2 {
     font: $ (widget. title. font) ;
     text-transform: $ (widget. title. text. transform) ;
     color: $ (widget. title. color) ;
     margin: .5em 0;  

4. Ganti kode berwarna merah dengan di bawah ini:

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#ffffff;

padding;10px;

}

Note:

• 110%: Nilai huruf judul sidebar. Bisa sobat ganti menjadi nilai satuan Persen, atau Pixel, yang persen bisa menjadi 100%, 150%, 200% dan angka lainnya. Jika yang pixel menjadi 10 px, 15 px, 20 px dan angka lainnya.
• Bold: Berarti tulisan di judul sidebar tebal. Jika ingin tulisannya biasa saja, ubah menjadi normal. Jika ingin tulisannya miring, ubah menjadi italic.
• Uppercase: Berarti huruf judul sidebar besar semua, jika ingin huruf depannya saja (Inisial) ubah menjadi capitalize. Jika ingin huruf kecil semua, ubah menjadi lowercase.
• Right: Berarti posisi tulisannya di kanan. Jika ingin tulisannya di kiri, ubah menjadi left. Jika ingin tulisannya di tengah, ubah menjadi center.
• 1px solid #000: Berarti ada garis mengelilingi judul sidebar. Judul sidebar disini berukuran 1 px dengan warna hitam. Bisa sobat ubah sesuai keinginan sobat.
• ffffff: Berarti warna background putih. Jika ingin warna lain, bisa sobat ubah sesuai keinginan sobat dengan melihat di: Kode Warna Html.
• 10px: Berarti ukuran padding sebesar 10 px. Perlu anda tambahkan apabila sobat menggunakan warna background (Jika sobat tidak memakai background, akan terlihat kurang menarik). Fungsi dari padding agar tidak terlihat bertabrakan dengan bagian luar.

Note: Ukuran padding blog saya menjadi: 10px 13px 8px 30px

Peringatan: Cara ini berguna untuk template bawaan blogger

Berikut cara Mengubah Tampilan Sidebar Blog yang bisa saya berikan untuk sobat

SELANJUTNYA

Membuat Recent Post Di Blog

Membuat Recent Post Di Blog - Recent post adalah suatu tempat yang menyediakan artikel terkini atau postingan terbaru yang baru saja sobat buat. Jika sobat ingin recent post ada di blog sobat, silahkan di simak.

Membuat Recent Post Di Blog:

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Masukan kode ini:

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
    </script>
    <style media="screen" type="text/css">
    <!--
    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
    border:1px solid #ddd;
    }
    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }
    -->
    </style>
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 15;
    home_page = "http://ridhotawaka.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
    </script></div>

3. Simpan

Note:
Warna merah: JUMLAH post yang ingin ditampilkan. Ganti sesuai kebutuhan sobat
Warna biru: URL blog. Ganti dengan url blog sobat

Begitulah postingan tentang cara Membuat Recent Post Di Blog. Semoga sobat paham dan mengerti.

SELANJUTNYA

Membuat Kotak Copy All Di Postingan Blog

Membuat Kotak Copy All Di Postingan Blog - Tombol ini berguna untuk pengunjung meng copy tulisan atau kode html/javasript secara langsung. Ok daripada panjang lebar, langsung meluncur ke caranya.

Membuat Kotak Copy All Di Postingan Blog:

1. Login ke blogger --> Buat entri baru --> Pilih mode HTML

2. Masukan kode ini:

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy all" type="button"> </span></div><p align="center"><textarea style="width: 200px; height: 100px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Masukan Teks Tulisan Atau Kode Html/Javascript Disini</textarea></p></form></div>

3. Maka hasilnya akan seperti ini:

Masukan Teks Tulisan Atau Kode Html/Javascript Disini

4. Selesai

Note:

• Warna merah: Bisa sobat ganti dengan kata-kata sobat (ex: Highlight All, Tekan Ini Dsb)
• Warna biru: Lebar widget
• Warna hijau: Tinggi widget
• Warna oren: Teks atau kode Html/Javasript yang ingin sobat masukan

Begitulah postingan tentang Membuat Kotak Copy All Di Postingan Blog, Semoga berhasil dan bermanfaat bagi sobat.

SELANJUTNYA