Cara Membuat Kotak Spoiler Buka Tutup di Postingan Blog

created by Adhe N.tawakkal

Cara Membuat Kotak Spoiler Buka Tutup di Postingan Blog:

1. pertama masuk ke blogger, kemudian pilih buat entri baru

2. pilih HTML sebelah compose

3. copas code di bawah ini , sekaligus contohnya: 

<div style= "margin-bottom: 2px; " > <div style= "margin-top: 5px; text-align: center; " > <input value= "Buka " style= "margin-top: 5px; width: 100px; font-size: 12px; " onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; } " type= "button " > </div > <div style= "border: 1px inset ; margin: 0px; padding: 6px; " > <div style= "display: none; " > GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI </div > </div > </div > <br > <br > <br >

Keterangan:

 (GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI) adalah tempat isi kotaknya

SELESAI...!! 

Read More

share atau menampilkan postingan blog ke Facebook

created by Adhe N.tawakkal

share atau menampilkan postingan blog ke Facebook - Dengan tutorial ini yang jelas akan meningkatkan jumlah page view blog anda, karena secara otomatis postingan anda nantinya akan tampil di public Facebook dan temen-temen anda yang ada di jejaring sosial facebook dan akan melihat postingan blog anda, jadi mereka akan tahu kalau anda mempunyai blog dengan konten yang berkualitas dan layak untuk dibaca. Nah cara yang akan diterapkan di pembahasan ini yaitu dengan menggunakan aplikasi RSS Graffiti Facebook (FB) untuk share artikel blog. Sedangkan di Facebook sendiri fasilitas RSS Graffiti ini menjadi jembatan untuk memudahkan postingan-postingan blog melintas didalamnya, sehingga public bisa mengetahuinya.

Cara Submit RSS Feed Blog ke Facebook (FB) Melalui RSS Graffiti
1.Silahkan menuju ke aplikasi RSS Graffiti di http://apps.facebook.com/rssgraffiti/ 
2. Berikutnya klik "Add New Publishing Plan"
3. Isi nama judulnya, contoh "k-conk Mahrus". Lalu klik lagi "Create Publishing Plan" 

4. Lalu klik "Add New" pada bagian Source
5. Silahkan isi dengan alamat feed blog anda misalnya http://mahruz.blog.blogspot.com. Lalu klik "Add Source"

6. Selanjutnya pada bagian "Target", klik "Add New"
7. Lalu pilih halaman fan pages dan pada "Post Style" biarkan Standard, lalu klik "Save Changes"

8. Langkah terakhir yaitu menghubungkan SOURCE ke TARGET dengan klik tombol OFF menjadi ON, maka warna akan berubah menjadi hijau. Dengan begitu postingan blog otomatis bisa ditampilkan ke Facebook.

Cukup paham bukan? Kalau begitu saya akhiri pembahasan tentang Cara Menyambungkan Potingan Google Ke Facebook Secara Otomatis. 

Read More

Cara membuat efek Z00m pada gambar diblog saat disentuh cursor diblog

created by Adhe N.tawakkal

Cara membuat efek Z00m pada gambar diblog saat disentuh cursor diblog - Cara ini sudah lazim digunakan para bloger handal maupun baru, tapi untuk tutorial kali ini saya akan mengulasnya kembali . Tehnik cara memperbesar gambar diblog ini dapat memperindah blog kita agar terlihat lebih elegan kalo kata orang luar. Tehnik  Cara membuat efek Zome pada gambar diblog saat disentuh cursor diblog ini sangat simpel tanpa membutuhkan seorang ahli blog. Oke seperti biasa kita akan langsung berangkat ke TKP.


1. Login ke Blog

2. Masuk menu Edit HTML

3. Cari kode ]]></b:skin>

  ketik Ctrl + F untuk mempercepat pencarian

4. Letakan kode dibawah ini tepat diatas kode ]]></b:skin>

 

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Save template anda dan lihat hasilnya..... 

Read More

Cara Membuat Kolom Scroll

 created by Adhe N.tawakkal


