Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

2Beğeni
  • 1 Yazan ali159
  • 1 Yazan private59

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Blogger

Blogger Sitesini Sadece Mobil de Göstermek

  #1  
Okunmamış 23 Mart 2019, 01:06
gaometri Adlı Üyenin Avatarı
 
Üyelik Tarihi: 17 Mayıs 2015
Yaş / Cinsiyet: 29 / Erkek
Meslek: öğrenci
Konum: Diyarbakır
Ad, Soyad: Rı... Se...
Mesajlar: 176
Beğeniler: 66 / 52
Ticaret: 2, 100%


Merhaba arkadaşlar blogger sitesini sadece mobil olarak göstermek isteyen arkadaşlar için bu kodu paylaşmak istiyorum. Bu kod sayesinde web sitesini sadece mobilde göstermek ve içeriklere sadece mobilde erişmesini sağlamak için bu kodu paylaşıyorum.

Ana sayfaya bir intro eklemedim fakat değiştirebilirsiniz.

Bu kodu <body> etiketinin hemen altına yapıştırın
Kod:
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
Ardından şu kodu </body> etiketinin üstüne yapıştırın
Kod:
  <b:else/>
<script src='//cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react.min.js'></script>
        <script id="rendered-js">
//<![CDATA[
          class App extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      pos: { x: 0, y: 0 },
      shadow: true,
      colors: [
      {
        "background": "#2A2C39",
        "text": "#ffffff",
        "bold": "#FF4056" },
      {
        "background": "#FCF751",
        "text": "#2A2C39",
        "bold": "#14151c" }],

      background: null,
      text: null,
      bold: null };

  }

  componentDidMount() {
    this.RandomBackground();
  }

  onMouseMove(e) {
    this.setState({
      pos: {
        x: e.pageX,
        y: e.pageY } });



    this.CreateShadow();
  }

  CreateShadow() {

    if ('ontouchstart' in window == false && this.state.shadow) {

      let [moveX, moveY] = [this.state.pos.x / -100, this.state.pos.y / -120];

      let [Section, firstWord, secondWord] = [React.findDOMNode(this.refs.section), React.findDOMNode(this.refs.playword_1), React.findDOMNode(this.refs.playword_2)];

      firstWord.style.transform = `translate3d(${moveX / 2}px, ${moveY}px, 0)`;
      secondWord.style.transform = `translate3d(${moveX / 2}px, ${moveY}px, 0)`;
      Section.style.textShadow = `${moveX}px ${-moveY}px rgba(0, 0, 0, 0.1)`;

    }
  }

  RandomBackground() {
    let getRandomInt = (min, max) => {
      return Math.floor(Math.random() * (max - min + 1) + min);
    };

    let RandomID = getRandomInt(0, 1),
    SelectColor = this.state.colors[RandomID];

    console.log(RandomID);

    this.setState({
      background: this.state.colors[RandomID].background,
      text: this.state.colors[RandomID].text,
      bold: this.state.colors[RandomID].bold });

  }

  render() {
    let sectionStyle = {
      backgroundColor: this.state.background,
      color: this.state.text };

    let boldStyle = {
      color: this.state.bold };


    return React.createElement("section", { id: "app", onMouseMove: this.onMouseMove.bind(this), style: sectionStyle },
    React.createElement("h1", { className: "middle", ref: "section" }, "Bu web sitesi ",
    React.createElement("span", { className: "bold", ref: "playword_1", style: boldStyle }, "sadece"), ".",
    React.createElement("br", null), "mobil olarak ",
    React.createElement("span", { className: "bold", ref: "playword_2", style: boldStyle }, "çalışmaktadır"), "."));


  }}


React.render(React.createElement(App, null),
document.querySelector('body'));
         //]]>
</script>
  </b:if>
Herhangi bir sorun ile karşılaşırsanız lütfen yazın
Gaometri Blogger Teması Yapılır
  #2  
Okunmamış 25 Mart 2019, 09:59
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 26 Aralık 2014
Yaş / Cinsiyet: 19 / Erkek
Meslek: öğrenci
Konum: Ankara
Ad, Soyad: Al... Ya...
Mesajlar: 14
Beğeniler: 3 / 60
Ticaret: 0, 0%
Elinize sağlık
gaometri bunu beğendi.
  #3  
Okunmamış 25 Mart 2019, 10:21
private59 Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 08 Mart 2019
Yaş / Cinsiyet: 28 / Erkek
Meslek: Sosyal Medya
Ad, Soyad: On... Al...
Mesajlar: 72
Beğeniler: 31 / 3
Ticaret: 0, 0%
elinize sağlık paylaşım için teşekkürler
gaometri bunu beğendi.
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Blogger


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 13:12.