Sabtu, 16 Februari 2013

Cara Membuat Kotak Admin Di bawah Postingan di Blog | Tutorial Blog

Hello. kawan..

Sudah lama banget Nihh.!! saya belum posting di blog ini. karena banyak sekali kegiatan yang saya kerjakan di tambah sebentar lagi saya akan melaksanakan UN Sekolah.
Pada kesempatan kali ini, saya akan berbagi tutorial blog tentang "Cara Membuat Kotak Admin Di bawah Postingan di Blog | Tutorial Blog". Mungkin diantara sobat blogger pasti sudah tau tentang Tutorial blog yang satu ini. Jika sobat memasang cara ini di blog sobat. Blog sobat tidak hanya terlihat terkesan dan menarik , tetapi juga supaya pengunjung blog sobat bisa tahu Pesan yang sobat lampirkan dalam Artikel ini. Baiklah untuk semua pengunjung blog, bagi yang mau mencoba Tutorial blog ini,langsung aja deh ke langkah-langkahnya :



1. Pertama Sobat log-in dulu ke blog
2. kalau udah sobat buka menu Template , lalu pilih Edit HTML
3. Sobat jangan lupa Centang Expand Template Widget.
4. lalu sobat Cari kode ini <div class='post-footer-line post-footer-line-1'>
                                                                        atau
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>


Kalau sobat udah menemui salah satu kode di atas , lau sobat Copa kode di bawah ini di bawah kode
                                          <div class='post-footer-line post-footer-line-1'>
                                                                        atau
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>::ARMIFA-BLOG:: </h4>
<div class='kontainer'>
<a href='https://www.facebook.com/ade.miftah1' target='_blank'><img border='0' height='200' src='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-snc7/312325_486462081406392_382581849_n.jpg' width='200'/></a>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat <b>menyertakan link sumber aktif postingan dibawah ini</b>.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.<center><br><textarea cols='50' id='autoblog' name='autoblog' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea></br></center>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://de-armifa.blogspot.com/2013/02/cara-membuat-kotak-admin-di-bawah.html' target='_blank'>::get this widget::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Catatan :
kode yang saya kasih warna merah sobat ganti dengan URL gambar sobat dan link sobat
dan kode yang saya kasih warna biru ganti dengan kata-kata sobat
Satu lagi Kode yang saya kasih warna ungu ganti dengan Judul blog sobat

5. Nah sekarang sobat cari Kode ini ]]></b:skin>
6. Kalau sobat sudah menemui kode di atas. sekarang sobat tinggal Copas kode di bawah ini di atas kode ]]></b:skin>



.admin-tulisan{
    display:block;
    width:auto;
    background:#9999cc;
    border:2px Double #fff;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 4px #000;-webkit-box-shadow:0 1px 4px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#330000;
    border:none;
    border-bottom:1px solid #699019;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:ff9999;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:2px Dotted #ff0000;
    padding:1px;
    background:#ffffff;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; 
    }
Catatan :
Pada kode yang saya kasih warna hijau sobat bisa menggantinya dengan warna kesukaan sobat

7. Alhamdulillah sudah selesai juga sampai tahap terkahir ini. sobat tinggal Simpan Template dan lihat hasilnya.


Ini lah contoh yang sudah jadi :

::Selamat Mencoba::

Ditulis Oleh : ade miftah fauzi::ARMIFA-BLOG::

Artikel Cara Membuat Kotak Admin Di bawah Postingan di Blog | Tutorial Blog ini diposting oleh ade miftah fauzi pada hari Sabtu, 16 Februari 2013. Terimakasih atas kunjungan Anda yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat menyertakan link sumber aktif postingan dibawah ini.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.


::get this widget::

Ditulis Oleh : ade miftah fauzi // 2/16/2013
Kategori:

31 comments

24 Februari 2013 20.38

terimakasih informasinya , sangat bermanfaat buat saya :)

24 Februari 2013 20.43

thx nih udah berbagi ilmunya ,,

24 Februari 2013 23.19

@pengobatan stroke sama-sama. :)
makasih jga udah berkunjung di blog ini.! :D

3 Maret 2013 20.29

mantab kawan

infonya sangat menarik

1 April 2013 01.58

Mantap sekali kawan infonya

thank you info tutorialnya

4 April 2013 18.47

Mantab nih,,, tips yg bagus

4 April 2013 18.48

nice share nih bro

26 April 2013 19.38

informasi yang menarik nih ,, thx :)

2 Mei 2013 18.09

ijin menyimak nih ,, :)

6 Mei 2013 17.48

mantapp gan... Tutorial blog yah..
lain kali.. post tutorial Wordpress yah. :D

Nice .

thanks buat tutorialnya ya :D

9 Mei 2013 06.29

infonya keren abiss gan

4 Juni 2013 22.37

sip gan ini langsung saya terapkan di blog saya :D
ditunggu kunjungan dan komentarnya :D

emang bermanfaat banget nih

12 Juni 2013 02.28

nice share sobat .. :)

20 Juni 2013 19.29

Sayang sekali kalau blog ini dinonaktifkan.

ko di nonaktifkan? sayang banget padahal .. :)

9 Agustus 2013 08.37

makasih gan ...
ternyata berhasil,, mantap deh :D

13 Agustus 2013 03.52

kren juga,
di coba dulu ya gan,mudah mudahan berhasil..

5 September 2013 17.07

sayng dongd inoaktifkan ..

5 September 2013 17.09

terimakasih udh berbagi

26 September 2013 02.19

ane coba deh nih tipsnya

11 Oktober 2013 02.10

mantap nih ilmunya kawan :D

11 Oktober 2013 02.11

thanks banget buat tutorialnya gan

14 November 2013 17.37

siiip segera saya coba pasang kotak admin di blog saya..
Makasih sob.

10 Januari 2014 22.28

makasih sob informasinya :)

31 Juli 2014 21.16

mantap gan...

13 Desember 2016 17.32

Gejala Dan Penyebab Kanker Darah
hai gan / sist ya sorry I visit your article, because I am really interested sihh, it lohh article. oh he me it was fine the passengers, passengers kept a link wrote not nyepam kok.he Thank you :)
Makanan Untuk Penderita Kanker Serviks

By : Harga Jelly Gamat

Posting Komentar

::Terima kasih telah membaca Artikel ini::
Bila anda ingin bertanya atau link yang anda download mati atau rusak silahkan berikan komentar di komentar blog.
^_^ Blog 'ARMIFA-BLOGS' ini "DO FOLLOW" silahkan berkomentar dengan sopan untuk mencari backlink, tapi awas JANGAN NYEPAM YA..!

::Terima kasih::

 

Followers

Site Info Blog