Cara Membuat Kolom Scroll - Sesuai dengan judulnya,postingan saya kali ini Cara Membuat Kolom Scroll Pada Blog.Sering kali kita jumpai di blog baik berupa postingan code html,gambar,atau artikel pilihan yang begitu panjang,sehingga hal ini dapat memakan tempat.dan untuk mengatasi hal tersebut ada baik nya kita membuat kolom atau kotak scroll.dengan kolom scroll kita dapat memasukan baik berupa code HTML,gambar,semua artikel ataupun yang lain di dalam nya.dan kita juga dapat mengatur besar kecil ukuran atau pun warna pada kolom scroll.Untuk lebih jelas bagaimana caranya membuat kolom scroll tersebut mari kita coba lihat beberapa bentuk seperti yang dibawah ini:



1.kotak scroll tanpa background biasa

teks pertama
teks kedua
teks ketiga
teks keempat

Kodenya di bawah ini
<textarea cols="60" rows="4">Masukkan Tulisan atau teks disini

.........<../..textarea..>.......
 2. kotak scroll dengan border dan background contoh 1

Masukkan teks disini
teks pertama
teks kedua
teks ketiga
teks keempat
teks kelima
dan seterus nya

Kodenya di bawah ini

<div style="text-align: left;"><div style="background: #FFFFFF; border: 3px solid #FF0000; height: 50px; overflow: auto; padding: 10px; width: 500px;">Masukkan teks disini</div>

 Keterangan :
Untuk merubah background : #FFFFFF
Untuk merubah warna border dan ukurannya : border: 2px solid #FF0000
Untuk merubah tinggi Scroll : height: 50px
Untuk merubah lebar Scroll : width: 500px


3. Kotak Buka Tutup Super SEO Di Blog.
Seperti ini ni sob contoh dari kotak buka tutup yang akan di buat.

>Masukkan Tulisan atau teks disini

Gimana soob, SEO dan Cantik banget kan... hehehehehee...Langsung saja sob, ini nih kodenya.
Klik buka untuk mendapat codenya ; <!---Start code show hide by;"afa aprilion-amigos.net"---><div style="margin-bottom: 2px;"><div style="margin-top: 5px; text-align: left;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 60px;" type="button" value="Buka" /> </div><div style="background-color: black; border-bottom: 2px solid #ff0000; border-left: 20px solid #ff6600; border-right: 2px solid #ff0000; border-top: 2px solid #ff0000; margin: 0px; padding: 6px;"><div style="display: none;"><span style="color: white; font-style: italic;">... Isi Teks Sobat... </span></div></div></div><!---End code show hide by;"afa aprilion-amigos.net"--->

Keterangan ;
Code;

left

;">

; merupakan code untuk penempatan tombol Buka Tutupnya.. Mau sobat taruh di sisi kiri dengan code left. Untuk ditengah dengan code center. Untuk di sisi kanan dengan code right. ingat, hanya ubah yang berwarna merah aja ya soob.
Code; Tulisan  Tutup  Buka  Buka  yang berwarna merah, silakan sobat ganti debgan sesuka sobat.
Code; width: 60px ; Yang berwarna merah tersebut Merupakan nilai ukuran lebar dari tombol Buka Tutup tersebut.. Silakan juga sobat rubah sesuai keinginan sobat.Tapi hanya sobat rubah nilainya saja yaa.
Code; ... Isi Teks ... ; Ganti dengan Isi artikel sobat sendiri, atau terserah sobat

Read More

Beberapa cara untuk Memasang widget Pada Sudut Blog

created by Adhe N.tawakkal



Langkah Langkahnya tetep sob.
Masuk Blog kamu,
add gadget , Pilih Html/Javascript.

Pasang Widget di Pojok Bawah Kanan

<div style="position: fixed; bottom: 20px; right: 15px;"> <img border="0" src="https://url gambar sobat Hermanbagus" width="120" height="210" /></div>

Pasang Widget di Pojok Bawah Kiri

<div style="position: fixed; bottom: 0px; left: 10px;"> <img border="0" src="http://Url gamabr sobat hermanbagus" /></div>

Pasang widget blog di Atas Kiri

