Ariez Shared

06.03

Cara Membuat Blockquote Hitam By Ariez Shared

Sebagai terakhir kami memperkenalkan Anda sangat menyesuaikan blockquote ATAU HTML CSS dan Coding Latar Belakang lain untuk blogger. Demikian pula hari ini kami sangat senang untuk memperkenalkan Anda blockquote sangat sangat disesuaikan bernama Black Theme Blockquote. Ini Sepertinya ini di bawah ini.

Sekarang Kita Mulai Dengan Langkah-Langkah Berikut:
1.Login Ke Blogger > Dashboard
2.Buat Posting Baru
3.Klik Tombol HTML
4.Paste kode di Bawah Ini ke Dalamnya

<blockquote style="-webkit-box-shadow: rgb(221, 221, 221) 4px 4px 4px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdhqrMBKGAH61DYzVvfXY_60xkba6yPuUxmbeb44QPekzU3fNIapNYCZ-cy_isZnkDqtJDHOgQnIK01e22FrKLLhLyiCmmtl-ww5Th-ct-L7505DE7kWuewFrP9C9AqbyQH_4tpWeH3taa/s320/blockquote+black.jpg); background-origin: initial; background-repeat: repeat repeat; border-bottom-left-radius: 6px 6px; border-bottom-right-radius: 6px 6px; border-left-color: rgb(153, 0, 0); border-left-style: solid; border-left-width: 4px; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; color: #dddddd; font-size: 15px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; outline-color: initial; outline-style: none; outline-width: medium; padding-bottom: 0px; padding-left: 15px; padding-right: 20px; padding-top: 0px;">

<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><b>Orange</b></i></span></blockquote>

5.Klik Tombol Publikasikan

Peringatan:

Kode Berwarna Orange Ganti Dengan Kode Anda Atau Tulisan Anda

Unknown

06.39

0 komentar

Cara Membuat Daftar Isi Keren Di Blog By Ariez Shared

Table of Content means a list which includes our all posts with sorted by lables and also sorted by alphabets and this plugin is specially made by javascript and many times if we want to add this widget then we have to add many codes and after that we have to replace them by minding the symbols and if a newbie is doing this task for own blog then many times symbol's mistake does by newbie so you can add it direct in your blog without replacing any code OR any blog name. You will gonna add this widget thought widget Generators. So, Hope you gonna like this.

Sekarang Kita Mulai Dengan Langkah-Langkah Berikut:
1.Login Ke Blogger > Dashboard
2.Klik pada Drop Down Menu dan pilih Template
3.Sekarang Klik pada Edit HTML
4.Tekan Ctrl + F dan cari kode yang ditunjukkan di bawah ini.

]]></b:skin>

5.Paste kode di bawah ini sebelum ]]></b:skin>

     /*-------Widget By ariez-rpt.blogspot.com/-----*/
    .judul-label{
    background-color:#E5ECF9;
    font-weight:bold;
    line-height:1.4em;
    margin-bottom:5px;
    overflow:hidden;
    white-space:nowrap;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 4px #AAAAAA;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #e9e9e9;
    border: 2px solid white !important;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
    }
    .data-list{
    line-height:1.5em;
    margin-left:5px;
    margin-right:5px;
    padding-left:15px;
    padding-right:5px;
    white-space:nowrap;
    text-align:left;
    font-family:"Arial",sans-serif;
    font-size:12px;
    }
    .list-ganjil{
    background-color:#F6F6F6;
    }
    .headactive{
        color: #fef4e9;
        border: 2px solid white !important;
        background: #1C8DFF;
        background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
        background: -moz-linear-gradient(top, #9dc2e7, #438cd2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
    }

6.Simpan Template Anda.
7.Sekarang Anda Membuat Halaman Baru
8.Klik Tombol HTML
9.Masukan Kode Di Bawah ini Kedalamnya

<script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/Justnaira-tos-file.js"> </script> <script src="http://www.widgetgenerators.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script> <script type="text/javascript"> var accToc=true; </script> <script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/concordian-tos.js" type="text/javascript"> </script>

Unknown

23.55

0 komentar

Cara Membuat Tombol Download Keren Dengan CSS By Ariez Shared

Cara Membuat Tombol Download Keren By Ariez Shared - Tombol sangat penting bagi blogger ATAU jika Anda ingin menambahkan sebuah tombol yang memberikan beberapa hal download maka Anda dapat dengan mudah menambahkan tombol ini dan juga ini akan memberikan tampilan yang sangat profesional untuk blog Anda yang sangat penting di hari ini be'coz hari banyak pengunjung selalu berpikir dan merasa tentang profesionalisme template blogger dan tombol dan lain-lain hal-hal seperti widget, tombol, plugin mereka selalu memberikan pentingnya tampilan setiap template, yang terlihat menyukai seorang profesional.

Sekarang Kita Mulai Dengan mengikuti Langkah Berkiut Ini:
1.Login Ke Blogger > Dashboard.
2.Klik pada Drop Down Menu dan pilih Template
3.Sekarang Klik pada Edit HTML
4.Tekan Ctrl + F dan cari kode yang ditunjukkan di bawah ini.

]]></b:skin>

