Sebelum jauh membahas Read More kita jawab terlebih dahulu mengenai Apa itu Read More ?. Read More atau dalam bahasa tercinta bahasa Indonesia adalah "Baca Selengkapnya" Tentu sudah sering sobat jumpai di blog-blog yang lain. Nah dari sini kita bisa memahami mengenai Read More yaitu penggalan kalimat dalam  suatu postingan. banyak dari para blogger menggunakan fasilitas Read More dengan maksud untuk menghemat tempat pada halaman blognya. dilihat dari segi estetika atau keindahan, blog yang menggunakan Read More terlihat lebih rapi dan simple dibanding dengan blog yang tidak menggunakan Read More.

Berikut Resep Cara Membuat Read More Otomatis Di Blog :
Login Kehalaman Blogger
Dari bagian dashbord blog Pilih Template --> Edit HTML --> Proses atau Lanjutkan
Jangan lupa centang Expand Widget Templates
Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F dan F3 untuk mempermudah pencarian kode)
Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>


Tahap selanjutnya cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>
Ganti Kode yang anda temukan diatas dengan kode berikut ini :


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

Sekaran klik tombol Simpan Template
Selesai dan lihat Hasilnya

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

1 comment

Tags: Tutor Ngeblog

Apa sich yang dimaksut dengan blog Nofollow ? Jadi yang di maksut adalah ketika pengunjung meninggalkan link pada komentar maka secara default, blogger terprogram secara otomatis untuk tidak mengikuti link dari komentator tersebut. Hal ini di lakukan oleh blogger agar terhindar dari spam ketika mengindek blog kita.

Tetapi sayangnya blog nofollow kurang banyak diminati oleh komentator, karena link yang mereka tinggalkan kurang maksimum. Jadi kita bisa merubah Blog kita menjadi Dofollow agar merangsang komentar di setiap artikel kita.

Untuk merubahnya sangat lah mudah, buka menu Design dan Pilih EDIT HTML. Centang kotak Expand Widget Templates dari cari kode berikut :

Ubah nofollow menjadi dofollow dan seve templat. Lihat dan rasakan perbedaannya.

Selamat mencoba,

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

2 Comments

Tags: Tips Dan Triks, Tutor Ngeblog

Bagi anda yang ingin mempraktekkannya pada blog sobat, ikutilah langkah-langkah berikut ini. 

1. Pergi ke blogger.com menggunakan akun google sobat
2. Masuk ke halaman Template
3. Klik Edit HTML lalu Lanjutkan
4. Cari kode ]]>

 (gunakan ctrl+f untuk memudahkan pencarian)

Jika sudah ketemu, copy kode di bawah ini dan pastekan di atas kode ]]>

 #adslayoutleft {
position:fixed;
top:10px;
margin-left :-160px;
float:left;
z-index:10;
}
#adslayoutleft .iklankiri {
float:right;
clear:both;
}
#adslayoutleftright {
float:right;
position:fixed;
top:10px;
margin-left:-950px;
z-index:10;
}
#adslayoutleftright.iklankanan {
float:left;
clear:both;
}

6. Lalu Simpan Template
7. Selanjutnya, masuk ke halaman Tata Letak
8. Klik Tambah Gadget, lalu cari HTML/Javascript
9. Copy dan pasang kode di bawah ini:

Simpan kode  Iklan sobat disini

Simpan kode  Iklan sobat disini

10. Simpan dan lihat hasilnya


Jika ukuran margin terlalu panjang atau pendek. Sobat bisa mengubah ukuran marginnya dengan mengganti kode yang berwarna biru. Silahkan sobat atur sesuai keinginan sobat. 

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Tips Dan Triks, Tutor Ngeblog

Membuat Label Dengan Fungsi Scroll. Itulah judul dari postingan artikel kali ini. Dan sesuai dengan judulnya, Blog Doodey akan membahas mengenai bagaimana cara memberikan fungsi scroll tersebut pada label di blog kita. Mari kita lihat! :)

Sebelumnya, saya juga pernah memposting artikel yang searah, seperti “Membuat Label Dengan Efek Marquee”. Jika Anda ada yang belum membacanya, silakan saja klik disini! :)

Tutorial ini sengaja saya buat untuk membantu para rekan blogger lainnya yang mempunyai banyak label/kategori untuk blog mereka. Jika dipasang semuanya, maka tentunya hal tersebut akan bisa banyak memakan tempat, dan mungkin bisa membuat blog Anda jadi tidak seimbang tampilannya, hanya karena berat sebelah alias panjang sebelah, antara postingan dengan sidebar. Tentunya Anda tidak menginginkan hal tersebut terjadi pada tampilan blog Anda bukan? :)

Menu scroll tentunya sudah banyak yang tau, menu ini dapat ditarik ke bawah dan ke atas. Cara membuatnya juga sangat mudah, hanya dengan menyisipkan sedikitkode HTML maka jadilah label dengan fungsi scroll.

Untuk membuatnya, silahkan Anda ikuti saja dengan cermat langkah-langkahnya berikut ini!