<a style="position: fixed; top: 0pt; left: 0pt;"><div style="text-align:left;width:130px;height:190px;margin:0 auto;"><img src="http://url gambar soat hermanbagus"></div></a>

Pasang Widget Pada Atas Kanan

<a style="position: fixed; top: 0pt; right: 0pt;"><div style="text-align:left;width:130px;height:190px;margin:0 auto;"><img src="http://url gambar soat hermanbagus"></div></a><textarea>

Semoga trick ini dapat bermanfaat kawan.. amin.
 

Read More

Membuat Tampilan Gambar Berputar Di Blog

created by Adhe N.tawakkal

Membuat Tampilan Gambar Berputar Di Blog , maka secara otomatis semua gambar yang anda buat disetiap artikel blog akan berputar saat disentuh mouse dan gambar akan kembali ke bentuk semula jika mouse tidak menyentuhnya.
Tujuan Membuat Gambar Berputar Di Blog hanya untuk membuat tampilan blog lebih menarik, karena penampilan adalah hal yang utama untuk menarik visitor agar mau berlama-lama di blog kita, daripada menambahkan widget tertentu yang pastinya akan membuat loading blog jadi berat. Dengan Membuat Tampilan Gambar Berputar Di Blog maka tampilan blog lebih menarik karena tidak akan mempengaruhi loading blog jadi berat.

Oke dech..!!!
Berikut Kode Cara Membuat Tampilan Gambar Efek Berputar Di Blog

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

Tutorial Cara Membuat Tampilan Gambar Efek Berputar Di Blog
Langkah-langkahnya sebagai berikut -

1. Login ke BLOG
2. Pada opsi Dasbor, cari Template >> Edit HTML.
3. Cari kode ]]>

(Tekan Tombol CTRL + F untuk Mempermudah pencarian)

Kemudian Copy dan Paste Kodenya sebelum atau di Atas Code ]]>

Klik PRATINJAU untuk melihat hasil sementara, Jika sudah OK

Terakhir tinggal SIMPAN TEMPLATE dan lihat hasilnya.

Jika Cara Membuat Tampilan Gambar Berputar Di Blog berikut dapat bermanfaat, silahkan bagikan ulang artikel ini dengan meilih opsi tombol SHARE dibawah 

Read More

Cara Membuat Daftar Link Teman Berjalan

created by Adhe N.tawakkal

 Berikut adalah caranya:

• Login ke Blogger

• Pergi Ke Tata Letak  >> Tambah Gaget >> HTML/Java Script

• Copy Kode Di Bawah Ini lalu Pastekan ke kotak script yg tersedia.

URL Blog Teman

" rel="dofollow">Link1

URL Blog Teman" rel="dofollow">Link2

URL Blog Teman" rel="dofollow">Link3

URL Blog Teman" rel="dofollow">Link4

URL Blog Teman" rel="dofollow">Link5


Jika Sobat ingin menambahkan lagi copy kode berikut sebelum kode

URL Blog Teman

" rel="dofollow">Link6

URL Blog Teman" rel="dofollow">Link7

URL Blog Teman" rel="dofollow">Link8

URL Blog Teman" rel="dofollow">Link9

URL Blog Teman" rel="dofollow">Link10

• Simpan Dan Hasilnya Seperti di bawah ini.

 

Read More

Cara Berkomentar Dengan Huruf Tebal atau Miring Untuk Pengunjung

created by Adhe N.tawakkal

Cara Berkomentar Dengan Huruf Tebal atau Miring Untuk Pengunjung - Biasanya tutorial yg kang roni tulis itu ditujukan untuk para blogger mania tapi tutorial kali ini kang roni buat untuk para pengunjung blog terutama untuk pengunjung yang belum tahu dunia blogger.
Sebagai pengunjung pasti ingin komentarnya diperhatikan oleh pemilik blog/web dan pengunjung lainnya,salah satu cara untuk mencari perhatian sang admin ataupun sesama pengunjung  yaitu membuat komentar kita dengan huruf tebal atau miring.Oke baca lanjutannya.....