5.Paste kode di bawah ini sebelum ]]></b:skin>

#RWG-probutn .pure {
background:#E3E3E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyyuAj0E7Q1ic2uvdnksHZfSA_L9AcFdfLdMrKL8h0NILePrULHqMqHFXBHMdDQfdm6Aym48sHdSpPH3dYUrmwic4fPAwOyPShy8_j0zP_1GcYStfWcK7C1egIqyTh1O95Kuu7IXG6I63i/s1600/RWG-probutn.png) 3px 0 no-repeat;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
display:block;
color:#212121;
float:none;
height:80px;
width:80px;
line-height:80px;
padding-top:1px;
position:relative;
text-shadow:0 1px 0 #FAFAFA;
text-align:center;
text-decoration:none;
white-space:nowrap;
-webkit-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-ms-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-o-transition:width .25s ease-in-out, background-color .25s ease-in-out;
transition:width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;
margin:10px auto 0;
}

#RWG-probutn a span {
display:none;
font-size:1.4em;
}

#RWG-probutn:hover a span {
display:inline;
}

#RWG-probutn:hover .pure {
width:420px;
}

#RWG-probutn .download {
background-position:0 0;
}

6.Sekarang Simpan Template Anda.
7.Sekarang Anda Buat Posting Baru
8.Klik tombol HTML
9.Pastekan Kode Di Bawah Ini Di Dalamnya

Unknown

23.27

0 komentar

Cara Mengganti Olderpost Menjadi Nomor Halaman Navigasi Widget V2

Cara Mengganti Olderpost Menjadi Nomor Halaman Navigasi Widget V2 - Kali Ini Saya Akan Berbagi Tutorial Dengan Mengganti Halaman Navigasi Dengan Nomor,Dan Yang Penting Agar Blog Keren Banyak Pengunjung,Dan Kamu Juga Akan Mengatahui Tutorial Dari Saya Yang Sangat Berbagi Kepada anda.profesional halaman numered widget navigasi V2 sebagai karena banyak pembaca mengeluh tentang terakhir navigasi halaman widget itu, yang tidak bekerja dengan benar. Jadi, kita memiliki widget lain yang lebih profesional daripada yang terakhir. Jadi, menikmati dengan ini.

Sekarang Kita Mulai Dengan Mengikuti Langkah-Langkah Berikut:

1.Login Ke Blogger > Dashboard
2.Klik pada Drop Down Menu lalu pilih Tata Letak
3.Tambah Gadget HTML / JavaScript
4.Paste di bawah kode ke dalamnya.

<style> .showpageNum a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpageArea {
float: left;
}
.feed-links {
display: none;
}
.showpageArea a {
float: left;
font-size: 15px;
color: #fff!important;
padding-left: 15px;
padding-right: 15px;
}
.showpagePoint {
float: left;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.showpageArea a {
text-decoration: none;
}
.showpageArea {
float: left;
width: 363px;
margin-top: 10px;
}</style>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://widcraft.googlecode.com/svn/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
</script></b:if></b:if>

5.Sekarang Simpan Template Anda

Widget ini sangat sensitif jadi jangan mencoba untuk mengubah apa-apa dari itu. Kami merasa bahagia untuk introducted widget ini karena banyak pembaca yang menghadapi masalah sejak lama, dan aku berjanji secara pribadi saya mencoba untuk menyelesaikan semua masalah Anda dan juga saya akan update artikel usang. Baik Bless You All, Be Happy :)

Semoga Artikel Ini Bermanfaat