1. Login ke dulu ke Blogger
2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul
3. Anggap saja Anda telah membuat judul labelnya dengan nama Kategori
4. Sekarang pilih dan klik ke Edit HTML
5. Klik Expand Template Widgets
6. Cari label yang sudah anda buat tadi, dengan Ctrl+F dan ketikkan Kategori, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kodeHTML tersebut.
7. Perhatikan saja tulisan yang berwarna merah di bawah ini, kode itulah yang harus disisipkan ke dalam label yang sudah Anda buat.

• 
  
  
  
  
  
  ()

()

8. Jangan lupa Simpan Template Anda itu

Note:

Setiap template mempunyai karakter yang berbeda, mungkin di blog Anda kode yang ada adalah

bukan seperti yang ada di blog saya yaitu :

Yang penting letak kode tambahan yang disisipkan harus benar meletakkannya. Satu lagi, untuk kode ‘height:250px’ adalah tinggi label scroll, silahkan Anda ganti dengan angka yang lebih tinggi jika Anda ingin tampilan menu label yang lebih tinggi.

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Ngeblog, Tutor Ngeblog

Sedikit penjelasan dari saya, menu drop down adalah menu yang mempunyai sub-sub menu di dalamnya. Prisipnya adalah ketika pointer menyorot sebuah main menu, maka akan muncul sub menu dari main menu tersebut.

“Lantas, bagaimana cara menambahkan menu drop down pada blog kita?”

Berikut langkah-langkahnya, ikuti saja! :)

Silahkan Anda Login terlebih dahulu ke Blogger

Klik menu Tata Letak dan pilih sub menu Edit HTML dan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget

Jangan lupa untuk membackup terlebih dahulu template Anda agar jika terjadi kesalahan bisa dikembalikan lagi pada kondisi semula. Anda tinggal klik Download Template Lengkap

Lalu, copy paste kode berikut di atas tag 

Cari kode ]]> kemudian tambahkan struktur CSS di bawah ini dengan mengcopy paste di atas kode ]]>

.chromestyle{

width: 100%;

font-weight: bold;

}

.chromestyle:after{

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.chromestyle ul{

border: 1px solid #BBB;

width: 100%;

background: url(http://nestoriko.googlepages.com/chromebg2.gif) center center repeat-x;

padding: 4px 0;

margin: 0;

text-align: center;

}

.chromestyle ul li{

display: inline;

}

.chromestyle ul li a{

color: #494949;

padding: 4px 7px;

margin: 0;

text-decoration: none;

border-right: 1px solid #B5E2FE;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{

background: url(http://nestoriko.googlepages.com/chromebg2-over.gif) center center repeat-x;

}

.dropmenudiv{

position:absolute;

top: 0;

border: 1px solid #B5E2FE;

border-bottom-width: 0;

font:normal 12px Verdana;

line-height:18px;

z-index:100;

background-color: white;

width: 200px;

visibility: hidden;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA

,direction=135,strength=4);

}

.dropmenudiv a{

width: 100%;

display: block;

text-indent: 3px;

border-bottom: 1px solid #B5E2FE;

padding: 2px 0;

text-decoration: none;

font-weight: bold;

color: black;

}

.dropmenudiv a:hover{

background-color: #EBF7FF;

}

Cari struktur seperti di bawah ini pada template Anda

Jika sudah ketemu, copy paste struktur berikut ini tepat di bawah struktur yang Anda temukan pada langkah 6.

Home

dropmenu1">Menu1

dropmenu2">Menu2

dropmenu1" class="dropmenudiv">

Sub Menu1

Sub Menu2

Sub Menu3

dropmenu2" class="dropmenudiv">

Sub Menu1

Sub Menu2

Sub Menu3

Coba perhatikan tulisan yang berwarna merah struktur tersebut. Tulisan "dropmenu1" dan "dropmenu2" tersebut merupakan atribut rel dari parent menu drop down yang kita buat. Pada bagian tersebut terlihat bahwa terdapat 2 menu drop down, yaitu "Menu1" dan "Menu2" (warna biru). Jika Anda ingin menambahmenu drop down lagi misalnya "Menu3", maka buatlah juga atribut rel untuk "Menu3" tersebut misalnya "dropmenu3", setelah itu tambahkan struktur menu drop down untuk "Menu3" setelah menu drop down kedua". Sehingga strukturnya akan menjadi :

Home

Menu1

Menu2

dropmenu3">Menu3

Sub Menu1

Sub Menu2

Sub Menu3

Sub Menu1

Sub Menu2

Sub Menu3

dropmenu3" class="dropmenudiv">

Sub Menu1

Sub Menu2

Sub Menu3

Perhatikan bahwa nama atribut ID untuk menu drop down ketiga harus sama dengan nama atribut rel untuk "Menu3" yaitu "dropmenu3". Begitu pula jika Anda ingin menambah menu drop down keempat, kelima, dan seterusnya.

"URL sub menu1" merupakan URL halaman yang akan dituju jika "Sub Menu1" diklik, dan seterusnya. Silahkan pembaca ganti nama menu, sub menu, dan juga URL dari menu drop down tersebut.

Nah, begitulah tips dari saya hari ini tentang bagaimana cara membuat menu dropdown. 

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Tutor Ngeblog