1.Cara Berkomentar Dengan Huruf Tebal

Awali komentar anda dengan kode
Akhiri komentar anda dengan kode

Atau bisa juga dengan kode dan mengakhiri komentar dengan kode


2.Cara Berkomentar Dengan Huruf Miring

Awali komentar anda dengan kode
Akhiri komentar anda dengan kode

Oke , mudah bangetkan .....untuk mempraktekkannya sobat coba saja berkomentar dibawah ihiihiihiihiiihihihiih,,,,,,,,,,,,,,,,,, 

Read More

Cara Membuat Link Di Komentar Blog

created by Adhe N.tawakkal

Cara Membuat Link Di Komentar Blog  -  Trik ini mungkin sudah banyak para blogger yang tau namun bagi pemula tentu sangat membantu dan di cari" hehe...
Dalam hal ini sering kita jumpai Blogger yang meninggalkan alamat web nya di kotak komentar dengan cara menuliskan Text URL tersebut. Ada juga yg memberikan link langsung sehingga apabila link itu di klik akan langsung menuju blog yang dituju nah yang saya bahas kali ini adalah tentang bagaimana caranya membuat link text langsung  .
Contohnya seperti ini :



Dengan menaruh link seperti diatas, tentunya akan sangat mudah bagi orang lain yang ingin mengunjungi blog kita lewat kotak komentar itu tanpa harus mengkopy anchor text nya jika kita meninggalkan Anchor text URL saja.
Langsung saja yah untuk langkah langkahnya :
Copy code dibawah dan letakkan di kotak komentar :

Cara Membuat Link Di Komentar Blog

Maka hasilnya akan  terlihat seperti ini : Cara Membuat Link Di Komentar Blog
Contoh :
My Blog :

Cara Mudah Mencari Kode Template di Menu Edit HTML Baru

Maka jadinya seperti gambar diatas tadi atau di bawah ini.

 

Read More

Cara menghapus Label Blog

created by Adhe N.tawakkal

Goto Magetan| Di komunitas Blogger semakin hari semakin bertambah anggotanya, dan beragam pula anggotanya, ada yang sudah mahir dan lama ngeblognya dan adapula yang baru saja mengenal ngeblog.

Bagi pada bloger yang baru saja menyukai ngeblog yang berplatfom blogspot tentu akan menemui beberapa kesulitan dan kendala. Kendala tersebut kadang bisa menyebabkan terhambatnya ngeblog kita. Diantara kesulita tersebut adalah bagaimana caranya menghapus label blog di blogspot tersebut.

Adapun cara menghapus label blog di blogspot tersebut langkahnya adalah:

1. Masuk dashbor blog anda dan masuk menu post.
2. Cari label mana yang akan di hapus dengan cara klik menu label yang sebelah kanan dan contreng chek  boxnya. Yang pada contoh kali ini ane akan menghapus label "Android"

3. Selanjutnya tampilkan menu semua label
 4. Karena kita akan menghapus label Android maka silahkan klik menu android pada gambar label yang di tandai sebelah kiri, seperti gambar di bawah ini.

5. Selesai, dan hilanglah label Android yang ingin kita hilangkan.

Di bawah ini kami sertakan video tutorial tentang bagaimana cara menghapus label postingan di blogspot. Namun perlu di perhatikan bahwa contoh di dalam vidio ini kita akan menghapus label Tablet dan gadget, namun ini tidak mengurangi cara dan langkah untuk  menghapus label postingan di blogspot.

Read More

Cara Membuat Link/URL Profil Komentar Di Blog Menjadi Open New Tab

submitted Adhe N.tawakkal

Cara Membuat Link/URL Profil Komentar Di Blog Menjadi Open New Tab - Link memang suatu hal yang tidak bisa dipisahkan dari blogger sob, tanpa link semua menjadi hambar. Tapi apa jadinya bila link tersebut malah mengganggu kestabilan SEO blog kita sob? terutama link di komentar, maka dari itu hari ini saya akan share caranya agar URL/Link tersebut open in new tab otomatis, sehingga blog kita tidak terkena bounce rate sob. Nih, langsung aja sobat praktekin aja...

1. Bisa sob, buka blogger sobat yah :). Pilih Template lalu Edit HTML

2. Cari kode berikut sob

data:comment.author/>

 3. Tambahkan kode target='_blank' , sehingga menjadi seperti ini

target='_blank'

>
data:comment.author/> 4. Silakan sobat save template nya, lalu coba buka blog sobat yah ...

Selesai sobat, dengan cara ini blog sobat agar terhindar dari bounce rate. Seperti yang telah saya jelaskan diatas tadi dan menambah poin SEO blog sobat :D

Read More

Cara Belajar Seo Untuk Pemula

Created by Adhe N.tawakkal

Panduan Cara Mudah Belajar Seo Untuk Pemula - Seo,search engine optimization.Adalah pengoptimalan blog agar artikel yang di buat berada di halaman pertama google atau mesin pencari lainya.

Belajar seo adalah langkah yang harus di lakukan blogger agar mendapat pengunjung gratis dari serach engine.Dengan  belajar seo,mengikuti perkembangan,akan menumbuhkan pemahaman sendiri dalam pikiran kita terhadap seo itu sendiri.

Blog cara9 atau blog saya ini sebenarnya masih acak-acakan dan dalam masa belajar seo.Artikel yang menjuarai serp google pun hanya beberapa.Namun saya pikir apa salahnya belajar sambil berbagi seadanya.

Tutorial Belajar Seo Dasar Untuk Pemula

Jika sobat menemukan blog saya ini dari google dan berminat untuk mempelajari teknik belajar seo pemula yang benar,saya mencoba merangkum cara belajar seo untuk pemula dalam blog yang saya bangun beberapa hari lalu.Blog yang akan menyediakan informasi termasuk cara belajar seo.Blog tersebut saya kelola bersama Teman wanita saya.Ok,tidak perlu berlama-lama lagi dengan celoteh saya dalam rangka mengisi artikel dengan keyword,langsung saja menuju TKP.

Media Cara Dan Informasi Caramediainfo

caramediainfo.blogspot.com blog media cara dan informasi.Untuk belajar seo dasar bagi pemula silahkan klik Panduan Cara Belajar Seo Untuk Pemula Caramediainfo.blogspot.com

Atau silahkan klik pada gambar di bawah ini

 

Read More

Cara Membuat Judul Blog Berjalan Pada Address Bar

Cara ini adalah bagian dari pernak pernik blog yang tujuannya untuk mempercantik tampilan blog kita pada browser.Banyak cara untuk membuat blog kita tampil menawan,cantik dan kreatif. Yah selagi cara yang di lakukan tidak membuat loading blog tambah berat.Salah satunya membuat judul blog berjalan di title bar.Letaknya paling atas sebelah kiri yang ada tulisan mozila firefoxnya,bila anda pengguna firefox.

Caranya mudah sekali,ikuti saja langkah-langkahnya seperti dibawah ini: 

1. Login ke akun blogger anda

2. Masuk Dasbor > Tata Letak (layout) > Edit HTML.

3. Kemudian cari kode dibawah ini dengan tombol F3 atau CTRL + F pada keyboard.

yang letaknya di bagian awal.

3. Kemudian ganti kode di atas tersebut dengan kode di bawah ini.

Catatan : Angka 120 menunjukkan kecepatan gerakan, Anda dapat menggantinya dengan angka yang lebih kecil atau lebih besar, semakin besar nilainya maka kecepatan bergeraknya semakin lambat dan berlaku sebaliknya.

Teks yang berwarna merah bisa sobat ganti dengan kata-kata sobat 

4. Klik Pratinjau terlebih dahulu untuk melihat hasilnya.

5. Jika sudah berjalan dengan baik kemudian Simpan Template.

 

 

 

submitted Adhe N.tawakkal

Read More

Widget Sosial 4 in 1 Lumayan Keren untuk Blog 9out of 10 based on 10 ratings. 9 user reviews.

 

Seperti judul pada artikel ini. untuk pembuatan widget dalam blog, dalam widget ini ada 4, facebook, twitter, g+ and subcribe. silakan buat kalian yang mau mencoba sesuatu yang baru untuk di pasang di blog nya. mudah-mudahan cocok buat semua. simple dan lumayan keren.
silakan lihat demo nya kalau ingin tahu seperti apa widget ini. DEMO

Screenshot nya seperti ini :

Langkah-langkah nya:
1. Login blogger.com
2. Pilih Tata Letak/Layout, add gadget, HTML/Javascript
3. Masukan code di bawah ini

 

 

  
  
 

 

 

 

  
  
  
 

 

 

 

  
  

   
  

 

 

 

 

  

   
   

You can also receive Free Email Updates:

   

tutorialblog

', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    
tutorialblog" name="uri" type="hidden"/>
   
   
  
 


Keterangan :
Untuk yang warna Pink silakan ganti dengan Fanpage kalian.
Untuk yang warna Biru silakan ganti dengan username twitter kalian.
dan Warna Merah silakan ganti dengan feedburner kalian.
4. Save.

Widget Sosial 4 in 1 Lumayan Keren untuk Blog 9out of 10 based on 10 ratings. 9 user reviews.

Read More

Membuat Space Iklan Melayang di Bawah Blog

submitted Adhe N.tawakkal

 

Memasang iklan di bagian strategis pada blog adalah kewajiban kita dalam meningkatkan penghasilan dari iklan AdSense. Salah satunya dengan memasang iklan melayang di samping dan bagian bawah blog. Sebenarnya iklan melayang atau pop-up telah dilarang oleh banyak penyedia iklan seperti KlikSaya.com, jadi kalau Anda sedang memasang iklan dari tersebut sebaiknya jangan memasang iklan melayang atau pop-up.

Berikut langkah cara membuat space iklan melayang di bawah blog :

1. Login akun blogger Anda.
2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.
3. Copy paste kode berikut pada gadget HTML/JavaScript.

Letakkan kode iklan AdSense Anda disini!

NB : Ganti tulisan yang berwarna merah dengan script iklan Anda.
4. Kemudian Simpan.

Nah, semoga informasi membuat space iklan melayang di bawah blog dapat membantu!

Read More

Cara Membuat Title dan Alt digambar Posting

submitted Adhe N.tawakkal

Cara Membuat Title dan Alt digambar Posting - Halo gan? malam yang hujan ini, ane mau share cara membuat title dan alt digambar postingan. Fungsi ini, antara lain untuk meningkatkan point SEO agan di mata SE. Ciri-ciri gambar yang sudah diberi title dan alt biasanya bila didekati mouse akan muncul keterangan gambar tersebut.

Caranya mudah sekali gan :
1. Seperti biasa login ke blogger dulu
2. Buatlah posting sesuka hati agan. nah bila akan diberi gambar lakukan hal berikut :

klik gambar yang sudah agan upload, lalu pilih properties, kemudian akan muncul tampilan seperti digambar nah isi title text dan alt text sesuai keinginan agan-agan.
3. Kalo udah tinggal lanjutin postingan agan,

Ternyata mudah membuat gambar yang memiliki title dan alt, otomatis akan terlihat lebih SEO friendly kan?
Sekian artikel Cara Membuat Title dan Alt digambar Posting semoga bermanfaat yahh..

Read More

Anti Copas ampuh

submitted Adhe N.tawakkal

Gimana yah cara menghindari blog dari copaser.....

Mungkin ini solusinya

Caranya:
1. Login ke blogger
2. Buka template lalu edit html kemudian pilih lanjutkan
3. Cari kode :
4. Ganti dengan :
5. Pratinjau lalu save

Selesai, thanks for visit

Read More

Cara Membuat Menu Drop Down dibawah atau diatas Header

submitted Adhe N.tawakkal
Sahaba mazinu tentunya ingin mempercantik blog bukan? Nah pada kesempatan ini mazinu akan memberikan tutorial blogger kepada kalian mengenai Bagaimana Cara Membuat Menu Drop Down dibawah atau diatas Header? Emm,, dengan kita menampilkan menu drop down atau menu Naik Turun dibawah Header atau diatas header, tepatnya yaitu pada judul Blog kita tentunya blog kita akan lebih keren dan lebih elegan dengan memasang widget satu ini. Mazinu kemarin juga memasang menu drop down,, dan mazinu yakin insyaalloh pasti berhasil, karena sebelumnya sudah saya praktekkan! Jika kalian tertarik membuat Menu + Sub menu yang dibuat Drop Down silahkan ikuti petunjuk atau cara mazinu ini ya?yang hasilnya nanti seperti ini :

MAAF CARA INI BELUM BISA DIGUNAKAN. MASIH DALAM PERBAIKAN :)

Woauuuww,, setelah kalian meliha gambar diatas tentunya kalian tertarik untuk membuatnya bukan?
naahh berikut caranya :

 

Cara Membuat Menu Drop Down dibawah atau diatas Header

• Kalian harus login terlebih dahulu ke blogger
• Klick Design, dan Edit HTML
• Cari kode ]]>

{untuk memudahkan mecari kodenya klick Ctrl + F} dan letakkan kode berikut tepat Diatas kode ]]>

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHU3_b1r28FYserQoWKOdTJTJrIOftxGw1orJcQMsy9XBWruRIodLGEuLOpQK5ePkRIcRy6PM6LHk-AhM8n05SkYww7CKBLSm5SNzeHSUal8BmFBQimG-5UOsFKNb7bd1-z2kaBrluuQ/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz9RxQcEr5ldWWRSvWK08IysRJYIAG0Dg7bzNUmM7TNHKdx8IThwSNpy7DfRvhNFpSDvhiFyZfMaa3UxG_2Z16nkRTLKlmqBw2isart-C2jApLUAmA1w3uE8w8SwkC14mGOElmaKvO_Ag/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none} 

• Kode warna merah diatas silahkan rubah sesuai selera anda!
• Selanjutnya kalian cari kode berikut:
  
   : untuk menempatkan menu di atas nama blog
  

: untuk menempatkan menu di bawah nama blog

Copy kode di bawah ini dan letakkan tepat di atas kode

atau di bawah kode

>

Home

Tentang Admin

Contact Us

• Sub Menu 1


• 
  
• Sub Menu 2


• Sub Menu 3


• Sub Menu 4

Menu

Menu Drop Down

• Sub Menu 1


• 
  
• Sub Menu 2


• 
  
• Sub Menu 3


• 
  

>Menu Blog

• Blog 1


• 
  
• Blog 2


• 
  
• Blog 3


• 
  
• Blog 4

'http://mazinubersahabat.blogspot.com/

' method='get' target=''>

• Kode yang mazinu beri warna orange adalah URL tujuan,, silahkan ganti sesuai yang kalian kehendaki!
• Simpan dan Lihat Hasilnya!

Read More

Cara Menampilkan Jumlah Komentar dan Postingan di Blog

submitted Adhe N.tawakkal

Hay sobat jesweito, kali ini jeseito akan berbagi tutorial blogger mengenai bagaimana cara Menampilkan Jumlah Komentar dan Postingan di Blog. Jika kalian ingin membuat di blog kalian akan tampil jumlah komentar (comment) dan postingan (post) kalian silahkan ikuti tutorial yang mazinu berikan dibawah ini! Mmmh,, sebelumnya mazinu beri screnshot hasilnya nanti seperti dibawah ini

Naahhh ingin sekali membuatnya bukan? Yuk ikuti tutorial dibawah ini :

Cara Menampilkan Jumlah Komentar dan Postingan di Blog 

• Buka Akun Blog kalian
• Masuklah ke Rancangan / Design
• Pilihlah Add Widget / Tambah Gadge.
• Pilih lagi Add HTML/JavaScript.
• Copylah Script di bawah ini :

Keterangan : Silahkan kalian ganti script yang mazinu beri warna merah dengan URL Blog kalian!
Semoga artikel yang mazinu posting tentang Cara Menampilkan Jumlah Komentar dan Postingan di Blog ini bermanfaat untuk kalian!

Read More